{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
<AppBarTop @leftRoute="inbox.inbox-approval-hoyu" @leftRouteArgs={{"HOYU_EVENT_APPROVAL"}} @title="Hoyu Event Approval"
@rightRoute="hoyu-event-approval.hoyu-event-approval-list" @rightRouteArgs={{ model.id }}
@rightIcon="bxs-user-check" />
{{else}}
<AppBarTop @leftRoute="inbox.inbox-approval-hoyu" @leftRouteArgs={{"HOYU_EVENT_APPROVAL"}}
@title="Hoyu Event Approval"/>
{{/if}}
<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>
{{#if this.model.isPending}}
<AppLoading @content={{true}} />
{{else}}
<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="General Information">
<div class="row">
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Event Code" @valuePath="kodeEvent"
@isEditable={{ if formConfig.form.kodeEvent formConfig.form.kodeEvent.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Event" @valuePath="namaEvent"
@isEditable={{ if formConfig.form.namaEvent formConfig.form.namaEvent.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Type Event" @valuePath="eventTypesValue"
@isEditable={{ if formConfig.form.typeEvent formConfig.form.typeEvent.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Dukungan Budget" @valuePath="dukunganBudget"
@isEditable={{ if formConfig.form.dukunganBudget formConfig.form.dukunganBudget.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model }} @valuePath="tanggalWaktuMulaiDiusulkan" @name="tanggal-waktu-mulai-diusulkan"
@label="Tanggal Waktu Mulai"
@isEditable={{ if formConfig.form.tanggalWaktuMulaiDiusulkan formConfig.form.tanggalWaktuMulaiDiusulkan.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model }} @valuePath="tanggalWaktuSelesaiDiusulkan" @name="tanggal-waktu-selesai-diusulkan"
@label="Tanggal Waktu Selesai"
@isEditable={{ if formConfig.form.tanggalWaktuSelesaiDiusulkan formConfig.form.tanggalWaktuSelesaiDiusulkan.isEditable false }} />
</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.form.aging formConfig.form.aging.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model }} @valuePath="tanggalEfektifEventTerakhir" @name="tanggal-efektif-event-terakhir"
@label="Tanggal Aktif Event Terakhir"
@isEditable={{ if formConfig.form.tanggalEfektifEventTerakhir formConfig.form.tanggalEfektifEventTerakhir.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="notes" @label="Notes"
@isEditable={{ if formConfig.form.notes formConfig.form.notes.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="latarBelakangTerjadinyaEvent"
@label="Latar Belakang Terjadinya Event"
@isEditable={{ if formConfig.form.latarBelakangTerjadinyaEvent formConfig.form.latarBelakangTerjadinyaEvent.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Tujuan Event" @valuePath="tujuanEvent"
@isEditable={{ if formConfig.form.tujuanEvent formConfig.form.tujuanEvent.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Lokasi Diusulkan" @valuePath="lokasiDiusulkan"
@isEditable={{ if formConfig.form.lokasiDiusulkan formConfig.form.lokasiDiusulkan.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Target Segmen" @valuePath="targetSegmen"
@isEditable={{ if formConfig.form.targetSegmen formConfig.form.targetSegmen.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="rangkaianAcara" @label="Rangkaian Acara"
@isEditable={{ if formConfig.form.rangkaianAcara formConfig.form.rangkaianAcara.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Event Organizer" @valuePath="eventOrganizer"
@isEditable={{ if formConfig.form.eventOrganizer formConfig.form.eventOrganizer.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span for="fileattachment">Attachment</span>
{{#each model.hoyuEventApprovalAttachment as |data|}}
<span class="data">
<a href="{{ this.apiURL }}/{{ data.attachmentsId }}">
{{ data.attachmentsOriginalFileName }}
</a>
</span>
{{/each}}
</div>
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ model }} @label="Budget Dealer" @valuePath="budgetDealer"
@isEditable={{ if formConfig.form.budgetDealer formConfig.form.budgetDealer.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Status Event" @valuePath="eventStatusValue"
@isEditable={{ if formConfig.form.statusEvent formConfig.form.statusEvent.isEditable false }} />
</div>
</div>
</AppCard>
<AppCard @id="hoyu-event-approval-dealer" @showHeader={{ true }} @parentId="hoyu-event-approval"
@title="Dealer & Branch Detail">
<div class="row">
<div class="col-12">
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Dealer" @valuePath="namaDealer"
@isEditable={{ if formConfig.form.namaDealer formConfig.form.namaDealer.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Kode Dealer" @valuePath="kodeDealer"
@isEditable={{ if formConfig.form.kodeDealer formConfig.form.kodeDealer.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Permintaan Cabang" @valuePath="permintaanCabang"
@isEditable={{ if formConfig.form.permintaanCabang formConfig.form.permintaanCabang.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Kode Cabang" @valuePath="kodeCabang"
@isEditable={{ if formConfig.form.kodeCabang formConfig.form.kodeCabang.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Creation User" @valuePath="creationUser"
@isEditable={{ if formConfig.form.creationUser formConfig.form.creationUser.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model }} @valuePath="creationDate" @name="creation-date" @label="Creation Date"
@isEditable={{ if formConfig.form.creationDate formConfig.form.creationDate.isEditable false }} />
</div>
</div>
</div>
</AppCard>
<AppCard @id="hoyu-event-approval-target" @showHeader={{ true }} @parentId="hoyu-event-approval"
@title="Event Target">
<div class="row">
<div class="col-12">
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target SPK Dealer" @valuePath="targetSkpDealer"
@isEditable={{ if formConfig.form.targetSkpDealer formConfig.form.targetSkpDealer.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target Undangan Dealer" @valuePath="targetUndanganDealer"
@isEditable={{ if formConfig.form.targetUndanganDealer formConfig.form.targetUndanganDealer.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target Unit Service Dealer"
@valuePath="targetUnitServiceDealer"
@isEditable={{ if formConfig.form.targetUnitServiceDealer formConfig.form.targetUnitServiceDealer.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target Database Dealer" @valuePath="targetDatabaseDealer"
@isEditable={{ if formConfig.form.targetDatabaseDealer formConfig.form.targetDatabaseDealer.isEditable false }} />
</div>
</div>
</div>
</AppCard>
<AppCard @id="hoyu-event-approval-approved" @showHeader={{ true }} @parentId="hoyu-event-approval"
@title="Approved Date Time & Location">
<div class="row">
<div class="col-12">
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model }} @valuePath="tanggalMulaiDisetujui" @step={{ 1 }}
@label="Tanggal Mulai Disetujui"
@isEditable={{ if formConfig.form.tanggalMulaiDisetujui formConfig.form.tanggalMulaiDisetujui.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ model }} @valuePath="approvedEndDateTime"
@label="Approved End Date Time"
@isEditable={{ if formConfig.form.approvedEndDateTime formConfig.form.approvedEndDateTime.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Lokasi yang disetujui" @valuePath="lokasiYangDisetujui"
@isEditable={{ if formConfig.form.lokasiYangDisetujui formConfig.form.lokasiYangDisetujui.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ model }} @type="number" @label="Budget HMSI" @valuePath="budgetHmsi"
@isEditable={{ if formConfig.form.budgetHmsi formConfig.form.budgetHmsi.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="deskripsi" @label="Deskripsi"
@isEditable={{ if formConfig.form.deskripsi formConfig.form.deskripsi.isEditable false }} />
</div>
</div>
</div>
</AppCard>
{{!-- CR Segment --}}
<AppCard @id="hoyu-event-approval-approved-event-target" @showHeader={{ true }} @parentId="hoyu-event-approval"
@title="Approved Event Target">
<div class="row">
<div class="col-12">
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target SPK" @valuePath="targetSpk"
@isEditable={{ if formConfig.form.targetSpk formConfig.form.targetSpk.isEditable false }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target Undangan" @valuePath="targetUndangan"
@isEditable={{ if formConfig.form.targetUndangan formConfig.form.targetUndangan.isEditable false }} />
</div>
{{!-- targetUnitService --}}
{{#if (eq model.typeEvent '01') }}
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target Unit Service" @valuePath="targetUnitService"
@isEditable={{ if formConfig.form.targetUnitService formConfig.form.targetUnitService.isEditable false }} />
</div>
{{else}}
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target Unit Service" @valuePath="targetUnitService"
@isEditable={{ false }} />
</div>
{{/if}}
{{!-- targetDatabase --}}
{{#if (or (eq model.typeEvent '01') (eq model.typeEvent '02')) }}
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target Database" @valuePath="targetDatabase"
@isEditable={{ if formConfig.form.targetDatabase formConfig.form.targetDatabase.isEditable false }} />
</div>
{{else}}
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @type="number" @label="Target Database" @valuePath="targetDatabase"
@isEditable={{ false }} />
</div>
{{/if}}
</div>
</div>
</AppCard>
<AppCard @id="hoyu-event-approval-information" @showHeader={{ true }} @parentId="hoyu-event-approval"
@title="Information">
<div class="row">
<div class="col-12">
<div class="col-12 col-md-12">
<AppInputText @model={{ model }} @valuePath="createdBy" @label="Created By"
@isEditable={{ if formConfig.form.createdBy formConfig.form.createdBy.isEditable false }} />
</div>
<div class="col-12 col-md-12">
<AppInputDate @model={{ model.createdAt }} @name="created-at" @label="Created Date"
@isEditable={{ if formConfig.form.createdAt formConfig.form.createdAt.isEditable false }} />
</div>
<div class="col-12 col-md-12">
<AppInputText @model={{ model }} @valuePath="updatedBy" @label="Last Update By"
@isEditable={{ if formConfig.form.updateBy formConfig.form.updateBy.isEditable false }} />
</div>
<div class="col-12 col-md-12">
<AppInputDate @model={{ model.updatedAt }} @name="updated-at" @label="Last Update Date"
@isEditable={{ if formConfig.form.updateAt formConfig.form.updateAt.isEditable false }} />
</div>
{{!-- <div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Notes" />
</div> --}}
</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.form.hoyuEventApprovalList (if formConfig.form.hoyuEventApprovalList.yangMenyetujui formConfig.form.hoyuEventApprovalList.yangMenyetujui.isEditable false) false}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Approval Level" @valuePath="approvalLevel" @isEditable={{ if formConfig.form.hoyuEventApprovalList (if formConfig.form.hoyuEventApprovalList.approvalLevel formConfig.form.hoyuEventApprovalList.approvalLevel.isEditable false) false}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Status" @valuePath="status" @isEditable={{ if formConfig.form.hoyuEventApprovalList (if formConfig.form.hoyuEventApprovalList.status formConfig.form.hoyuEventApprovalList.status.isEditable false) false}} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ item.tanggalDisetujuiDitolak }} @name="tanggal-disetujui-ditolak" @label="Tanggal disetujui/ditolak" @isEditable={{ if formConfig.form.hoyuEventApprovalList (if formConfig.form.hoyuEventApprovalList.tanggalDisetujuiDitolak formConfig.form.hoyuEventApprovalList.tanggalDisetujuiDitolak.isEditable false) false}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Budget Dealer" @valuePath="budgetDealer" @isEditable={{ if formConfig.form.hoyuEventApprovalList (if formConfig.form.hoyuEventApprovalList.budgetDealer formConfig.form.hoyuEventApprovalList.budgetDealer.isEditable false) false}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Budget HMSI" @valuePath="budgetHmsi" @isEditable={{ if formConfig.form.hoyuEventApprovalList (if formConfig.form.hoyuEventApprovalList.budgetHmsi formConfig.form.hoyuEventApprovalList.budgetHmsi.isEditable false) false}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Lokasi yang disetujui" @valuePath="lokasiYangDisetujui" @isEditable={{ if formConfig.form.hoyuEventApprovalList (if formConfig.form.hoyuEventApprovalList.lokasiYangDisetujui formConfig.form.hoyuEventApprovalList.lokasiYangDisetujui.isEditable false) false}} />
</div>
<div class="col-12 col-md-6">
<AppInputDateTime @model={{ item.tanggalMulaiDisetujui }} @name="tanggal-mulai-disetujui" @label="Tanggal Mulai Disetujui" @isEditable={{ if formConfig.form.hoyuEventApprovalList (if formConfig.form.hoyuEventApprovalList.tanggalMulaiDisetujui formConfig.form.hoyuEventApprovalList.tanggalMulaiDisetujui.isEditable false) false}} />
</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.form.hoyuEventApprovalList (if formConfig.form.hoyuEventApprovalList.approvedEndDateTime formConfig.form.hoyuEventApprovalList.approvedEndDateTime.isEditable false) false}} />
</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-remarks-div" @showHeader={{ true }} @parentId="hoyu-event-approval" @title="Remarks">
<div class="row">
<div class="col-12 col-md-6">
<AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Remarks" />
</div>
</div>
</AppCard> --}}
<AppDetailLink @title="Event Budget"
onclick={{transition-to "hoyu-event-approval.hoyu-event-approval-budget" model.id}} />
{{!-- <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.form.hoyuEventApprovalBudget (if formConfig.form.hoyuEventApprovalBudget.deskripsiBudget formConfig.form.hoyuEventApprovalBudget.deskripsiBudget.isEditable false) false}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Estimasti Budget"
@valuePath="estimasiBudget"
@isEditable={{ if formConfig.form.hoyuEventApprovalBudget (if formConfig.form.hoyuEventApprovalBudget.estimasiBudget formConfig.form.hoyuEventApprovalBudget.estimasiBudget.isEditable false) false}} />
</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 class="row">
<div class="col">
<AppButtonApproval @inboxModel={{this.hoyuEventApproval.inbox}} @model={{ model.approvalActionType }}
@config={{ this.formConfig.button }} @submitAction={{ action "saveHoyuEventApproval" }} />
</div>
</div>
</div>
</section>
{{/if}}