{{#with (changeset model) as |changeset|}}
<AppBarTop @leftRoute="hoyu-faktur-approval.index" @title="Hoyu Faktur Approval" @rightAction={{ action "saveHoyuFakturApproval" changeset }} @rightActionInProgress={{ rightActionInProgress }} @rightIcon="bxs-message-square-check" />
<section class="content-header">
<div class="container">
<div class="row align-items-center">
<div class="col-6 col-sm order-sm-last text-right order-last">
<h6 class="mb-0"><strong>HOYU</strong></h6>
</div>
<div class="col-6 col-sm mt-2 mt-sm-0 order-sm-first order-first">
</div>
</div>
</div>
</section>
<section class="content-body">
<div class="container">
<div class="col-12">
{{#if errorMessages}}
<div class="alert on alert-danger alert-dismissible fade show" role="alert">
<ul class="mb-0 ml-2">
{{#each errorMessages as |item| }}
<li>{{ item }}</li>
{{/each}}
</ul>
</div>
{{/if}}
<div class="accordion-div" id="accordion-hoyu-faktur-approval">
<AppCard @id="hoyu-faktur-approval" @showHeader={{ true }} @parentId="hoyu-faktur-approval" @title="Hoyu Faktur Approval">
<div class="row">
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Faktur No." @valuePath="fakturNo" @isEditable={{ if formConfig.fakturNo formConfig.fakturNo.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Faktur" @valuePath="namaFaktur" @isEditable={{ if formConfig.namaFaktur formConfig.namaFaktur.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDate @model={{ model.tanggalFakturIds }} @name="tanggal-faktur-ids" @label="Tanggal Faktur IDS" @isEditable={{ if formConfig.tanggalFakturIds formConfig.tanggalFakturIds.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Jenis Faktur" @valuePath="jenisFaktur" @isEditable={{ if formConfig.jenisFaktur formConfig.jenisFaktur.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Status" @valuePath="status" @isEditable={{ if formConfig.status formConfig.status.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Tanggal Faktur" @valuePath="tanggalFaktur" @isEditable={{ if formConfig.tanggalFaktur formConfig.tanggalFaktur.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="No. Faktur IDS" @valuePath="noFakturIds" @isEditable={{ if formConfig.noFakturIds formConfig.noFakturIds.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Ekspedisi" @valuePath="namaEkspedisi" @isEditable={{ if formConfig.namaEkspedisi formConfig.namaEkspedisi.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="No. Ekspedisi" @valuePath="noEkspedisi" @isEditable={{ if formConfig.noEkspedisi formConfig.noEkspedisi.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDate @model={{ model.tanggalEkspedisi }} @name="tanggal-ekspedisi" @label="Tanggal Ekspedisi" @isEditable={{ if formConfig.tanggalEkspedisi formConfig.tanggalEkspedisi.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDate @model={{ model.tanggalDo }} @name="tanggal-do" @label="Tanggal Do" @isEditable={{ if formConfig.tanggalDo formConfig.tanggalDo.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Salesman" @valuePath="namaSalesman" @isEditable={{ if formConfig.namaSalesman formConfig.namaSalesman.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Status Print" @valuePath="statusPrint" @isEditable={{ if formConfig.statusPrint formConfig.statusPrint.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Status Revisi" @valuePath="statusRevisi" @isEditable={{ if formConfig.statusRevisi formConfig.statusRevisi.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Inisiator" @valuePath="inisiator" @isEditable={{ if formConfig.inisiator formConfig.inisiator.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Revision Approval/Escalation Reason" @valuePath="revisionApprovalEscalationReason" @isEditable={{ if formConfig.revisionApprovalEscalationReason formConfig.revisionApprovalEscalationReason.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Dibuat Oleh" @valuePath="dibuatOleh" @isEditable={{ if formConfig.dibuatOleh formConfig.dibuatOleh.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDate @model={{ model.tanggalDibuat }} @name="tanggal-dibuat" @label="Tanggal dibuat" @isEditable={{ if formConfig.tanggalDibuat formConfig.tanggalDibuat.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="catatan" @label="Catatan" @isEditable={{ if formConfig.catatan formConfig.catatan.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<div class="form-check form-check-inline form-checkbox form-group">
<input type="checkbox" class="form-check-input d-none" value="1" id="print-province-{{index}}" onclick={{action (mut model.printProvince) value="target.checked"}} checked={{ eq model.printProvince "1" }}>
<label class="form-check-label align-items-center d-flex align-items-center{{if model.printProvince " checked" ""}}" for="print-province-{{index}}">
<i class="bx bxs-check-circle"></i><span> Print Province</span></label>
</div>
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="VIN No." @valuePath="vinNo" @isEditable={{ if formConfig.vinNo formConfig.vinNo.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="No. Rangka" @valuePath="noRangka" @isEditable={{ if formConfig.noRangka formConfig.noRangka.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="No. Mesin" @valuePath="noMesin" @isEditable={{ if formConfig.noMesin formConfig.noMesin.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Model Group" @valuePath="modelGroup" @isEditable={{ if formConfig.modelGroup formConfig.modelGroup.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Model Variant" @valuePath="modelVariant" @isEditable={{ if formConfig.modelVariant formConfig.modelVariant.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Warna" @valuePath="warna" @isEditable={{ if formConfig.warna formConfig.warna.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Manufacturing Code" @valuePath="manufacturingCode" @isEditable={{ if formConfig.manufacturingCode formConfig.manufacturingCode.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Kategori" @valuePath="kategori" @isEditable={{ if formConfig.kategori formConfig.kategori.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Type Karoseri" @valuePath="typeKaroseri" @isEditable={{ if formConfig.typeKaroseri formConfig.typeKaroseri.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Karoseri" @valuePath="karoseri" @isEditable={{ if formConfig.karoseri formConfig.karoseri.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Pelanggaran Wilayah" @valuePath="pelanggaranWilayah" @isEditable={{ if formConfig.pelanggaranWilayah formConfig.pelanggaranWilayah.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Dealer Saat Ini" @valuePath="dealerSaatIni" @isEditable={{ if formConfig.dealerSaatIni formConfig.dealerSaatIni.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Pelanggaran Wilayah Dealer" @valuePath="pelanggaranWilayahDealer" @isEditable={{ if formConfig.pelanggaranWilayahDealer formConfig.pelanggaranWilayahDealer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Jenis Body" @valuePath="jenisBody" @isEditable={{ if formConfig.jenisBody formConfig.jenisBody.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Customer Pemesan" @valuePath="namaCustomerPemesan" @isEditable={{ if formConfig.namaCustomerPemesan formConfig.namaCustomerPemesan.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Faktur Customer Information" @valuePath="namaFakturCustomerInformation" @isEditable={{ if formConfig.namaFakturCustomerInformation formConfig.namaFakturCustomerInformation.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Faktur Tercetak" @valuePath="namaFakturTercetak" @isEditable={{ if formConfig.namaFakturTercetak formConfig.namaFakturTercetak.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="ID Customer" @valuePath="idCustomer" @isEditable={{ if formConfig.idCustomer formConfig.idCustomer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Alamat Faktur 1" @valuePath="alamatFaktur1" @isEditable={{ if formConfig.alamatFaktur1 formConfig.alamatFaktur1.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Alamat Faktur 2" @valuePath="alamatFaktur2" @isEditable={{ if formConfig.alamatFaktur2 formConfig.alamatFaktur2.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Alamat Faktur 3" @valuePath="alamatFaktur3" @isEditable={{ if formConfig.alamatFaktur3 formConfig.alamatFaktur3.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Kode POS" @valuePath="kodePos" @isEditable={{ if formConfig.kodePos formConfig.kodePos.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Provinsi" @valuePath="provinsi" @isEditable={{ if formConfig.provinsi formConfig.provinsi.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Kota/Kabupaten" @valuePath="kotaKabupaten" @isEditable={{ if formConfig.kotaKabupaten formConfig.kotaKabupaten.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.notes formConfig.notes.isEditable true }} />
</div>
</div>
</AppCard>
<AppCard @id="hoyu-faktur-approval-list" @showHeader={{ true }} @parentId="hoyu-faktur-approval" @title="Hoyu Faktur Approval List">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.hoyuFakturApprovalList as |item index|}}
<div class="data-list-item mb-3">
<div class="row">
<div class="col-10">
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Status" @valuePath="status" @isEditable={{ if formConfig.hoyuFakturApprovalList (if formConfig.hoyuFakturApprovalList.status formConfig.hoyuFakturApprovalList.status.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Approver" @valuePath="approver" @isEditable={{ if formConfig.hoyuFakturApprovalList (if formConfig.hoyuFakturApprovalList.approver formConfig.hoyuFakturApprovalList.approver.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ item.approverDate }} @name="approver-date" @label="Approver Date" @isEditable={{ if formConfig.hoyuFakturApprovalList (if formConfig.hoyuFakturApprovalList.approverDate formConfig.hoyuFakturApprovalList.approverDate.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Approver Level" @valuePath="approverLevel" @isEditable={{ if formConfig.hoyuFakturApprovalList (if formConfig.hoyuFakturApprovalList.approverLevel formConfig.hoyuFakturApprovalList.approverLevel.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Record Name" @valuePath="recordName" @isEditable={{ if formConfig.hoyuFakturApprovalList (if formConfig.hoyuFakturApprovalList.recordName formConfig.hoyuFakturApprovalList.recordName.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Currency Code" @valuePath="currencyCode" @isEditable={{ if formConfig.hoyuFakturApprovalList (if formConfig.hoyuFakturApprovalList.currencyCode formConfig.hoyuFakturApprovalList.currencyCode.isEditable true) true}} />
</div>
</div>
<div class="col-2">
<div class="row">
<div class="col-12 mt-0 mb-2">
<span class="float-left">
<i {{action "deleteRowData" "hoyu-faktur-approval-list" item}} class="bx bx-x clickable ml-2"></i>
</span>
</div>
</div>
</div>
</div>
</div>
{{/each}}
</div>
<button type="button" class="btn btn-secondary btn-sm" {{ action "addRowData" "hoyu-faktur-approval-list" }}>Add Row</button>
</div>
</div>
</AppCard>
<AppCard @id="hoyu-faktur-approval-attachment" @showHeader={{ true }} @parentId="hoyu-faktur-approval" @title="Hoyu Faktur Approval Attachment">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.hoyuFakturApprovalAttachment as |item index|}}
<div class="data-list-item mb-3">
<div class="row">
<div class="col-10">
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Attachment</span>
<span class="data">
<FileUpload @name="attachment"
@accept="image/*"
@onfileadd={{action "uploadImage" changeset "attachment"}}>
<span class="input-group">
<span class="ember-text-field ember-view form-control">{{if changeset.attachment changeset.attachment.name "No file to upload"}}</span>
<span class="input-group-append">
<span class="input-group-text">
<FaIcon @icon="folder" />
</span>
</span>
</span>
</FileUpload>
</span>
</div>
</div>
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ item }} @valuePath="description" @label="Description" @isEditable={{ if formConfig.hoyuFakturApprovalAttachment (if formConfig.hoyuFakturApprovalAttachment.description formConfig.hoyuFakturApprovalAttachment.description.isEditable true) true}} />
</div>
</div>
<div class="col-2">
<div class="row">
<div class="col-12 mt-0 mb-2">
<span class="float-left">
<i {{action "deleteRowData" "hoyu-faktur-approval-attachment" item}} class="bx bx-x clickable ml-2"></i>
</span>
</div>
</div>
</div>
</div>
</div>
{{/each}}
</div>
<button type="button" class="btn btn-secondary btn-sm" {{ action "addRowData" "hoyu-faktur-approval-attachment" }}>Add Row</button>
</div>
</div>
</AppCard>
</div>
</div>
</div>
</section>
{{/with}}