<AppBarTop @leftRoute="inbox.inbox-approval-hoyu" @leftRouteArgs={{"HOYU_PDI_APPROVAL"}} @title="Hoyu Pdi Approval"
  @rightRoute="dms-approval-list" @rightRouteArgs={{ model.id }} @rightIcon="bxs-user-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>
{{#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-pdi-approval">
        <AppCard @id="hoyu-pdi-approval" @showHeader={{ true }} @parentId="hoyu-pdi-approval" @title="Summary">
          <div class="row">
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="PDI No." @valuePath="pdiNo"
                @isEditable={{ if formConfig.form.pdiNo formConfig.form.pdiNo.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputDate @model={{ model.tanggalPdiRequest }} @name="tanggal-p-d-i-request"
                @label="Tanggal PDI Request"
                @isEditable={{ if formConfig.form.tanggalPdiRequest formConfig.form.tanggalPdiRequest.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="Diminta ke" @valuePath="dimintaKe"
                @isEditable={{ if formConfig.form.dimintaKe formConfig.form.dimintaKe.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="Diminta Oleh" @valuePath="dimintaOleh"
                @isEditable={{ if formConfig.form.dimintaOleh formConfig.form.dimintaOleh.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="Request Company" @valuePath="requestCompany"
                @isEditable={{ if formConfig.form.requestCompany formConfig.form.requestCompany.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputTextarea @model={{ model }} @valuePath="keterangan" @label="Keterangan"
                @isEditable={{ if formConfig.form.keterangan formConfig.form.keterangan.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="Nama Cabang" @valuePath="namaCabang"
                @isEditable={{ if formConfig.form.namaCabang formConfig.form.namaCabang.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <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-12">
              <AppInputText @model={{ model }} @label="Status Dokumen" @valuePath="documentMeaningValue"
                @isEditable={{ if formConfig.form.statusDokumen formConfig.form.statusDokumen.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="WO Status" @valuePath="woMeaningValue"
                @isEditable={{ if formConfig.form.woStatus formConfig.form.woStatus.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="No. WO" @valuePath="noWo"
                @isEditable={{ if formConfig.form.noWo formConfig.form.noWo.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="Ditolak Oleh" @valuePath="ditolakOleh"
                @isEditable={{ if formConfig.form.ditolakOleh formConfig.form.ditolakOleh.isEditable false }} />
            </div>
          </div>
        </AppCard>
        <AppCard @id="hoyu-pdi-approval-vehicle" @showHeader={{ true }} @parentId="hoyu-pdi-approval"
          @title="Vehicle Information">
          <div class="row">
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="VIN No." @valuePath="vinNo"
                @isEditable={{ if formConfig.form.vinNo formConfig.form.vinNo.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="Merek" @valuePath="merek"
                @isEditable={{ if formConfig.form.merek formConfig.form.merek.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="No. Mesin" @valuePath="noMesin"
                @isEditable={{ if formConfig.form.noMesin formConfig.form.noMesin.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="No. Rangka" @valuePath="noRangka"
                @isEditable={{ if formConfig.form.noRangka formConfig.form.noRangka.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="Model" @valuePath="model"
                @isEditable={{ if formConfig.form.model formConfig.form.model.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="Varian" @valuePath="varian"
                @isEditable={{ if formConfig.form.varian formConfig.form.varian.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputText @model={{ model }} @label="Warna" @valuePath="warna"
                @isEditable={{ if formConfig.form.warna formConfig.form.warna.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputDate @model={{ model.etd }} @name="e-t-d" @label="ETD"
                @isEditable={{ if formConfig.form.etd formConfig.form.etd.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputDateTime @model={{ model.waktuServis }} @name="waktu-servis" @label="Waktu Servis"
                @isEditable={{ if formConfig.form.waktuServis formConfig.form.waktuServis.isEditable false }} />
            </div>
            <div class="col-12 col-md-12">
              <AppInputTextarea @model={{ model }} @valuePath="notes" @label="Notes"
                @isEditable={{ if formConfig.form.notes formConfig.form.notes.isEditable false }} />
            </div>
          </div>
        </AppCard>
        <AppCard @id="hoyu-pdi-approval-remarks-div" @showHeader={{ true }} @parentId="hoyu-pdi-approval"
          @title="Information">
          <div class="row">
            <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-12">
              <AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Remarks" />
            </div> --}}
          </div>
        </AppCard>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <AppButtonApproval @inboxModel={{this.hoyuPdiApproval.inbox}} @model={{ model.approvalActionType }}
          @config={{ this.formConfig.button }} @submitAction={{ action "saveHoyuPdiApproval" }} />
      </div>
    </div>
  </div>
</section>
{{/if}}