<div class="container cart-product-box col-lg-12 col-md-12 col-sm-12 col-xs-12" v-for="(merchant, index) in merchant_list" v-bind:key="index">
            <div class="table-responsive">
              <table class="table">
                <thead>
                  <!-- Cart Product Header <img src="images/flaticon/store.png" class="img-circle" alt="" height="20px">-->
                  <tr class="cart-product-header">
                    <th width="47%" style="padding:25px 15px 25px 0"><a href="#"> {{ merchant.mn }}</a></th>
                    <th class="text-center" width="20%" style="padding:25px 15px">Harga Satuan</th>
                    <th class="text-center" width="15%" style="padding:25px 15px">Kuantitas</th>
                    <th class="text-center" width="15%" style="padding:25px 15px">Total Harga</th>
                    <th class="text-center" width="3%" style="padding:25px 0 25px 15px">Ubah</th>
                  </tr>
                </thead>
                <tbody>
                  <!-- Cart Product Item -->
                  <tr class="cart-product-item" style="border-bottom:1px solid #ddd" v-for="item in merchant.getdata_merchant">
                    <td style="padding:20px 15px 25px 0"><a href="#">
                      <div class="media">
                        <div class="media-left">
                          <img :src="item.image" class="media-object" :alt="item.pn" width="75px">
                        </div>
                        <div class="media-body">
                          <p>{{ item.pn }}</p>
                        </div>
                      </div></a>
                    </td>
                    <td class="text-center" style="padding:25px 15px">{{ item.price }}</td>
                    <td class="text-center" style="padding:25px 15px">{{ item.qty}}</td>
                    <td class="text-center" style="padding:25px 15px">{{ item.grand_total}}</td>
                    <td class="edit-cart-item text-center" style="padding:25px 0 25px 15px"><a href="#" data-toggle="modal" data-target="#noteModal"><i class="far fa-edit"></i></a>
                      <i class="far fa-trash-alt"></i>
                    </td>
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td colspan="5" style="padding:20px 0;border-bottom:1px solid #ddd">

                      <select class="form-control" style="width:100%" v-on:change="change_address()" v-model="address">
                        <option disabled value="">- Pilih Alamat -</option>
                        <option v-bind:value="merchant.mi">Rumah {{ index }}</option>
                        <option value="2">Kantor</option>
                      </select>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="2" style="padding:20px 10px 0 0">
                      <select class="form-control" style="width:100%" v-on:change="change_courier()" v-model="courier">
                        <option value="default">- Pilih Kurir -</option>
                        <option v-for="kurir in merchant.kurir" v-bind:value="kurir.kode_kurir">{{ kurir.name_kurir }}</option>

                      </select>
                    </td>
                    <td colspan="3" style="padding:20px 0 0 10px">
                      <select class="form-control" style="width:100%">
                        <option value="default">- Pilih Layanan -</option>
                        <option v-for="service in service_list" v-bind:value="service.service">{{service.service}}</option>

                      </select>
                    </td>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>