create.vue bundle - Pastebin.com

<b-tabs pills card>

<b-tab title="Bundle" active>

<b-spinner label="Loading..."></b-spinner>

</div>

<router-link :to="{ name: 'BundleManagement.index' }" class="btn btn-primary">Kembali</router-link>

</div>

<label style="padding-left: 15px;">Tipe file foto adalah <b>.jpeg/.jpg/.png</b> dan ukuran maksimal foto adalah <b>4 MB</b></label>

</div>

<label class="form-label" style="color: black;">Lampiran</label>

<base64-upload v-if="!$route.name.includes('.detail')" class="img-fluid" imageSrc="/img/uploads.png" @change="onChangeImage1" style="width: 50% !important; height: 50% !important" >Upload photo</base64-upload>

</div>

<label for="date" class="form-label" style="color: black;">Kode Bundle</label>

</div>

<label for="date" class="form-label" style="color: black;">Nama Bundle</label>

</div>

<label for="date" class="form-label" style="color: black;">Kategori Barang</label>

<vue-select :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" v-model="bundle.Category" class="vue-select2" name="role" :options="category" label="Name"></vue-select>

</div>

<label for="date" class="form-label" style="color: black;">Kategori Gudang</label>

<vue-select :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" v-model="bundle.WarehouseCategory" class="vue-select2" name="role" :options="warehouseCategory"></vue-select>

</div>

<label for="branchName" class="form-label" style="color: black;">Maintenance dan Repair</label><span style="margin-left: 10px;" v-b-tooltip.hover title="Bagian dari barang yang dapat digunakan untuk perbaikan barang lainnya"><i class="fa fa-question-circle"></i></span>

<vue-select :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" v-model="selectedMaintenance" class="vue-select2" name="role" :options="maintenanceOptions"></vue-select>

</div>

<label for="branchName" class="form-label" style="color: black;">Barang Titipan</label>

<vue-select :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" v-model="selectedDeposit" class="vue-select2" name="role" :options="depositOptions"></vue-select>

</div>

<label for="branchName" class="form-label" style="color: black;">Jenis Pengadaan</label>

<vue-select :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" v-model="bundle.ProcurementType" class="vue-select2" name="role" :options="procurementType"></vue-select>

</div>

<hr/>

<label class="form-label" style="color: black;">Nomor SNI ke-1</label>

</div>

<label class="form-label" style="color: black;">Nomor SNI ke-2</label>

</div>

<label class="form-label" style="color: black;">Nomor SNI ke-3</label>

</div>

<hr/>

<label class="form-label" style="color: black;">Nama Supplier 1 (opsional)</label>

<vue-select :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" v-model="selectedSupplier1" class="vue-select2" name="role" :options="supplier" label="Name"></vue-select>

</div>

<label class="form-label" style="color: black;">Nama Supplier 2 (opsional)</label>

<vue-select :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" v-model="selectedSupplier2" class="vue-select2" name="role" :options="supplier" label="Name"></vue-select>

</div>

<label class="form-label" style="color: black;">Nama Supplier 3 (opsional)</label>

<vue-select :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" v-model="selectedSupplier3" class="vue-select2" name="role" :options="supplier" label="Name"></vue-select>

</div>

<!-- <div class="col-lg-6">

<label for="branchName" class="form-label" style="color: black;">Ada Barang yang Dapat Dirakit</label><span style="margin-left: 10px;" v-b-tooltip.hover title="Barang Bundle akan dirakit terlebih dahulu di Item Perakitan Bundle"><i class="fa fa-question-circle"></i></span>

<vue-select :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" v-model="selectedAssembly" class="vue-select2" name="role" :options="assemblyOptions"></vue-select>

</div>

</div> -->

</div>

<hr/>

<label for="safetyStockLimit" class="form-label" style="color: black;">Lokasi</label>

</div>

<label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Point</label>

<vue-numeric separator="." v-bind:precision="2" v-if="!$route.name.includes('.detail')" :disabled="$route.name.includes('.draft')" id="oneHundredCondition" type="text" v-model="bundle.Point" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

<div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ bundle.Point | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<hr />

<label for="flagName" class="form-label" style="color: black;">Jumlah Bundle</label>

<div class="form-control disabled-field">{{ bundle.TotalQuantity | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="safetyStockLimit" class="form-label" style="color: black;">Safety Stock</label>

<vue-numeric separator="." :disabled="$route.name.includes('.detail') || $route.name.includes('.draft')" placeholder="Ketik safety stock..." id="safetyStockLimit" type="text" v-model="bundle.SafetyStockLimit" name="safetyStockLimit" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

</div>

<label for="flagName" class="form-label" style="color: black;">Jumlah Barang Bundle Kondisi 100%</label>

<vue-numeric separator="." v-if="($route.name.includes('.create') || $route.name.includes('.edit'))" id="date" type="text" v-model="bundle.QuantityBundle100" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

<div v-if="($route.name.includes('.draft') || $route.name.includes('.detail'))" class="form-control disabled-field">{{ bundle.QuantityBundle100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="flagName" class="form-label" style="color: black;">Jumlah Barang Bundle Kondisi 90%</label>

<vue-numeric separator="." v-if="($route.name.includes('.create') || $route.name.includes('.edit'))" id="date" type="text" v-model="bundle.QuantityBundle90" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

<div v-if="($route.name.includes('.draft') || $route.name.includes('.detail'))" class="form-control disabled-field">{{ bundle.QuantityBundle90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="flagName" class="form-label" style="color: black;">Jumlah Barang Bundle Kondisi 60%</label>

<vue-numeric separator="." v-if="($route.name.includes('.create') || $route.name.includes('.edit'))" id="date" type="text" v-model="bundle.QuantityBundle60" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

<div v-if="($route.name.includes('.draft') || $route.name.includes('.detail'))" class="form-control disabled-field">{{ bundle.QuantityBundle60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="flagName" class="form-label" style="color: black;">Jumlah Barang Bundle Kondisi 30%</label>

<vue-numeric separator="." v-if="($route.name.includes('.create') || $route.name.includes('.edit'))" id="date" type="text" v-model="bundle.QuantityBundle30" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

<div v-if="($route.name.includes('.draft') || $route.name.includes('.detail'))" class="form-control disabled-field">{{ bundle.QuantityBundle30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<hr />

<h5>Harga Beli</h5>

</div>

<label for="date" v-if="userData.RoleDetails.IsReadBuyingPriceBundle || userData.RoleDetails.IsUpdateBuyingPriceBundle" class="form-label" style="color: black;">Harga Beli Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadBuyingPriceBundle" class="form-control disabled-field">{{ bundle.BuyingPrice100 | currency }}</div>

</div>

<label for="date" v-if="userData.RoleDetails.IsReadBuyingPriceBundle || userData.RoleDetails.IsUpdateBuyingPriceBundle" class="form-label" style="color: black;">Harga Beli Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadBuyingPriceBundle" class="form-control disabled-field">{{ bundle.BuyingPrice90 | currency }}</div>

</div>

<label for="date" v-if="userData.RoleDetails.IsReadBuyingPriceBundle || userData.RoleDetails.IsUpdateBuyingPriceBundle" class="form-label" style="color: black;">Harga Beli Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadBuyingPriceBundle" class="form-control disabled-field">{{ bundle.BuyingPrice60 | currency }}</div>

</div>

<label for="date" v-if="userData.RoleDetails.IsReadBuyingPriceBundle || userData.RoleDetails.IsUpdateBuyingPriceBundle" class="form-label" style="color: black;">Harga Beli Kondisi 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadBuyingPriceBundle" class="form-control disabled-field">{{ bundle.BuyingPrice30 | currency }}</div>

</div>

<label for="date" class="form-label" style="color: black;">Harga Rekomendasi </label>

<div disabled class="form-control disabled-field">{{ bundle.RecPrice | currency }}</div>

</div>

<label for="date" class="form-label" style="color: black;">Harga Rekomendasi Owner </label>

<div disabled class="form-control disabled-field">{{ bundle.TotalOwnerPrice | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Reguler Citra Pratama</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.BundlePrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.BundlePrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.BundlePrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.BundlePrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Reguler Citra Pesona</h5>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Reguler Citra Kencana</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenRegularPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenRegularPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenRegularPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenRegularPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Reguler Citra Bahagia</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create')&& (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenRegularPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenRegularPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenRegularPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenRegularPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Reguler Citra Millenial</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenRegularPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenRegularPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenRegularPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenRegularPrice30 | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Komisi Citra Pratama</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.BundlePrice100 > 20000 ? (bundle.BundlePrice100 - 20000) : bundle.BundlePrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.BundlePrice90 > 20000 ? (bundle.BundlePrice90 - 20000) : bundle.BundlePrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.BundlePrice60 > 20000 ? (bundle.BundlePrice60 - 20000) : bundle.BundlePrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.BundlePrice30 > 20000 ? (bundle.BundlePrice30 - 20000) : bundle.BundlePrice30) | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Komisi Citra Pesona</h5>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Komisi Citra Kencana</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenRegularPrice100 > 20000 ? (bundle.CipenRegularPrice100 - 20000) : bundle.CipenRegularPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenRegularPrice90 > 20000 ? (bundle.CipenRegularPrice90 - 20000) : bundle.CipenRegularPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenRegularPrice60 > 20000 ? (bundle.CipenRegularPrice60 - 20000) : bundle.CipenRegularPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenRegularPrice30 > 20000 ? (bundle.CipenRegularPrice30 - 20000) : bundle.CipenRegularPrice30) | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Komisi Citra Bahagia</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenRegularPrice100 > 20000 ? (bundle.CikenRegularPrice100 - 20000) : bundle.CikenRegularPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenRegularPrice90 > 20000 ? (bundle.CikenRegularPrice90 - 20000) : bundle.CikenRegularPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenRegularPrice60 > 20000 ? (bundle.CikenRegularPrice60 - 20000) : bundle.CikenRegularPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenRegularPrice30 > 20000 ? (bundle.CikenRegularPrice30 - 20000) : bundle.CikenRegularPrice30) | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Komisi Citra Millenial</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenRegularPrice100 > 20000 ? (bundle.CimenRegularPrice100 - 20000) : bundle.CimenRegularPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenRegularPrice90 > 20000 ? (bundle.CimenRegularPrice90 - 20000) : bundle.CimenRegularPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenRegularPrice60 > 20000 ? (bundle.CimenRegularPrice60 - 20000) : bundle.CimenRegularPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenRegularPrice30 > 20000 ? (bundle.CimenRegularPrice30 - 20000) : bundle.CimenRegularPrice30) | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Special Citra Pratama</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.SpecialPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.SpecialPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.SpecialPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.SpecialPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Special Citra Pesona</h5>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Special Citra Kencana</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenSpecialPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenSpecialPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenSpecialPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenSpecialPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Special Citra Bahagia</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenSpecialPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenSpecialPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenSpecialPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenSpecialPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Special Citra Millenial</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenSpecialPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenSpecialPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenSpecialPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Special Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenSpecialPrice30 | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Pratama</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.SpecialPrice100 > 20000 ? (bundle.SpecialPrice100 - 20000) : bundle.SpecialPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.SpecialPrice90 > 20000 ? (bundle.SpecialPrice90 - 20000) : bundle.SpecialPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.SpecialPrice60 > 20000 ? (bundle.SpecialPrice60 - 20000) : bundle.SpecialPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.SpecialPrice30 > 20000 ? (bundle.SpecialPrice30 - 20000) : bundle.SpecialPrice30) | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Pesona</h5>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Kencana</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenSpecialPrice100 > 20000 ? (bundle.CipenSpecialPrice100 - 20000) : bundle.CipenSpecialPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenSpecialPrice90 > 20000 ? (bundle.CipenSpecialPrice90 - 20000) : bundle.CipenSpecialPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenSpecialPrice60 > 20000 ? (bundle.CipenSpecialPrice60 - 20000) : bundle.CipenSpecialPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenSpecialPrice30 > 20000 ? (bundle.CipenSpecialPrice30 - 20000) : bundle.CipenSpecialPrice30) | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Bahagia</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenSpecialPrice100 > 20000 ? (bundle.CikenSpecialPrice100 - 20000) : bundle.CikenSpecialPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenSpecialPrice90 > 20000 ? (bundle.CikenSpecialPrice90 - 20000) : bundle.CikenSpecialPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenSpecialPrice60 > 20000 ? (bundle.CikenSpecialPrice60 - 20000) : bundle.CikenSpecialPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenSpecialPrice30 > 20000 ? (bundle.CikenSpecialPrice30 - 20000) : bundle.CikenSpecialPrice30) | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Millenial</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenSpecialPrice100 > 20000 ? (bundle.CimenSpecialPrice100 - 20000) : bundle.CimenSpecialPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenSpecialPrice90 > 20000 ? (bundle.CimenSpecialPrice90 - 20000) : bundle.CimenSpecialPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenSpecialPrice60 > 20000 ? (bundle.CimenSpecialPrice60 - 20000) : bundle.CimenSpecialPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenSpecialPrice30 > 20000 ? (bundle.CimenSpecialPrice30 - 20000) : bundle.CimenSpecialPrice30) | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Citra Pratama</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.PromoPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.PromoPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.PromoPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.PromoPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Citra Pesona</h5>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Citra Kencana</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenPromoPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenPromoPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenPromoPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenPromoPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Citra Bahagia</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenPromoPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenPromoPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenPromoPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenPromoPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Citra Millenial</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenPromoPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenPromoPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenPromoPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenPromoPrice30 | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Pratama</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.PromoPrice100 > 20000 ? (bundle.PromoPrice100 - 20000) : bundle.PromoPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.PromoPrice90 > 20000 ? (bundle.PromoPrice90 - 20000) : bundle.PromoPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.PromoPrice60 > 20000 ? (bundle.PromoPrice60 - 20000) : bundle.PromoPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.PromoPrice30 > 20000 ? (bundle.PromoPrice30 - 20000) : bundle.PromoPrice30) | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Pesona</h5>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Kencana</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenPromoPrice100 > 20000 ? (bundle.CipenPromoPrice100 - 20000) : bundle.CipenPromoPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenPromoPrice90 > 20000 ? (bundle.CipenPromoPrice90 - 20000) : bundle.CipenPromoPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenPromoPrice60 > 20000 ? (bundle.CipenPromoPrice60 - 20000) : bundle.CipenPromoPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CipenPromoPrice30 > 20000 ? (bundle.CipenPromoPrice30 - 20000) : bundle.CipenPromoPrice30) | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Bahagia</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenPromoPrice100 > 20000 ? (bundle.CikenPromoPrice100 - 20000) : bundle.CikenPromoPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenPromoPrice90 > 20000 ? (bundle.CikenPromoPrice90 - 20000) : bundle.CikenPromoPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenPromoPrice60 > 20000 ? (bundle.CikenPromoPrice60 - 20000) : bundle.CikenPromoPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CikenPromoPrice30 > 20000 ? (bundle.CikenPromoPrice30 - 20000) : bundle.CikenPromoPrice30) | currency }}</div>

</div>

<h5 v-if="$route.name.includes('.detail')">Harga Bundle Special Komisi Citra Millenial</h5>

</div>

<label for="oneHundredPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenPromoPrice100 > 20000 ? (bundle.CimenPromoPrice100 - 20000) : bundle.CimenPromoPrice100) | currency }}</div>

</div>

<label for="sixtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenPromoPrice90 > 20000 ? (bundle.CimenPromoPrice90 - 20000) : bundle.CimenPromoPrice90) | currency }}</div>

</div>

<label class="form-label" style="color: black;">Harga Jual Komisi Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenPromoPrice60 > 20000 ? (bundle.CimenPromoPrice60 - 20000) : bundle.CimenPromoPrice60) | currency }}</div>

</div>

<label for="thirtyPrice" class="form-label" style="color: black;">Harga Jual Komisi Kondisi dibawah 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ (bundle.CimenPromoPrice30 > 20000 ? (bundle.CimenPromoPrice30 - 20000) : bundle.CimenPromoPrice30) | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Combo Citra Pratama</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.ComboPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.ComboPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.ComboPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.ComboPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Combo Citra Pesona</h5>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Combo Citra Kencana</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenComboPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenComboPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenComboPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CipenComboPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Combo Citra Bahagia</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenComboPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenComboPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenComboPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CikenComboPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Promo Combo Citra Millenial</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 100% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenComboPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 90% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenComboPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 60% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenComboPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Promo Combo Bundle Kondisi 30% </label>

<div v-if="($route.name.includes('.detail')) && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.CimenComboPrice30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Bazaar</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Jual Bazaar Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.Bazaar100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Jual Bazaar Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.Bazaar90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Jual Bazaar Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.Bazaar60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Jual Bazaar Kondisi 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.Bazaar30 | currency }}</div>

</div>

<h5 v-if="!$route.name.includes('.create')">Harga Bundle Owner</h5>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Jual Owner Kondisi 100% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.OwnerPrice100 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Jual Owner Kondisi 90% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.OwnerPrice90 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Jual Owner Kondisi 60% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.OwnerPrice60 | currency }}</div>

</div>

<label for="date" v-if="!$route.name.includes('.create') && (userData.RoleDetails.IsReadSellingPriceBundle || userData.RoleDetails.IsUpdateSellingPriceBundle)" class="form-label" style="color: black;">Harga Jual Owner Kondisi 30% </label>

<div v-if="$route.name.includes('.detail') && userData.RoleDetails.IsReadSellingPriceBundle" class="form-control disabled-field">{{ bundle.OwnerPrice30 | currency }}</div>

</div>

<button v-if="$route.name.includes('.create')" class="btn btn-primary" @click="tambahBarang()" style="margin-top: 30px;">Tambah Barang</button>

<label for="flagName" class="form-label" style="color: black;">Kode Barang</label>

<vue-select :disabled="$route.name.includes('.detail')" v-model="selectedInventory" class="vue-select2" name="role" :options="inventory" label="Code">

<span v-if="option.IsDeposit != 1">{{ option.Code }} - {{ option.Name }}</span>

<span v-if="option.IsDeposit == 1">{{ option.Code }} - {{ option.Name }} - Titipan</span>

</template>

</vue-select>

</div>

<label for="productNumber" class="form-label" style="color: black;">Nama Barang</label>

</div>

<label for="productNumber" class="form-label" style="color: black;">Kode Barang</label>

</div>

<label for="productNumber" class="form-label" style="color: black;">Kategori Barang</label>

</div>

<label for="productNumber" class="form-label" style="color: black;">Kategori Gudang</label>

</div>

<label for="productNumber" class="form-label" style="color: black;">Barang Titipan</label>

</div>

<label for="productNumber" class="form-label" style="color: black;">Barang Titipan</label>

<div class="form-control disabled-field">Tidak</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Barang Titipan</label>

<div class="form-control disabled-field">Auto generate...</div>

</div>

<!-- <div class="col-lg-6">

<label for="productNumber" class="form-label" style="color: black;">Jumlah Barang</label>

<div class="form-control disabled-field">{{ item.TotalQuantity | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

</div> -->

<!-- <div class="col-lg-6">

<label for="productNumber" class="form-label" style="color: black;">Jumlah Bundle x Jumlah Barang Bundle</label> -->

<!-- <div class="form-control disabled-field">{{ item.TotalBundleQuantity | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

</div> -->

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Kondisi 100%</label>

<!-- <div v-if="selectedInventory.itembranch !== undefined" class="form-control disabled-field">{{ selectedInventory.itembranch[0].Price100 | currency }}</div>

<div class="form-control disabled-field">{{ selectedInventory.Price100 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Kondisi 90%</label>

<div class="form-control disabled-field">{{ selectedInventory.Price90 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Kondisi 60%</label>

<div class="form-control disabled-field">{{ selectedInventory.Price60 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Kondisi 30%</label>

<div class="form-control disabled-field">{{ selectedInventory.Price30 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Owner Kondisi 100%</label>

<!-- <div v-if="selectedInventory.itembranch !== undefined" class="form-control disabled-field">{{ selectedInventory.itembranch[0].Price100 | currency }}</div>

<div class="form-control disabled-field">{{ selectedInventory.ExtraPrice100 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Owner Kondisi 90%</label>

<div class="form-control disabled-field">{{ selectedInventory.ExtraPrice90 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Owner Kondisi 60%</label>

<div class="form-control disabled-field">{{ selectedInventory.ExtraPrice60 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Owner Kondisi 30%</label>

<div class="form-control disabled-field">{{ selectedInventory.ExtraPrice30 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Bazaar Kondisi 100%</label>

<!-- <div v-if="selectedInventory.itembranch !== undefined" class="form-control disabled-field">{{ selectedInventory.itembranch[0].Price100 | currency }}</div>

<div class="form-control disabled-field">{{ selectedInventory.BazaarPrice100 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Bazaar Kondisi 90%</label>

<div class="form-control disabled-field">{{ selectedInventory.BazaarPrice90 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Bazaar Kondisi 60%</label>

<div class="form-control disabled-field">{{ selectedInventory.BazaarPrice60 | currency }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Harga Jual Bazaar Kondisi 30%</label>

<div class="form-control disabled-field">{{ selectedInventory.BazaarPrice30 | currency }}</div>

</div>

<hr />

<label for="productNumber" class="form-label" style="color: black;">Jumlah Barang Kondisi 100%</label>

<div v-if="selectedInventory.itembranch !== undefined" class="form-control disabled-field">{{ selectedInventory.itembranch[0].Quantity100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Jumlah Barang Kondisi 90%</label>

<div v-if="selectedInventory.itembranch !== undefined" class="form-control disabled-field">{{ selectedInventory.itembranch[0].Quantity90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Jumlah Barang Kondisi 60%</label>

<div v-if="selectedInventory.itembranch !== undefined" class="form-control disabled-field">{{ selectedInventory.itembranch[0].Quantity60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Jumlah Barang Kondisi 30%</label>

<div v-if="selectedInventory.itembranch !== undefined" class="form-control disabled-field">{{ selectedInventory.itembranch[0].Quantity30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Barang Bundle Kondisi 100%</label>

<vue-numeric separator="." v-if="!$route.name.includes('.detail')" id="productNumber" type="text" placeholder="Ketik Jumlah Barang Bundle Kondisi 100%" v-model="item.BundleQuantity100" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

<div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ selectedInventory.BundleQuantity100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Barang Bundle Kondisi 90%</label>

<vue-numeric separator="." v-if="!$route.name.includes('.detail')" id="productNumber" type="text" placeholder="Ketik Jumlah Barang Bundle Kondisi 90%" v-model="item.BundleQuantity90" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

<div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ selectedInventory.BundleQuantity90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Barang Bundle Kondisi 60%</label>

<vue-numeric separator="." v-if="!$route.name.includes('.detail')" id="productNumber" type="text" placeholder="Ketik Jumlah Barang Bundle Kondisi 60%" v-model="item.BundleQuantity60" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

<div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ selectedInventory.BundleQuantity60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

<label for="productNumber" class="form-label" style="color: black;">Barang Bundle Kondisi 30%</label>

<vue-numeric separator="." v-if="!$route.name.includes('.detail')" id="productNumber" type="text" placeholder="Ketik Jumlah Barang Bundle Kondisi 30%" v-model="item.BundleQuantity30" required class="validate form-control" style="border: 1px solid black;"></vue-numeric>

<div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ selectedInventory.BundleQuantity30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>

</div>

Tambah

</button>

</div>

<h5>Data Barang</h5>

</div>

<b-table striped hover

id="bundleItemCollection"

:items="itemdetails"

:fields="fieldLookup()"

class="table table-hover table-striped"

style="margin-top: 10px;">

</template>

</template>

</template>

</template>

</template>

{{ data.item.TotalQuantity | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}

</template>

{{ data.item.Quantity100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}

</template>

{{ data.item.Quantity90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}

</template>

{{ data.item.Quantity60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}

</template>

{{ data.item.Quantity30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}

</template>

</b-table>

</div>

<button v-on:click="save()" class="btn btn-success">Simpan</button>

<router-link :to="{ name: 'BundleManagement.index' }" class="btn btn-default">Batal</router-link>

</div>

<button :disabled="itemdetails.length <= 0" v-on:click="saveDraft()" class="btn btn-success">Simpan</button>

<router-link :to="{ name: 'BundleManagement.index' }" class="btn btn-default">Batal</router-link>

</div>

</b-tab>

</b-tabs>

</div>

</template>

<style>

.card-header {

width: 1620px;

background-color: #20c197;

border-radius: 0px !important;

padding-left: 10px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

color: black;

background-color: #f8f8ff;

border-radius: 0px;

border-bottom: 3px solid #0059aa;

}

.button-div {

text-align: right;

margin-top: 30px;

}

.btn-success {

width: 132px;

background-color: #20c197;

border: none;

}

.btn-danger {

width: 132px;

margin-left: 15px;

border: none;

}

.disabled-field {

background-color: #E9ECEF;

border: 1px solid black;

}

</style>

// Plugins

import moment from 'moment'

import $ from 'jquery'

import VueSelect from 'vue-select'

import VueNumeric from 'vue-numeric'

import 'vue-select/dist/vue-select.css'

import Base64Upload from 'vue-base64-upload'

// API

import Bundle from '@/services/Inventories/Bundle'

import Inventories from '@/services/Inventories/Inventory'

import Suppliers from '@/services/Inventories/Supplier'

import ItemDetails from '@/services/Inventories/ItemDetails'

export default {

name: 'BundleManagement.create',

components: {

VueSelect,

VueNumeric,

Base64Upload

},

data () {

return {

//Loading

loading: true,

// Scope, Sama kyk vm.users , vm.employee dkk

userData: {},

itemdetails: {},

bundle: {

TotalQuantity: 0,

Price: 0,

BundlePrice100: 0,

BundlePrice90: 0,

BundlePrice60: 0,

BundlePrice30: 0,

QuantityBundle100: 0,

QuantityBundle90: 0,

QuantityBundle60: 0,

QuantityBundle30: 0,

OwnerPrice100: 0,

OwnerPrice90: 0,

OwnerPrice60: 0,

OwnerPrice30: 0,

Bazaar100: 0,

Bazaar90: 0,

Bazaar60: 0,

Bazaar30: 0,

RecPrice: 0,

TotalOwnerPrice: 0,

item: {

"Id": null,

"Name": null,

"Code": null,

"Category": null,

"WarehouseCategory": null,

"TotalQuantity": 0,

"BundleQuantity100": 0,

"BundleQuantity90": 0,

"BundleQuantity60": 0,

"BundleQuantity30": 0,

"SellingPrice": null,

"Price90": null,

"Price60": null,

"TotalBundleQuantity": 0

},

ItemCollection: []

},

inventory: [],

supplier: [],

selectedInventory: {},

selectedMaintenance: {},

selectedDeposit: {},

selectedAssembly: {},

selectedSupplier1: {},

selectedSupplier2: {},

selectedSupplier3: {},

category: ['-','Barang Inti','Barang Hadiah','Paket', 'Barang Siap Jual'],

warehouseCategory: ['Alat Tulis','Barang Siap Jual','Kit'],

maintenanceOptions: ['Ya','Tidak'],

depositOptions: ['Ya','Tidak'],

procurementType: ['Reguler','Import'],

assemblyOptions: ['Ya'],

itemCollectionField: [

{ key: 'Id', label: 'Id', sortable: true },

{ key: 'ItemId', label: 'Item Id', sortable: true },

{ key: 'Code', label: 'Kode', sortable: true },

{ key: 'Name', label: 'Nama', sortable: true },

{ key: 'Category', label: 'Kategori', sortable: true },

{ key: 'TotalQuantity', label: 'Jumlah Keseluruhan', sortable: true },

{ key: 'Quantity100', label: 'Jumlah Barang Kondisi 100%', sortable: true },

{ key: 'Price100', label: 'Harga Barang Kondisi 100%', sortable: true },

{ key: 'Quantity90', label: 'Jumlah Barang Kondisi 90%', sortable: true },

{ key: 'Price90', label: 'Harga Barang Kondisi 90%', sortable: true },

{ key: 'Quantity60', label: 'Jumlah Barang Kondisi 60%', sortable: true },

{ key: 'Price60', label: 'Harga Barang Kondisi 60%', sortable: true },

{ key: 'Quantity30', label: 'Jumlah Barang Kondisi 30%', sortable: true },

{ key: 'Price30', label: 'Harga Barang Kondisi 30%', sortable: true },

{ key: 'Delete', label: ''},

],

editor: null,

}

},

beforeUpdate: function () {

// Ngeassign variable pada saat proses update, misal kyk dropdown

this.item = this.selectedInventory

this.bundle.Price = parseInt(this.bundle.BundlePrice100) + parseInt(this.bundle.BundlePrice90) + parseInt(this.bundle.BundlePrice60) + parseInt(this.bundle.BundlePrice30)

this.bundle.TotalQuantity = parseInt(this.bundle.QuantityBundle100) + parseInt(this.bundle.QuantityBundle90) + parseInt(this.bundle.QuantityBundle60) + parseInt(this.bundle.QuantityBundle30)

// this.bundle.TotalOwnerPrice = parseInt(this.bundle.OwnerPrice100) + parseInt(this.bundle.OwnerPrice90) + parseInt(this.bundle.OwnerPrice60) + parseInt(this.bundle.OwnerPrice30)

this.bundle.TotalBundleQuantity = this.bundle.TotalQuantity

this.bundle.BundleQuantity = this.bundle.TotalQuantity

this.editor = this.userData.EmployeeId

// if (this.selectedSupplier1 == null) {

// this.selectedSupplier1 = "-"

// }

console.log(this.selectedSupplier1)

console.log(this.bundle.BundlePrice100)

console.log(this.bundle.BundlePrice90)

console.log(this.bundle.BundlePrice60)

console.log(this.bundle.BundlePrice30)

console.log(this.bundle.Price)

},

mounted: function () {

// Sama dengan document.ready

window.$ = $

this.init()

if(localStorage.userData !== undefined) {

this.userData = JSON.parse(localStorage.userData)

} else {

this.$router.push({ name: 'home' })

location.reload()

}

},

methods: {

// Kumpulan Fungsi disini

init: async function() {

// Ngeload Data Dari API

let inventory = await Inventories.index()

let supplier = await Suppliers.index()

// Assign data ke Scope

this.inventory = inventory.data

this.checkInventory = this.inventoryCheckNull(this.inventory)

this.getInventory = this.getInventory(this.inventory)

this.supplier = supplier.data

for(var i = 0; i < inventory.data.length; i ++) {

this.inventory[i].items = {

Quantity100: 0,

Quantity90: 0,

Quantity60: 0,

Quantity30: 0

}

this.inventory[i].itembranch = this.filterBarangCabang(inventory.data[i].inventory_branches, this.userData.LegalEntityId, this.userData.BranchId)

this.inventory[i].items = this.filterBarangCabang(inventory.data[i].inventory_branches, this.userData.LegalEntityId, this.userData.BranchId)[0]

}

//for edit mode

if(this.$route.params.id) {

let edit = await Bundle.detail(this.$route.params.id)

this.bundle = edit.data

let itemdetails = await ItemDetails.findbymodule('Bundle', this.$route.params.id)

this.itemdetails = itemdetails.data

if(this.bundle.SupplierId) {

this.selectedSupplier1 = this.lookupData(supplier.data, edit.data.SupplierId)

}

if(this.bundle.SupplierId2) {

this.selectedSupplier2 = this.lookupData(supplier.data, edit.data.SupplierId2)

}

if(this.bundle.SupplierId3) {

this.selectedSupplier3 = this.lookupData(supplier.data, edit.data.SupplierId3)

}

if(this.bundle.IsMaintenance == 1) {

this.selectedMaintenance = 'Ya'

}

if(this.bundle.IsMaintenance == 0) {

this.selectedMaintenance ='Tidak'

}

if(this.bundle.IsDeposit == 1) {

this.selectedDeposit = 'Ya'

}

if(this.bundle.IsDeposit == 0) {

this.selectedDeposit ='Tidak'

}

if(this.bundle.IsAssembly == 1) {

this.selectedAssembly ='Ya'

}

console.log(this.itemdetails)

console.log(JSON.parse(JSON.stringify(this.itemdetails)))

this.bundle.RecPrice = this.totalPriceItemDetails(this.itemdetails)

this.bundle.TotalOwnerPrice = this.totalPriceItemDetailsOwner(this.itemdetails)

}

// if(!this.$route.params.id) {

// this.bundle.Point = 0

// this.bundle.TotalQuantity = 0

// this.item.BundleQuantity100 = 0

// this.item.BundleQuantity90 = 0

// this.item.BundleQuantity60 = 0

// this.item.BundleQuantity30 = 0

// }

this.loading = false

},

fieldLookup() {

let field = [

{ key: 'Id', label: 'Id', sortable: true },

{ key: 'ItemId', label: 'Item Id', sortable: true },

{ key: 'Code', label: 'Kode', sortable: true },

{ key: 'Name', label: 'Nama', sortable: true },

{ key: 'Category', label: 'Kategori', sortable: true },

{ key: 'TotalQuantity', label: 'Jumlah Keseluruhan', sortable: true },

{ key: 'Quantity100', label: 'Jumlah Barang Kondisi 100%', sortable: true },

{ key: 'Quantity90', label: 'Jumlah Barang Kondisi 90%', sortable: true },

{ key: 'Quantity60', label: 'Jumlah Barang Kondisi 60%', sortable: true },

{ key: 'Quantity30', label: 'Jumlah Barang Kondisi 30%', sortable: true },

{ key: 'Delete', label: ''},

]

if(this.userData.RoleDetails.IsReadSellingPriceBundle == 1) {

field.splice(10, 0,

{ key: 'Price100', label: 'Harga Barang Kondisi 100%', sortable: true },

{ key: 'Price90', label: 'Harga Barang Kondisi 90%', sortable: true },

{ key: 'Price60', label: 'Harga Barang Kondisi 60%', sortable: true },

{ key: 'Price30', label: 'Harga Barang Kondisi 30%', sortable: true },

)

}

return field

},

inventoryCheckNull(json) {

let result = false

for(var i = 0; i < json.length; i++) {

if(json[i].BundleId == this.$route.params.id) {

result = true

}

return result

},

getInventory(json) {

let data = []

for(var i = 0; i < json.length; i++) {

if(json[i].BundleId == this.$route.params.id) {

data.push(json[i])

}

return data

},

filterBarangCabang: function(json, legalEntityId, branchId) {

let data = []

console.log(json)

console.log(legalEntityId)

console.log(branchId)

for(var i = 0; i < json.length; i++) {

if((json[i].LegalEntityId == legalEntityId) && (json[i].BranchId == branchId)) {

data.push(json[i])

}

return data

},

totalPriceItemDetails: function(json) {

let total = 0;

for(var i = 0; i < json.length; i++) {

total = parseInt(total) + (parseInt(json[i].Quantity100) * parseInt(json[i].Price100)) + (parseInt(json[i].Quantity90) * parseInt(json[i].Price90)) + (parseInt(json[i].Quantity60) * parseInt(json[i].Price60)) + (parseInt(json[i].Quantity30) * parseInt(json[i].Price30))

}

console.log(total)

return total

},

totalPriceItemDetailsOwner: function(json) {

let total = 0;

for(var i = 0; i < json.length; i++) {

total = parseInt(total) + (parseInt(json[i].Quantity100) * parseInt(json[i].OwnerPrice100)) + (parseInt(json[i].Quantity90) * parseInt(json[i].OwnerPrice90)) + (parseInt(json[i].Quantity60) * parseInt(json[i].OwnerPrice60)) + (parseInt(json[i].Quantity30) * parseInt(json[i].OwnerPrice30))

}

console.log(total)

return total

},

tambahBarang: async function() {

this.bundle.ItemCollection = "[]"

this.bundle.LegalEntityId = this.userData.LegalEntityId

this.bundle.BranchId = this.userData.BranchId

this.bundle.DeliveryStatus = "Draft"

this.bundle.Code = 'BDL/' + moment().format('DD') + moment().format('MM') + moment().format('YY') + "/" + moment().format('HH') + moment().format('mm') + moment().format('ss')

if(this.bundle.Category == 'Barang Inti') {

this.bundle.Code = 'BDL/I/' + moment().format('DD') + moment().format('MM') + moment().format('YY') + "/" + moment().format('HH') + moment().format('mm') + moment().format('ss')

} else if(this.bundle.Category == 'Barang Hadiah') {

this.bundle.Code = 'BDL/H/' + moment().format('DD') + moment().format('MM') + moment().format('YY') + "/" + moment().format('HH') + moment().format('mm') + moment().format('ss')

} else if(this.bundle.Category == 'Paket') {

this.bundle.Code = 'BDL/P/' + moment().format('DD') + moment().format('MM') + moment().format('YY') + "/" + moment().format('HH') + moment().format('mm') + moment().format('ss')

} else if(this.bundle.Category == '-') {

this.bundle.Code = 'BDL/L/' + moment().format('DD') + moment().format('MM') + moment().format('YY') + "/" + moment().format('HH') + moment().format('mm') + moment().format('ss')

} else {

this.bundle.Code = 'BDL/L/' + moment().format('DD') + moment().format('MM') + moment().format('YY') + "/" + moment().format('HH') + moment().format('mm') + moment().format('ss')

}

console.log(this.bundle)

try {

if(this.selectedMaintenance == 'Ya') {

this.bundle.IsMaintenance = 1

}

if(this.selectedMaintenance == 'Tidak') {

this.bundle.IsMaintenance = 0

}

if(this.selectedDeposit == 'Ya') {

this.bundle.IsDeposit = 1

}

if(this.selectedDeposit == 'Tidak') {

this.bundle.IsDeposit = 0

}

if(this.selectedAssembly == 'Ya') {

this.bundle.IsAssembly = 1

}

this.bundle.SupplierId = this.selectedSupplier1.Id

this.bundle.SupplierId2 = this.selectedSupplier2.Id

this.bundle.SupplierId3 = this.selectedSupplier3.Id

//Add Bundle to Inventory

/**

* @obsolete

* Pindahkan ke tombol simpan

*/

// let bundleAsInventory = {

// inventory: {

// LegalEntityId: this.userData.LegalEntityId,

// BranchId: this.userData.BranchId,

// Name: this.bundle.Name,

// Code: 'BDL/' + moment().format('DD') + moment().format('MM') + moment().format('YY') + "/" + moment().format('HH') + moment().format('mm') + moment().format('ss'),

// Category: "Bundle - " + this.bundle.Category,

// Identifier: "Bundle",

// Point: this.bundle.Point,

// BuyingPrice: 0,

// IsBundle: true,

// WarehouseCategory: this.bundle.WarehouseCategory,

// IsRefurbish: 1,

// IsMaintenance: this.bundle.IsMaintenance,

// IsDeposit: this.bundle.IsDeposit,

// ItemMasterId: null,

// SupplierId: this.selectedSupplier1.Id,

// SupplierId2: this.selectedSupplier2.Id,

// SupplierId3: this.selectedSupplier3.Id,

// HistoryQuantity: this.bundle.TotalQuantity,

// EmployeeId: this.userData.EmployeeId,

// Position: 'Tambah - Barang Bundle',

// Price100: this.bundle.BundlePrice100 || 0,

// Price90: this.bundle.BundlePrice90 || 0,

// Price60: this.bundle.BundlePrice60 || 0,

// Price30: this.bundle.BundlePrice30 || 0,

// ExtraPrice100: this.bundle.OwnerPrice100 || 0,

// ExtraPrice90: this.bundle.OwnerPrice90 || 0,

// ExtraPrice60: this.bundle.OwnerPrice60 || 0,

// ExtraPrice30: this.bundle.OwnerPrice30 || 0,

// BazaarPrice100: this.bundle.Bazaar100 || 0,

// BazaarPrice90: this.bundle.Bazaar90 || 0,

// BazaarPrice60: this.bundle.Bazaar60 || 0,

// BazaarPrice30: this.bundle.Bazaar30 || 0,

// BuyingPrice100: this.bundle.BuyingPrice100 || 0,

// BuyingPrice90: this.bundle.BuyingPrice90 || 0,

// BuyingPrice60: this.bundle.BuyingPrice60 || 0,

// BuyingPrice30: this.bundle.BuyingPrice30 || 0,

// SpecialPrice100: this.bundle.SpecialPrice100 || 0,

// SpecialPrice90: this.bundle.SpecialPrice90 || 0,

// SpecialPrice60: this.bundle.SpecialPrice60 || 0,

// SpecialPrice30: this.bundle.SpecialPrice30 || 0,

// PromoPrice100: this.bundle.PromoPrice100 || 0,

// PromoPrice90: this.bundle.PromoPrice90 || 0,

// PromoPrice60: this.bundle.PromoPrice60 || 0,

// PromoPrice30: this.bundle.PromoPrice30 || 0,

// ComboPrice100: this.bundle.ComboPrice100 || 0,

// ComboPrice90: this.bundle.ComboPrice90 || 0,

// ComboPrice60: this.bundle.ComboPrice60 || 0,

// ComboPrice30: this.bundle.ComboPrice30 || 0,

// CipenRegularPrice100: this.bundle.CipenRegularPrice100 || 0,

// CipenRegularPrice90: this.bundle.CipenRegularPrice90 || 0,

// CipenRegularPrice60: this.bundle.CipenRegularPrice60 || 0,

// CipenRegularPrice30: this.bundle.CipenRegularPrice30 || 0,

// CipenSpecialPrice100: this.bundle.CipenSpecialPrice100 || 0,

// CipenSpecialPrice90: this.bundle.CipenSpecialPrice90 || 0,

// CipenSpecialPrice60: this.bundle.CipenSpecialPrice60 || 0,

// CipenSpecialPrice30: this.bundle.CipenSpecialPrice30 || 0,

// CipenPromoPrice100: this.bundle.CipenPromoPrice100 || 0,

// CipenPromoPrice90: this.bundle.CipenPromoPrice90 || 0,

// CipenPromoPrice60: this.bundle.CipenPromoPrice60 || 0,

// CipenPromoPrice30: this.bundle.CipenPromoPrice30 || 0,

// CipenComboPrice100: this.bundle.CipenComboPrice100 || 0,

// CipenComboPrice90: this.bundle.CipenComboPrice90 || 0,

// CipenComboPrice60: this.bundle.CipenComboPrice60 || 0,

// CipenComboPrice30: this.bundle.CipenComboPrice30 || 0,

// CikenRegularPrice100: this.bundle.CikenRegularPrice100 || 0,

// CikenRegularPrice90: this.bundle.CikenRegularPrice90 || 0,

// CikenRegularPrice60: this.bundle.CikenRegularPrice60 || 0,

// CikenRegularPrice30: this.bundle.CikenRegularPrice30 || 0,

// CikenSpecialPrice100: this.bundle.CikenSpecialPrice100 || 0,

// CikenSpecialPrice90: this.bundle.CikenSpecialPrice90 || 0,

// CikenSpecialPrice60: this.bundle.CikenSpecialPrice60 || 0,

// CikenSpecialPrice30: this.bundle.CikenSpecialPrice30 || 0,

// CikenPromoPrice100: this.bundle.CikenPromoPrice100 || 0,

// CikenPromoPrice90: this.bundle.CikenPromoPrice90 || 0,

// CikenPromoPrice60: this.bundle.CikenPromoPrice60 || 0,

// CikenPromoPrice30: this.bundle.CikenPromoPrice30 || 0,

// CikenComboPrice100: this.bundle.CikenComboPrice100 || 0,

// CikenComboPrice90: this.bundle.CikenComboPrice90 || 0,

// CikenComboPrice60: this.bundle.CikenComboPrice60 || 0,

// CikenComboPrice30: this.bundle.CikenComboPrice30 || 0,

// CimenRegularPrice100: this.bundle.CimenRegularPrice100 || 0,

// CimenRegularPrice90: this.bundle.CimenRegularPrice90 || 0,

// CimenRegularPrice60: this.bundle.CimenRegularPrice60 || 0,

// CimenRegularPrice30: this.bundle.CimenRegularPrice30 || 0,

// CimenSpecialPrice100: this.bundle.CimenSpecialPrice100 || 0,

// CimenSpecialPrice90: this.bundle.CimenSpecialPrice90 || 0,

// CimenSpecialPrice60: this.bundle.CimenSpecialPrice60 || 0,

// CimenSpecialPrice30: this.bundle.CimenSpecialPrice30 || 0,

// CimenPromoPrice100: this.bundle.CimenPromoPrice100 || 0,

// CimenPromoPrice90: this.bundle.CimenPromoPrice90 || 0,

// CimenPromoPrice60: this.bundle.CimenPromoPrice60 || 0,

// CimenPromoPrice30: this.bundle.CimenPromoPrice30 || 0,

// CimenComboPrice100: this.bundle.CimenComboPrice100 || 0,

// CimenComboPrice90: this.bundle.CimenComboPrice90 || 0,

// CimenComboPrice60: this.bundle.CimenComboPrice60 || 0,

// CimenComboPrice30: this.bundle.CimenComboPrice30 || 0,

// Quantity100: this.bundle.QuantityBundle100 || 0,

// Quantity90: this.bundle.QuantityBundle90 || 0,

// Quantity60: this.bundle.QuantityBundle60 || 0,

// Quantity30: this.bundle.QuantityBundle30 || 0,

// ProcurementType: this.bundle.ProcurementType,

// SNI1: this.bundle.SNI1,

// SNI2: this.bundle.SNI2,

// SNI3: this.bundle.SNI3,

// },

// LegalEntityId: this.userData.LegalEntityId,

// BranchId: this.userData.BranchId,

// TotalQuantity: this.bundle.TotalQuantity,

// Quantity100: this.bundle.QuantityBundle100 || 0,

// Quantity90: this.bundle.QuantityBundle90 || 0,

// Quantity60: this.bundle.QuantityBundle60 || 0,

// Quantity30: this.bundle.QuantityBundle30 || 0,

// Price100: this.bundle.BundlePrice100 || 0,

// Price90: this.bundle.BundlePrice90 || 0,

// Price60: this.bundle.BundlePrice60 || 0,

// Price30: this.bundle.BundlePrice30 || 0,

// ExtraPrice100: this.bundle.OwnerPrice100 || 0,

// ExtraPrice90: this.bundle.OwnerPrice90 || 0,

// ExtraPrice60: this.bundle.OwnerPrice60 || 0,

// ExtraPrice30: this.bundle.OwnerPrice30 || 0,

// BazaarPrice100: this.bundle.Bazaar100 || 0,

// BazaarPrice90: this.bundle.Bazaar90 || 0,

// BazaarPrice60: this.bundle.Bazaar60 || 0,

// BazaarPrice30: this.bundle.Bazaar30 || 0,

// Picture1: this.bundle.Picture1 || null,