<AppBarTop @leftRoute="inbox.inbox-outstanding-dms" @leftRouteArgs={{ "HOYU_EVENT_APPROVAL" }} @title="Hoyu Event Approval Detail"  />
<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">
			<div class="accordion" id="accordion-hoyu-event-approval">
				<AppCard @id="hoyu-event-approval-div" @parentId="hoyu-event-approval" @title="Hoyu Event Approval">
					<div class="row">
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="namaevent">Nama Event</span>
							<span class="data">{{ model.namaEvent }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="typeevent">Type Event</span>
							<span class="data">{{ model.typeEvent }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="kodeevent">Kode Event</span>
							<span class="data">{{ model.kodeEvent }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="dukunganbudget">Dukungan Budget</span>
							<span class="data">{{ model.dukunganBudget }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="tanggalwaktumulaidiusulkan">Tanggal Waktu Mulai Diusulkan</span>
							<span class="data">{{ if (and (not-eq model.tanggalWaktuMulaiDiusulkan null) (not (is-empty model.tanggalWaktuMulaiDiusulkan))) (moment-format model.tanggalWaktuMulaiDiusulkan "DD-MM-YYYY") ""}}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="tanggalwaktuselesaidiusulkan">Tanggal Waktu Selesai Diusulkan</span>
							<span class="data">{{ if (and (not-eq model.tanggalWaktuSelesaiDiusulkan null) (not (is-empty model.tanggalWaktuSelesaiDiusulkan))) (moment-format model.tanggalWaktuSelesaiDiusulkan "DD-MM-YYYY") ""}}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="eventsepanjanghari">Event Sepanjang Hari</span>
							<span class="data">{{ model.eventSepanjangHari }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="aging">Aging</span>
							<span class="data">{{ model.aging }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="tanggalefektifeventterakhir">Tanggal Efektif Event Terakhir</span>
							<span class="data">{{ if (and (not-eq model.tanggalEfektifEventTerakhir null) (not (is-empty model.tanggalEfektifEventTerakhir))) (moment-format model.tanggalEfektifEventTerakhir "DD-MM-YYYY") ""}}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="notes">Notes</span>
							<span class="data">{{ model.notes }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="latarbelakangterjadinyaevent">Latar Belakang Terjadinya Event</span>
							<span class="data">{{ model.latarBelakangTerjadinyaEvent }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="tujuanevent">Tujuan Event</span>
							<span class="data">{{ model.tujuanEvent }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="lokasidiusulkan">Lokasi Diusulkan</span>
							<span class="data">{{ model.lokasiDiusulkan }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="targetsegmen">Target Segmen</span>
							<span class="data">{{ model.targetSegmen }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="rangkaianacara">Rangkaian Acara</span>
							<span class="data">{{ model.rangkaianAcara }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="eventorganizer">Event Organizer</span>
							<span class="data">{{ model.eventOrganizer }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="budgetdealer">Budget Dealer</span>
							<span class="data">{{ model.budgetDealer }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="statusevent">Status Event</span>
							<span class="data">{{ model.statusEvent }}</span>
						</div>
					</div>




					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="deskripsi">Deskripsi</span>
							<span class="data">{{ model.deskripsi }}</span>
						</div>
					</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-sm-6">
                <div class="detail-row-view">
                  <span for="namadealer">Nama Dealer</span>
                  <span class="data">{{ model.namaDealer }}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="kodedealer">Kode Dealer</span>
                  <span class="data">{{ model.kodeDealer }}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="permintaancabang">Permintaan Cabang</span>
                  <span class="data">{{ model.permintaanCabang }}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="kodecabang">Kode Cabang</span>
                  <span class="data">{{ model.kodeCabang }}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="creationuser">Creation User</span>
                  <span class="data">{{ model.creationUser }}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="creationdate">Creation Date</span>
                  <span class="data">{{ if (and (not-eq model.creationDate null) (not (is-empty model.creationDate))) (moment-format model.creationDate "DD-MM-YYYY") ""}}</span>
                </div>
              </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-sm-6">
                <div class="detail-row-view">
                  <span for="targetskpdealer">Target SKP Dealer</span>
                  <span class="data">{{ model.targetSkpDealer }}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="targetundangandealer">Target Undangan Dealer</span>
                  <span class="data">{{ model.targetUndanganDealer }}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="targetunitservicedealer">Target Unit Service Dealer</span>
                  <span class="data">{{ model.targetUnitServiceDealer }}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="targetdatabasedealer">Target Database Dealer</span>
                  <span class="data">{{ model.targetDatabaseDealer }}</span>
                </div>
              </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-sm-6">
                <div class="detail-row-view">
                  <span for="tanggalmulaidisetujui">Tanggal Mulai Disetujui</span>
                  <span class="data">{{ if (and (not-eq model.tanggalMulaiDisetujui null) (not (is-empty model.tanggalMulaiDisetujui))) (moment-format model.tanggalMulaiDisetujui "DD-MM-YYYY") ""}}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="approvedenddatetime">Approved End Date Time</span>
                  <span class="data">{{ if (and (not-eq model.approvedEndDateTime null) (not (is-empty model.approvedEndDateTime))) (moment-format model.approvedEndDateTime "DD-MM-YYYY") ""}}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="lokasiyangdisetujui">Lokasi yang disetujui</span>
                  <span class="data">{{ model.lokasiYangDisetujui }}</span>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="detail-row-view">
                  <span for="budgethmsi">Budget HMSI</span>
                  <span class="data">{{ model.budgetHmsi }}</span>
                </div>
              </div>
            </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={{ false }} />
              </div>
              <div class="col-12 col-md-12">
                <AppInputDate @model={{ model.createdAt }} @name="created-at" @label="Created Date" @isEditable={{ false }} />
              </div>
              <div class="col-12 col-md-12">
                <AppInputText @model={{ model }} @valuePath="updatedBy" @label="Last Update By" @isEditable={{ false }} />
              </div>
              <div class="col-12 col-md-12">
                <AppInputDate @model={{ model.updatedAt }} @name="updated-at" @label="Last Update Date" @isEditable={{ false }} />
              </div>
              <div class="col-12 col-md-12">
                <AppInputTextarea @model={{ model }} @valuePath="deskripsi" @label="Deskripsi" @isEditable={{ false }} />
              </div>
              <div class="col-12 col-md-6">
                <AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Remarks" @isEditable={{ false }} />
              </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={{ false }} />
                        </div>
                        <div class="col-12 col-md-6">
                          <AppInputText @model={{ item }} @label="Approval Level" @valuePath="approvalLevel" @isEditable={{ false}} />
                        </div>
                        <div class="col-12 col-md-6">
                          <AppInputText @model={{ item }} @label="Status" @valuePath="status" @isEditable={{ false}} />
                        </div>
                        <div class="col-12 col-md-6">
                          <AppInputDateTime @model={{ item.tanggalDisetujuiDitolak }} @name="tanggal-disetujui-ditolak" @label="Tanggal disetujui/ditolak" @isEditable={{ false }} />
                        </div>
                        <div class="col-12 col-md-6">
                          <AppInputText @type="number" @model={{ item }} @label="Budget Dealer" @valuePath="budgetDealer" @isEditable={{ false }} />
                        </div>
                        <div class="col-12 col-md-6">
                          <AppInputText @type="number" @model={{ item }} @label="Budget HMSI" @valuePath="budgetHmsi" @isEditable={{ false }} />
                        </div>
                        <div class="col-12 col-md-6">
                          <AppInputText @model={{ item }} @label="Lokasi yang disetujui" @valuePath="lokasiYangDisetujui" @isEditable={{ false }} />
                        </div>
                        <div class="col-12 col-md-6">
                          <AppInputDateTime @model={{ item.tanggalMulaiDisetujui }} @name="tanggal-mulai-disetujui" @label="Tanggal Mulai Disetujui" @isEditable={{ false }} />
                        </div>
                        <div class="col-12 col-md-6">
                          <AppInputDateTime @model={{ item.approvedEndDateTime }} @name="approved-end-date-time" @label="Approved End Date Time" @isEditable={{ false }} />
                        </div>
                      </div>
                    </div>
                  </div>
                {{/each}}
              </div>
            </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>
                  </div>
                {{/each}}
              </div>
            </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={{ false }} />
                        </div>
                        <div class="col-12 col-md-6">
                          <AppInputText @type="number" @model={{ item }} @label="Estimasti Budget" @valuePath="estimasiBudget" @isEditable={{ false }} />
                        </div>
                      </div>
                    </div>
                  </div>
                {{/each}}
              </div>
            </div>
          </div>
        </AppCard>
				<AppDetailLink @title="Hoyu Event Approval Attachment" onclick={{transition-to "hoyu-event-approval.hoyu-event-approval-attachment" model.id}} />
				<AppDetailLink @title="Hoyu Event Approval Budget" onclick={{transition-to "hoyu-event-approval.hoyu-event-approval-budget" model.id}} />
			</div>
		</div>
	</div>
</section>
