{{#with (changeset model) as |changeset|}}
<AppBarTop @leftRoute="hoyu-event-approval.index" @title="Hoyu Event Approval" @rightAction={{ action "saveHoyuEventApproval" 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-event-approval">
<AppCard @id="hoyu-event-approval" @showHeader={{ true }} @parentId="hoyu-event-approval" @title="Hoyu Event Approval">
<div class="row">
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Event" @valuePath="namaEvent" @isEditable={{ if formConfig.namaEvent formConfig.namaEvent.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Type Event" @valuePath="typeEvent" @isEditable={{ if formConfig.typeEvent formConfig.typeEvent.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Kode Event" @valuePath="kodeEvent" @isEditable={{ if formConfig.kodeEvent formConfig.kodeEvent.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Dukungan Budget" @valuePath="dukunganBudget" @isEditable={{ if formConfig.dukunganBudget formConfig.dukunganBudget.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model.tanggalWaktuMulaiDiusulkan }} @name="tanggal-waktu-mulai-diusulkan" @label="Tanggal Waktu Mulai Diusulkan" @isEditable={{ if formConfig.tanggalWaktuMulaiDiusulkan formConfig.tanggalWaktuMulaiDiusulkan.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model.tanggalWaktuSelesaiDiusulkan }} @name="tanggal-waktu-selesai-diusulkan" @label="Tanggal Waktu Selesai Diusulkan" @isEditable={{ if formConfig.tanggalWaktuSelesaiDiusulkan formConfig.tanggalWaktuSelesaiDiusulkan.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="event-sepanjang-hari-{{index}}" onclick={{action (mut model.eventSepanjangHari) value="target.checked"}} checked={{ eq model.eventSepanjangHari "1" }}>
<label class="form-check-label align-items-center d-flex align-items-center{{if model.eventSepanjangHari " checked" ""}}" for="event-sepanjang-hari-{{index}}">
<i class="bx bxs-check-circle"></i><span> Event Sepanjang Hari</span></label>
</div>
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Aging" @valuePath="aging" @isEditable={{ if formConfig.aging formConfig.aging.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model.tanggalEfektifEventTerakhir }} @name="tanggal-efektif-event-terakhir" @label="Tanggal Efektif Event Terakhir" @isEditable={{ if formConfig.tanggalEfektifEventTerakhir formConfig.tanggalEfektifEventTerakhir.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 class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="latarBelakangTerjadinyaEvent" @label="Latar Belakang Terjadinya Event" @isEditable={{ if formConfig.latarBelakangTerjadinyaEvent formConfig.latarBelakangTerjadinyaEvent.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Tujuan Event" @valuePath="tujuanEvent" @isEditable={{ if formConfig.tujuanEvent formConfig.tujuanEvent.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Lokasi Diusulkan" @valuePath="lokasiDiusulkan" @isEditable={{ if formConfig.lokasiDiusulkan formConfig.lokasiDiusulkan.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target Segmen" @valuePath="targetSegmen" @isEditable={{ if formConfig.targetSegmen formConfig.targetSegmen.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="rangkaianAcara" @label="Rangkaian Acara" @isEditable={{ if formConfig.rangkaianAcara formConfig.rangkaianAcara.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Event Organizer" @valuePath="eventOrganizer" @isEditable={{ if formConfig.eventOrganizer formConfig.eventOrganizer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ model }} @label="Budget Dealer" @valuePath="budgetDealer" @isEditable={{ if formConfig.budgetDealer formConfig.budgetDealer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Status Event" @valuePath="statusEvent" @isEditable={{ if formConfig.statusEvent formConfig.statusEvent.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Dealer" @valuePath="namaDealer" @isEditable={{ if formConfig.namaDealer formConfig.namaDealer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Kode Dealer" @valuePath="kodeDealer" @isEditable={{ if formConfig.kodeDealer formConfig.kodeDealer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Permintaan Cabang" @valuePath="permintaanCabang" @isEditable={{ if formConfig.permintaanCabang formConfig.permintaanCabang.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Kode Cabang" @valuePath="kodeCabang" @isEditable={{ if formConfig.kodeCabang formConfig.kodeCabang.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Creation User" @valuePath="creationUser" @isEditable={{ if formConfig.creationUser formConfig.creationUser.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model.creationDate }} @name="creation-date" @label="Creation Date" @isEditable={{ if formConfig.creationDate formConfig.creationDate.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target SKP Dealer" @valuePath="targetSkpDealer" @isEditable={{ if formConfig.targetSkpDealer formConfig.targetSkpDealer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target Undangan Dealer" @valuePath="targetUndanganDealer" @isEditable={{ if formConfig.targetUndanganDealer formConfig.targetUndanganDealer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target Unit Service Dealer" @valuePath="targetUnitServiceDealer" @isEditable={{ if formConfig.targetUnitServiceDealer formConfig.targetUnitServiceDealer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target Database Dealer" @valuePath="targetDatabaseDealer" @isEditable={{ if formConfig.targetDatabaseDealer formConfig.targetDatabaseDealer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model.tanggalMulaiDisetujui }} @name="tanggal-mulai-disetujui" @label="Tanggal Mulai Disetujui" @isEditable={{ if formConfig.tanggalMulaiDisetujui formConfig.tanggalMulaiDisetujui.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model.approvedEndDateTime }} @name="approved-end-date-time" @label="Approved End Date Time" @isEditable={{ if formConfig.approvedEndDateTime formConfig.approvedEndDateTime.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Lokasi yang disetujui" @valuePath="lokasiYangDisetujui" @isEditable={{ if formConfig.lokasiYangDisetujui formConfig.lokasiYangDisetujui.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ model }} @label="Budget HMSI" @valuePath="budgetHmsi" @isEditable={{ if formConfig.budgetHmsi formConfig.budgetHmsi.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="deskripsi" @label="Deskripsi" @isEditable={{ if formConfig.deskripsi formConfig.deskripsi.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target SPK" @valuePath="targetSpk" @isEditable={{ if formConfig.targetSpk formConfig.targetSpk.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target Undangan" @valuePath="targetUndangan" @isEditable={{ if formConfig.targetUndangan formConfig.targetUndangan.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target Unit Service" @valuePath="targetUnitService" @isEditable={{ if formConfig.targetUnitService formConfig.targetUnitService.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target Database" @valuePath="targetDatabase" @isEditable={{ if formConfig.targetDatabase formConfig.targetDatabase.isEditable true }} />
</div>
</div>
</AppCard>
<AppCard @id="hoyu-event-approval-list" @showHeader={{ true }} @parentId="hoyu-event-approval" @title="Hoyu Event Approval List">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.hoyuEventApprovalList 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="Yang Menyetujui" @valuePath="yangMenyetujui" @isEditable={{ if formConfig.hoyuEventApprovalList (if formConfig.hoyuEventApprovalList.yangMenyetujui formConfig.hoyuEventApprovalList.yangMenyetujui.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Approval Level" @valuePath="approvalLevel" @isEditable={{ if formConfig.hoyuEventApprovalList (if formConfig.hoyuEventApprovalList.approvalLevel formConfig.hoyuEventApprovalList.approvalLevel.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Status" @valuePath="status" @isEditable={{ if formConfig.hoyuEventApprovalList (if formConfig.hoyuEventApprovalList.status formConfig.hoyuEventApprovalList.status.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ item.tanggalDisetujuiDitolak }} @name="tanggal-disetujui-ditolak" @label="Tanggal disetujui/ditolak" @isEditable={{ if formConfig.hoyuEventApprovalList (if formConfig.hoyuEventApprovalList.tanggalDisetujuiDitolak formConfig.hoyuEventApprovalList.tanggalDisetujuiDitolak.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Budget Dealer" @valuePath="budgetDealer" @isEditable={{ if formConfig.hoyuEventApprovalList (if formConfig.hoyuEventApprovalList.budgetDealer formConfig.hoyuEventApprovalList.budgetDealer.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Budget HMSI" @valuePath="budgetHmsi" @isEditable={{ if formConfig.hoyuEventApprovalList (if formConfig.hoyuEventApprovalList.budgetHmsi formConfig.hoyuEventApprovalList.budgetHmsi.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Lokasi yang disetujui" @valuePath="lokasiYangDisetujui" @isEditable={{ if formConfig.hoyuEventApprovalList (if formConfig.hoyuEventApprovalList.lokasiYangDisetujui formConfig.hoyuEventApprovalList.lokasiYangDisetujui.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ item.tanggalMulaiDisetujui }} @name="tanggal-mulai-disetujui" @label="Tanggal Mulai Disetujui" @isEditable={{ if formConfig.hoyuEventApprovalList (if formConfig.hoyuEventApprovalList.tanggalMulaiDisetujui formConfig.hoyuEventApprovalList.tanggalMulaiDisetujui.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ item.approvedEndDateTime }} @name="approved-end-date-time" @label="Approved End Date Time" @isEditable={{ if formConfig.hoyuEventApprovalList (if formConfig.hoyuEventApprovalList.approvedEndDateTime formConfig.hoyuEventApprovalList.approvedEndDateTime.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-event-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-event-approval-list" }}>Add Row</button>
</div>
</div>
</AppCard>
<AppCard @id="hoyu-event-approval-attachment" @showHeader={{ true }} @parentId="hoyu-event-approval" @title="Hoyu Event Approval Attachment">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.hoyuEventApprovalAttachment 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>
<div class="col-2">
<div class="row">
<div class="col-12 mt-0 mb-2">
<span class="float-left">
<i {{action "deleteRowData" "hoyu-event-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-event-approval-attachment" }}>Add Row</button>
</div>
</div>
</AppCard>
<AppCard @id="hoyu-event-approval-budget" @showHeader={{ true }} @parentId="hoyu-event-approval" @title="Hoyu Event Approval Budget">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.hoyuEventApprovalBudget 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="Deskripsi Budget" @valuePath="deskripsiBudget" @isEditable={{ if formConfig.hoyuEventApprovalBudget (if formConfig.hoyuEventApprovalBudget.deskripsiBudget formConfig.hoyuEventApprovalBudget.deskripsiBudget.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Estimasti Budget" @valuePath="estimasiBudget" @isEditable={{ if formConfig.hoyuEventApprovalBudget (if formConfig.hoyuEventApprovalBudget.estimasiBudget formConfig.hoyuEventApprovalBudget.estimasiBudget.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-event-approval-budget" 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-event-approval-budget" }}>Add Row</button>
</div>
</div>
</AppCard>
</div>
</div>
</div>
</section>
{{/with}}