<script setup>
import { date } from 'alga-js'
const router = useRouter()
const route = useRoute()

definePageMeta({
  middleware: ['auth', 'org']
})

const clients = useCookie('logship_clients')
const clientId = useCookie('logship_client_id')

const clientName = computed(() => {
  return clients.value?.filter(i => i.id == clientId.value)?.[0]?.name || 0
})

const form = ref({
  id: '',
  client: '',
  clientId: '',
  organization: '',
  organizationId: '',
  isActive: true,
  name: '',
  name2: '',
  value: '',
  salesVolume: 0,
  numberEmployees: 0,
  isSummary: false,
  isVendor: false,
  isCustomer: false,
  isProspect: false,
  soCreditLimit: 0,
  soCreditUsed: 0,
  acqusitionCost: 0,
  potentialLifeTimeValue: 0,
  actualLifeTimeValue: 0,
  shareOfCustomer: 0,
  isEmployee: false,
  isSalesRep: false,
  isOneTime: false,
  isTaxExempt: false,
  isDiscountPrinted: false,
  sendEMail: false,
  totalOpenBalance: 0,
  isPOTaxExempt: false,
  isManufacturer: false,
  is1099Vendor: false,
  firstSale: date.now('date'),
  poReference: '',
  referenceNo: '',
  rating: '',
  taxID: '',
  URL: '',
  NAICS: '',
  DUNS: '',
  documentCopies: 0,
  soDescription: '',
  description: '',
  flatDiscount: 0,
  shelfLifeMinPct: 0,
  dunningGrace: date.now('date'),
  isFulfillmentCustomer: false,
  fulfillmentOrderBaseprice: 0,
  fulfillmentOrderPickprice: 0,
  fulfillmentOrderQtyPickfree: 0,
  fulfillmentOrderBaseprice2: 0,
  fulfillmentOrderBaseprice3: 0,
  fulfillmentOrderReturnBaseprice: 0,
  fulfillmentOrderReturnPickprice: 0,
  deliveryRule: '',
  deliveryViaRule: '',
  invoiceSchedule: '',
  greeting: '',
  printFormat: '',
  salesRep: '',
  invoiceRule: '',
  paymentRule: '',
  paymentRulePO: '',
  soCreditStatus: '',
  partnerGroup: '',
  priceList: '',
  poPriceList: '',
  discountSchema: '',
  poDiscountSchema: '',
  paymentTerm: '',
  poPaymentTerm: '',
  languageId: '',
  dunning: '',
  dunningId: ''
})

const summaryBoxes = ref(['Purchase Order', 'Quote', 'Sales Order', 'Customer Invoice', 'Vendor Invoice', 'Vendor Credit-Memo'])
const summaryBox = ref({
  'Purchase Order': {
    // id: [126], DEV
    id: [1000016],
    summary: 0,
    model: 'c_order'
  },
  'Quote': {
    // id: [128], DEV
    id: [1000028],
    summary: 0,
    model: 'c_order'
  },
  'Sales Order': {
    // id: [130, 131, 132, 133, 134, 135], DEV
    id: [1000033, 1000041, 1000032, 1000034, 1000030, 1000038],
    summary: 0,
    model: 'c_order'
  },
  'Customer Invoice': {
    // id: [116], DEV
    id: [1000002],
    summary: 0,
    model: 'c_invoice'
  },
  'Vendor Invoice': {
    // id: [123], DEV
    id: [1000005],
    summary: 0,
    model: 'c_invoice'
  },
  'Vendor Credit-Memo': {
    // id: [124], DEV
    id: [1000006],
    summary: 0,
    model: 'c_invoice'
  }
})
const retrieve = async () => {
  const resp = await $fetch('/api/partners/partners/'+route.params.id+'/summary', {
    headers: useRequestHeaders(['cookie'])
  })
  if(resp) {
    for(let sbx of summaryBoxes.value) {
      const newBox = summaryBox.value[sbx]
      if(resp[newBox.model]) {
        summaryBox.value[sbx].summary = resp[newBox.model].filter(i => newBox.id.includes(Number(i.C_DocType_ID.id))).length
      }
    }
  }
  const res = await $fetch('/api/partners/partners/'+route.params.id, {
    headers: useRequestHeaders(['cookie'])
  })
  if(res) {
    form.value = {
      id: route.params.id,
      client: res?.AD_Client_ID?.identifier || '',
      clientId: res?.AD_Client_ID?.id || '',
      organization: res?.AD_Org_ID?.identifier || '',
      organizationId: res?.AD_Org_ID?.id || '',
      isActive: res?.IsActive ?? true,
      name: res?.Name || '',
      name2: res?.Name2 || '',
      value: res?.Value || '',
      salesVolume: res?.SalesVolume || 0,
      numberEmployees: res?.NumberEmployees || 0,
      isSummary: res?.IsSummary ?? false,
      isVendor: res?.IsVendor ?? false,
      isCustomer: res?.IsCustomer ?? false,
      isProspect: res?.IsProspect ?? false,
      soCreditLimit: res?.SoCreditLimit || 0,
      soCreditUsed: res?.SoCreditUsed || 0,
      acqusitionCost: res?.AcqusitionCost || 0,
      potentialLifeTimeValue: res?.PotentialLifeTimeValue || 0,
      actualLifeTimeValue: res?.ActualLifeTimeValue || 0,
      shareOfCustomer: res?.ShareOfCustomer || 0,
      isEmployee: res?.IsEmployee ?? false,
      isSalesRep: res?.IsSalesRep ?? false,
      isOneTime: res?.IsOneTime ?? false,
      isTaxExempt: res?.IsTaxExempt ?? false,
      isDiscountPrinted: res?.IsDiscountPrinted ?? false,
      sendEMail: res?.SendEMail ?? false,
      totalOpenBalance: res?.TotalOpenBalance || 0,
      isPOTaxExempt: res?.IsPOTaxExempt ?? false,
      isManufacturer: res?.IsManufacturer ?? false,
      is1099Vendor: res?.Is1099Vendor ?? false,
      firstSale: res?.FirstSale || date.now('date'),
      poReference: res?.POReference || '',
      referenceNo: res?.ReferenceNo || '',
      rating: res?.Rating || '',
      taxID: res?.TaxID || '',
      URL: res?.URL || '',
      NAICS: res?.NAICS || '',
      DUNS: res?.DUNS || '',
      documentCopies: res?.DocumentCopies || 0,
      soDescription: res?.SODescription || '',
      description: res?.description || '',
      flatDiscount: res?.FlatDiscount || 0,
      shelfLifeMinPct: res?.ShelfLifeMinPct || 0,
      dunningGrace: res?.DunningGrace || date.now('date'),
      isFulfillmentCustomer: res?.isFulfillmentCustomer ?? false,
      fulfillmentOrderBaseprice: res?.fulfillment_order_baseprice ?? 0,
      fulfillmentOrderPickprice: res?.fulfillment_order_pickprice ?? 0,
      fulfillmentOrderQtyPickfree: res?.fulfillment_order_qty_pickfree ?? 0,
      fulfillmentOrderBaseprice2: res?.fulfillment_order_baseprice_2 ?? 0,
      fulfillmentOrderBaseprice3: res?.fulfillment_order_baseprice_3 ?? 0,
      fulfillmentOrderReturnBaseprice: res?.fulfillment_order_return_baseprice ?? 0,
      fulfillmentOrderReturnPickprice: res?.fulfillment_order_return_pickprice ?? 0,
      deliveryRule: res?.DeliveryRule?.identifier || '',
      deliveryViaRule: res?.DeliveryViaRule?.identifier || '',
      invoiceSchedule: res?.C_InvoiceSchedule_ID?.identifier || '',
      greeting: res?.C_Greeting_ID?.identifier || '',
      printFormat: res?.Invoice_PrintFormat_ID?.identifier || '',
      salesRep: res?.SalesRep_ID?.identifier || '',
      invoiceRule: res?.InvoiceRule?.identifier || '',
      paymentRule: res?.PaymentRule?.identifier || '',
      paymentRulePO: res?.PaymentRulePO?.identifier || '',
      soCreditStatus: res?.SOCreditStatus?.identifier || '',
      partnerGroup: res?.C_BP_Group_ID?.identifier || '',
      priceList: res?.M_PriceList_ID?.identifier || '',
      poPriceList: res?.PO_PriceList_ID?.identifier || '',
      discountSchema: res?.M_DiscountSchema_ID?.identifier || '',
      poDiscountSchema: res?.PO_DiscountSchema_ID?.identifier || '',
      paymentTerm: res?.C_PaymentTerm_ID?.identifier || '',
      poPaymentTerm: res?.PO_PaymentTerm_ID?.identifier || '',
      languageId: res?.AD_Language?.id || res?.AD_Language?.identifier || 'en_US',
      dunning: res?.C_Dunning_ID?.identifier || '',
      dunningId: res?.C_Dunning_ID?.id || '',
    }
  }
}
onMounted(retrieve)

const back = () => {
  router.push('/partners/partners')
}

const breadCrumb = computed(() => ([
  { link: '/partners/partners', text: 'Partners'},
  { link: '#', text: 'View Partner Details', active: true}
]))
</script>

<template>
  <Head>
    <Title>View Partner Details</Title>
  </Head>

  <NuxtLayout name="new-dash">
    <NewBreadCrumb :items="breadCrumb" />

    <section class="section">
      <div class="columns flexWrap-wrap">
        <div v-for="(sumbx, index) in summaryBoxes" :key="index" class="column is-one-third">
          <div class="card">
            <div class="card-content">
              <div class="title textAlign-center">
                <span class="fs-64px color-inherit">{{ summaryBox[sumbx].summary }}</span>
              </div>
              <p class="subtitle textAlign-center mt-3">{{ sumbx }}</p>
            </div>
            <!--<footer class="card-footer">
              <p class="card-footer-item">
                <NuxtLink to="/integrations/commission">Open Window</NuxtLink>
              </p>
            </footer>-->
          </div>
        </div>
      </div>
    </section>

    <div>
      <div class="banner">
        <div class="d-flex justify-between mb-3">
          <h4></h4>
          <div class="d-flex gap-0.75rem">
            <button type="button" @click="back" class="button">
              <span class="tf-icon ti ti-chevron-left ti-xs me-1 color-inherit"></span> Back
            </button>
          </div>
        </div>
        <div>
          <div class="columns is-gapless is-multiline mb-3 mt-0">
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Tenant</strong>
                <strong>:</strong>
              </div>
              <div>{{ clientName }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Organization</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.organization }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Name</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.name }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>2nd Name</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.name2 }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Business Partner Group</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.partnerGroup }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Search Key</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.value }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Reference No</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.referenceNo }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Rating</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.rating }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Representative/Agent</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.salesRep }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Credit Status</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.soCreditStatus }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Credit Limit</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.soCreditLimit }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Open Balance</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.totalOpenBalance }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Tax ID</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.taxID }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>URL</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.URL }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Description</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.description }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Invoice Rule</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.invoiceRule }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Payment Rule</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.paymentRule }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Payment Term</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.paymentTerm }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Invoice Schedule</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.invoiceRule }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Delivery Rule</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.deliveryRule }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Delivery Via</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.deliveryViaRule }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Price List</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.priceList }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Discount Schema</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.discountSchema }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Flat Discount %</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.flatDiscount }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Dunning</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.dunning }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Dunning Grace Date</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.dunningGrace }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Min Shelf Life %</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.shelfLifeMinPct }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Payment Rule</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.paymentRulePO }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Payment Term</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.poPaymentTerm }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>PO Price List</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.poPriceList }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>PO Discount Schema</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.poDiscountSchema }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Order Reference</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.poReference }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Document Copies</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.documentCopies }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Order Description</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.soDescription }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Greeting</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.greeting }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Invoice Print Format</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.printFormat }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Language</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.language }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Share</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.shareOfCustomer }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Acquisition Cost</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.acqusitionCost }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Potential Life Time Value</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.potentialLifeTimeValue }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Sales Volume in</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.salesVolume }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>First Sale</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.firstSale }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Actual Life Time Value</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.actualLifeTimeValue }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>Employees</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.numberEmployees }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>NAICS</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.NAICS }}</div>
            </div>
            <div class="column is-half mb-2 d-flex gap-10px">
              <div class="w-180px d-flex justify-between gap-10px">
                <strong>D-U-N-S</strong>
                <strong>:</strong>
              </div>
              <div>{{ form.DUNS }}</div>
            </div>
            <div class="column is-full mb-3">
              <label class="label d-block mb-2 fw-bold">Status :</label>
              <div class="check">
                <input type="checkbox" v-model="form.isActive" class="checkInput" id="isActive" :checked="form.isActive" disabled>
                <label class="checkLabel" for="isActive">Active</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isCustomer" class="checkInput" id="isCustomer" :checked="form.isCustomer" disabled>
                <label class="checkLabel" for="isCustomer">Customer</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isVendor" class="checkInput" id="isVendor" :checked="form.isVendor" disabled>
                <label class="checkLabel" for="isVendor">Vendor</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isEmployee" class="checkInput" id="isEmployee" :checked="form.isEmployee" disabled>
                <label class="checkLabel" for="isEmployee">Employee</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isProspect" class="checkInput" id="isProspect" :checked="form.isProspect" disabled>
                <label class="checkLabel" for="isProspect">Prospect</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isSalesRep" class="checkInput" id="isSalesRep" :checked="form.isSalesRep" disabled>
                <label class="checkLabel" for="isSalesRep">Sales Representative</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isTaxExempt" class="checkInput" id="isTaxExempt" :checked="form.isTaxExempt" disabled>
                <label class="checkLabel" for="isTaxExempt">SO Tax Exempt</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isPOTaxExempt" class="checkInput" id="isPOTaxExempt" :checked="form.isPOTaxExempt" disabled>
                <label class="checkLabel" for="isPOTaxExempt">PO Tax Exempt</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isActive" class="checkInput" id="isActive" :checked="form.isActive" disabled>
                <label class="checkLabel" for="isActive">Active</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isSummary" class="checkInput" id="isSummary" :checked="form.isSummary" disabled>
                <label class="checkLabel" for="isSummary">Summary Level</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isManufacturer" class="checkInput" id="isManufacturer" :checked="form.isManufacturer" disabled>
                <label class="checkLabel" for="isManufacturer">Manufacturer</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.is1099Vendor" class="checkInput" id="is1099Vendor" :checked="form.is1099Vendor" disabled>
                <label class="checkLabel" for="is1099Vendor">1099 Vendor</label>
              </div>
              <div class="check">
                <input type="checkbox" v-model="form.isDiscountPrinted" class="checkInput" id="isDiscountPrinted" :checked="form.isDiscountPrinted" disabled>
                <label class="checkLabel" for="isDiscountPrinted">Discount Printed</label>
              </div>
            </div>

          </div>
        </div>
      </div>

    </div>
  </NuxtLayout>
</template>