{{#if model}}
  <div class="accordion data-list" id="accordion-vehicle-management">
    {{#each model as |item index|}}
    <div class="data-list-item">
      <div
        class="hino-accordion-button data-list-accordion-button collapsed"
        id="data-heading-1"
        data-toggle="collapse"
        data-target="#collapse-{{ index }}"
        aria-expanded="true"
        aria-controls="collapse-{{ index }}"
      >
        <div class="d-flex align-items-center justify-content-between w-100 clickable">
          <div class="item-inquiry-head">
          <h5>
              <span class="ordernum">
			  {{#if pagination}}
				  {{ add (mult pagination.per_page (sub pagination.current_page 1)) (add index 1) }}
			  {{else}}
				  {{ add index 1 }}
			  {{/if}} </span>
           </h5>
           <div>
             {{!-- <h5>{{get-property item (get-property (get table.columns 0) "key")}}</h5> --}}
             <h5><p>Item Code : {{get-property item "itemCode"}}</p></h5>
             <h5><p>Item Name : {{get-property item "itemName"}}</p></h5>
             <h5><p>Item Qty Demand : {{get-property item "itemQtyDemand"}}</p></h5>
           </div>
          </div>
          <i class="bx bx-chevron-down"></i>
        </div>
    </div>
      <div
        id="collapse-{{ index }}"
        class="hino-accordion-content data-list-content collapse"
        aria-labelledby="data-heading-{{ index }}"
        data-parent="#accordion-vehicle-management"
      >
	    {{#if this.navigateOnClick}}
        <div class="inner-wrapper" onclick={{transition-to (get-property (get table.columns 0) "uri") (get-property item "id") }}>
          <div class="row">
            {{#each table.columns as |column|}}
            <div class="col-12 col-md-6">
              <div class="detail-row-view">
                <span>{{column.name}}</span>
                {{#if column.type}}
                  {{#if (eq column.type "date")}}
                  <span class="data">{{if (and (not-eq (get-property item column.key) null) (not (is-empty (get-property item column.key)))) (moment-format (get-property item column.key) "DD/MM/YYYY") ""}}</span>
                  {{else if (eq column.type "datetime")}}
                  <span class="data">{{if (and (not-eq (get-property item column.key) null) (not (is-empty (get-property item column.key)))) (moment-format (get-property item column.key) "DD/MM/YYYY HH:mm") ""}}</span>
                  {{else if (eq column.type "number")}}
                  <span class="data">{{if (and (not-eq (get-property item column.key) null) (not (is-empty (get-property item column.key)))) (custom-format-number (get-property item column.key)) ""}}</span>
                  {{else}}
                  <span class="data">{{get-property item column.key}}</span>
                  {{/if}}
                {{else if (eq column.key "pricelist")}}
                   <span class="data">{{if (and (not-eq (get-property item column.key) null) (not (is-empty (get-property item column.key)))) (custom-format-number (get-property item column.key)) ""}}</span>
                {{else}}
                  <span class="data">{{get-property item column.key}}</span>
                {{/if}}
              </div>
            </div>
            {{/each}}
          </div>
		  </div>
      {{else}}
	    <div class="inner-wrapper">
		    <div class="row">
            {{#each table.columns as |column|}}
            <div class="col-12 col-md-6">
              <div class="detail-row-view">
                <span>{{column.name}}</span>
                {{#if column.type}}
                  {{#if (eq column.type "date")}}
                  <span class="data">{{moment-format (get-property item column.key) "DD/MM/YYYY"}}</span>
                  {{else if (eq column.type "datetime")}}
                  <span class="data">{{moment-format (get-property item column.key) "DD/MM/YYYY HH:mm"}}</span>
                  {{else if (eq column.type "number")}}
                  <span class="data">{{if (and (not-eq (get-property item column.key) null) (not (is-empty (get-property item column.key)))) (custom-format-number (get-property item column.key)) ""}}</span>
                  {{else}}
                  <span class="data">{{get-property item column.key}}</span>
                  {{/if}}
                {{else if (eq column.key "pricelist")}}
                   <span class="data">{{if (and (not-eq (get-property item column.key) null) (not (is-empty (get-property item column.key)))) (custom-format-number (get-property item column.key)) ""}}</span>
                {{else}}
                  <span class="data">{{get-property item column.key}}</span>
                {{/if}}
              </div>
            </div>
            {{/each}}
        </div>
      </div>
	    {{/if}}
      {{#if this.showActionButton }}
      <div class="row">
        <div class="col-12 mb-2">
          <span class="float-right">
			{{#if this.showEditButton}}
			<i onclick={{transition-to (get-property (get table.columns 0) "editUri") (get-property item "id")}} class="bx bx-edit-alt clickable"></i>
			{{/if}}
			{{#if this.showDeleteButton}}
			<i {{action "deleteRow" item}} class="bx bx-trash-alt clickable ml-2"></i>
			{{/if}}
          </span>
        </div>
      </div>
      {{/if}}
      </div>
      </div>
    {{/each}}
  </div>
{{else}}
  <h4 class="text-center">Data not found</h4>
{{/if}}