<script id="templates/cekongkir.html" type="text/ng-template">
      <ion-view view-title="" ng-controller="cekongkirController">
        <div class="bar bar-subheader">
          <h2 class="title">Cek Ongkir</h2>
        </div>
        <ion-content padding="true">
          <br><br>
          <div class="row">
            <div class="col col-100">
              <img class="img_center" src="img/logo.png" style="width:100%;margin:8px 0px;">
            </div>
          </div>
          <div class="row">
            <div class="col col-100">
              <span class="input-label">Kota Tujuan</span>
            </div>
          </div>
          <div class="row">
            <div class="col col-100">
              <label class="item item-input item-select">
                <div class="input-label">
                  Provinsi
                </div>
                <select ng-model="postData.prov" ng-change="getKotaByProvinsi()">
                  <option value="{{prov_id}}" selected ng-selected="true">{{prov}}</option>
                  <option ng-repeat="prov in data_provinsi" value="{{prov.province_id}}" ng-value="{{prov.province_id}}">{{prov.province}}</option>
                </select>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="col col-100">
              <label class="item item-input item-select">
                <div class="input-label">
                  Kota
                </div>
                <select ng-model="postData.kota" ng-change="getKecamatanByKota()">
                  <option value="{{kota_id}}" selected ng-selected="true">{{kota}}</option>
                  <option ng-show="editProfilKota" ng-repeat="kota in data_kota" value="{{kota.city_id}}">{{kota.city_name}}</option>
                </select>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="col col-100">
              <label class="item item-input item-select">
                <div class="input-label">
                  Kecamatan
                </div>
                <select ng-model="postData.kecamatan">
                  <option value="{{kecamatan_id}}" selected ng-selected="true">{{kecamatan}}</option>
                  <option ng-show="editProfilKecamatan" ng-repeat="kecamatan in data_kecamatan" value="{{kecamatan.subdistrict_id}}">{{kecamatan.subdistrict_name}}</option>
                </select>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="col col-100">
             <label class="item item-input">
              <span class="input-label">Berat</span>
                <input type="text" ng-model="postData.berat">
            </label>
            </div>
          </div>
              <button class="button button-assertive" ng-click="get_ongkir()">
                Cek Ongkir
              </button>
              </ion-content>
      </ion-view>
    </script>

    <!--  Get Ongkir -->
    <script id="templates/get_ongkir.html" type="text/ng-template">
      <ion-view view-title="" ng-controller="getOngkirController">
        <div class="bar bar-subheader">
          <h2 class="title">Get Ongkir</h2>
        </div>
        <ion-content padding="true">
          <br><br>
          <div class="row">
            <div class="col col-100">
              <img class="img_center" src="img/logo.png" style="width:100%;margin:8px 0px;">
            </div>
          </div>
         <ion-item ng-repeat="ongkir in get_ongkir">

          <p>{{ongkir.name}}</p>
          <p ng-repeat="cost in ongkir.costs">{{cost.service}} - {{ cost.cost[0].value | currency:"Rp.":0 }}</p>
          <!-- currency:"Rp.":0  -->
        </ion-item>
        </ion-content>
      </ion-view>
    </script>