<div class="card shadow-sm rounded-sm border">
  <div class="card-content p-3">
    <div class="d-flex w-100">
      <div class="flex-grow-1">
        {{input value=this.value key-up=(action "handleFilterEntry") class="border-0 p-0 w-100" placeholder="Search..." }}
      </div>
      <div><h5 class="text-black m-0"><i class="fa fa-search"></i></h5></div>
    </div>
  </div>
</div>
<div class="mb-5">
  <h5 class="text-black font-weight-bold mb-4">DMS Outstanding Transaction</h5>
  <div class="row">
    {{#each this.filteredOutstandingTransactionMenu as |item|}}
      <div class="col-4 col-sm-3 text-center mb-3" onclick={{ transition-to item.routeName}}>
        <img src="{{rootURL}}assets/images/{{item.icon}}" class="mb-1" alt={{item.routeName}}>
        <p class="m-0">{{item.label}}</p>
      </div>
    {{/each}}
  </div>
</div>
<div class="mb-5">
  <h5 class="text-black font-weight-bold mb-4">Requested Approval DMS</h5>
  <div class="row">
    {{#each this.filteredRequestedApprovalDMSMenu as |item|}}
      <div class="col-4 col-sm-3 text-center mb-3" onclick={{ transition-to item.routeName}}>
        <img src="{{rootURL}}assets/images/{{item.icon}}" class="mb-1" alt={{item.routeName}}>
        <p class="m-0">{{item.label}}</p>
      </div>
    {{/each}}
  </div>
</div>
<div class="mb-5">
  <h5 class="text-black font-weight-bold mb-4">Requested Approval HOYU Smart</h5>
  <div class="row">
    {{#each this.filteredApprovalHoyuSmartMenu as |item|}}
      <div class="col-4 col-sm-3 text-center mb-3" onclick={{ transition-to item.routeName}}>
        <img src="{{rootURL}}assets/images/{{item.icon}}" class="mb-1" alt={{item.routeName}}>
        <p class="m-0">{{item.label}}</p>
      </div>
    {{/each}}
  </div>
</div>
<div class="mb-5">
  <h5 class="text-black font-weight-bold mb-4">Sales Feature</h5>
  <div class="row">
    {{#each this.filteredSalesFeatureMenu as |item|}}
      <div class="col-4 col-sm-3 text-center mb-3" onclick={{ transition-to item.routeName}}>
        <img src="{{rootURL}}assets/images/{{item.icon}}" class="mb-1" alt={{item.routeName}}>
        <p class="m-0">{{item.label}}</p>
      </div>
    {{/each}}
  </div>
</div>

