frontend listing barang di pesanan

      <div v-for="i in item.item_details" :key="i.Id">
        <div v-if="i.BundleId == null" class="row container panelberikanbarang shadow">
            <div class="col-4 mb-3">
              <img v-if="i.Picture1" :src="'data:image/jpeg;base64,' + i.Picture1" class="img-thumbnail shadow" />
              <img v-else src="@/assets/icons/boxkosong.jpg" class="img-thumbnail shadow" />
            </div>
            <div class="col-8 mb-3">
              <div style="font-size: 16pt !important; font-weight: 700;">{{ i.Name }}</div>
              <div style="font-weight: 500;">Nomor Barang: {{ i.Code }}</div>
              <b class="text-warning" style="color: #f88d69 !important;">{{ rupiah(i.BuyingPrice100) }}</b>
            </div>
            <hr />
            <div class="col-12">{{ i.Name }}</div>
            <div class="col-6">Jumlah Pesanan: </div>
            <div class="col-6 mb-2"><input disabled type="text" v-model="i.TotalQuantity" /></div>
            <hr />
            <div class="col-12">
              Catatan:
              <textarea disabled class="form-control" v-model="i.OrderNotes"></textarea>
            </div>
            <div v-if="userDataMobile.roles.IsGiveSellingMobile == 1" class="col-12 berikanbarang mt-3">
              <button disabled class="btn btn-warning">Berikan Barang</button>
              <!-- <button v-if="(i.GiveItem != true && item.Cancel == false)" :disabled="item.Status == 'Ditolak'" @click="berikanReguler(i)" class="btn btn-warning">Berikan Barang</button>
              <button v-if="(i.GiveItem == true && item.Cancel == false)" :disabled="item.Status == 'Ditolak'" @click="batalkanBerikanReguler(i)" class="btn btn-danger">Batalkan Berikan Barang</button>
              <button v-if="(i.GiveItem != true && item.Cancel == true)" disabled class="btn btn-warning">Berikan Barang</button>
              <button v-if="(i.GiveItem == true && item.Cancel == true)" disabled class="btn btn-danger">Batalkan Berikan Barang</button> -->
            </div>
        </div>
        <div v-if="i.BundleId != null" class="row container panelberikanbarang shadow">
            <!-- disini tarik data parentnya dulu -->
            <div class="col-4 mb-3">
              <img v-if="i.Picture1" :src="'data:image/jpeg;base64,' + i.bundle.Picture1" class="img-thumbnail shadow" />
              <img v-else src="@/assets/icons/boxkosong.jpg" class="img-thumbnail shadow" />
            </div>
            <div class="col-8 mb-3">
              <div style="font-size: 16pt !important; font-weight: 700;">{{ i.bundle.Name }}</div>
              <div style="font-weight: 500;">Nomor Barang: {{ i.bundle.Code }}</div>
              <b class="text-warning" style="color: #f88d69 !important;">{{ rupiah(i.BuyingPrice100) }}</b>
            </div>
            <hr />
            <!-- <div class="col-12">{{ i.bundle.Name }}</div> -->
            <!-- <div class="col-6">Jumlah Pesanan: </div>
            <div class="col-6 mb-2"><input disabled type="text" v-model="i.TotalQuantity" /></div> -->
            <!-- <hr /> -->
            <div class="col-12 mb-3">
              <div class="row mb-3" v-for="b in item.item_details.filter(x => x.BundleId != null)" :key="b.Id">
                <div class="col-6">
                  <b>{{ b.Name }}</b>
                </div>
                <div class="col-6 berikanbarang">
                  <button disabled class="btn btn-warning">Berikan Barang</button>
                  <!-- <button v-if="(b.GiveItem != true && item.Cancel == false)" :disabled="item.Status == 'Ditolak'" @click="berikanBundle(b)" class="ibtn btn-warning">Berikan Barang</button>
                  <button v-if="(b.GiveItem == true && item.Cancel == false)" :disabled="item.Status == 'Ditolak'" @click="batalkanBerikanBundle(b)" class="btn btn-danger">Batalkan Berikan Barang</button>
                  <button v-if="(b.GiveItem != true && item.Cancel == true)" disabled class="btn btn-warning">Berikan Barang</button>
                  <button v-if="(b.GiveItem == true && item.Cancel == true)" disabled class="btn btn-danger">Batalkan Berikan Barang</button> -->
                </div>
              </div>
            </div>
            <div class="col-12">
              Catatan:
              <textarea disabled class="form-control" v-model="i.OrderNotes"></textarea>
            </div>
        </div>
      </div>