{{#if model}}

  {{#each model as |item index|}}
<div class="hino-card mb-3">
                  <div class="inbox-header" style="color: #007bff" onclick={{transition-to (get-property (get table.columns 0) "uri") (get-property item "id") }}>
                    <span class="text-big-1 text-dark font-weight-bold data-list-header" style="color: #007bff !important" >
                     {{#if this.showErrorMessage}}
                      {{#if (get-property item this.errorMessageAttribute) }}
                      <span class="has-notification">
                        {{get-property item (get-property (get table.columns 0) "key")}}
                      </span>
                      {{else}}
                      {{get-property item (get-property (get table.columns 0) "key")}}
                      {{/if}}
                    {{else}}
                    {{get-property item (get-property (get table.columns 0) "key")}}
                    {{/if}}
                    </span>
                  </div>
                <div onclick={{transition-to (get-property (get table.columns 0) "uri") (get-property item "id") }}>
                 {{#each table.columns as |column|}}
                  <div>
                      {{#if (not-eq column.key "customerName")}}
                    <div class="account-table-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>
                    {{/if}}       
                  </div>
                  {{/each}}
                  </div>
                  {{#if this.showErrorMessage}}
                  {{#if (get-property item this.errorMessageAttribute) }}
                  <div class="row">
                    <div class="col-12 mb-2">
                      <span class="float-right">
                      <i {{action "showMessageError" item}} class="bx bxs-message-square-detail ml-2 text-hino-red" data-toggle="modal" data-target="#modal-error"></i>
                      </span>
                    </div>
                  </div>
                  {{/if}}
                  {{/if}}
                </div>
                    
                {{/each}}

{{/if}}
<div class="modal" id="modal-error" role="dialog">
  <div class="modal-dialog popup-error-message">
    <div class="modal-content">
      <div class="modal-header">
          <h5 class="modal-title" id="messageModalLabel">
            Message
          </h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
      </div>
      <div class="modal-body">
        {{ this.errorMessage }}
      </div>
    </div>
  </div>
</div>