{{#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">
          <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>
        {{#if (eq (get-property  table "model") "team-resource")}}
        {{get-property item "resourceName"}} 
          {{else}}
          {{concat (get-property item "namaDepan" ) ' ' (get-property item "namaBelakang") }} 
        {{/if}}
              
               
              
          </h5>
          <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">

              <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="is-primary-{{index}}" onclick={{action (mut item.chosee) value="target.checked"}} checked={{ eq item.chosee "1" }}>
								<label class="form-check-label align-items-center d-flex align-items-center{{if item.chosee " checked" ""}}" for="is-primary-{{index}}">
									<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Chosee</span></label>
				</div>

              </div>
            {{#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}}
                  <span class="data">{{get-property item column.key}}</span>  
                  {{/if}}
                {{else}}
                  <span class="data">{{get-property item column.key}}</span>  
                {{/if}}
              </div>
            </div>
            {{/each}}
          </div>
		  </div>
      {{else}}
	    <div class="inner-wrapper">
		    <div class="row">
        
                 <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="is-primary-{{index}}" onclick={{action (mut item.chosee) value="target.checked"}} checked={{ eq item.chosee "1" }}>
								<label class="form-check-label align-items-center d-flex align-items-center{{if item.chosee " checked" ""}}" for="is-primary-{{index}}">
									<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Chosee</span></label>
				</div>

              </div>
            {{#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}}
                  <span class="data">{{get-property item column.key}}</span>  
                  {{/if}}
                {{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">
            <i onclick={{transition-to (get-property (get table.columns 0) "editUri") (get-property item "id")}} class="bx bx-edit-alt clickable"></i>
            <i {{action "deleteRow" item}} class="bx bx-trash-alt clickable ml-2"></i>
          </span>
        </div>
      </div>
      {{/if}}
      </div>
      </div>
    {{/each}}
  </div>
{{else}}
  <h4 class="text-center">Data not found</h4>
{{/if}}