templates/application/_partials/filters.html.twig line 1

Open in your IDE?
  1. {{ form_start(filter, {'attr': {'class': 'filter-form'}}) }}
  2. <div class="card mb-3">
  3.     <div class="card-body py-3">
  4.         <!-- Primary Filters (first 5 always visible) -->
  5.         <div class="row g-2 align-items-end">
  6.             <div class="col-12 col-sm-6 col-lg">
  7.                 <label class="form-label small mb-1">Instance</label>
  8.                 {{ form_widget(filter.instance, {'attr': {'class': 'form-select form-select-sm select2-ajax-instances', 'data-placeholder': 'All instances...'}}) }}
  9.             </div>
  10.             <div class="col-12 col-sm-6 col-lg">
  11.                 <label class="form-label small mb-1">Legal Name</label>
  12.                 {{ form_widget(filter.legalName, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'Legal name...'}}) }}
  13.             </div>
  14.             <div class="col-12 col-sm-6 col-lg">
  15.                 <label class="form-label small mb-1">Trade Name</label>
  16.                 {{ form_widget(filter.tradeName, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'Trade name...'}}) }}
  17.             </div>
  18.             <div class="col-12 col-sm-6 col-lg">
  19.                 <label class="form-label small mb-1">Product</label>
  20.                 {{ form_widget(filter.productName, {'attr': {'class': 'form-select form-select-sm'}}) }}
  21.             </div>
  22.             <div class="col-12 col-sm-6 col-lg">
  23.                 <label class="form-label small mb-1">Status</label>
  24.                 {{ form_widget(filter.status, {'attr': {'class': 'form-select form-select-sm'}}) }}
  25.             </div>
  26.             <div class="col-12 col-sm-6 col-lg-auto">
  27.                 <div class="d-flex gap-1">
  28.                     <button type="submit" class="btn btn-primary btn-sm">
  29.                         <i data-lucide="search" style="width: 14px; height: 14px;"></i>
  30.                     </button>
  31.                     <a href="{{ path('applications') }}" class="btn btn-outline-secondary btn-sm" data-bs-toggle="tooltip" title="Clear">
  32.                         <i data-lucide="x" style="width: 14px; height: 14px;"></i>
  33.                     </a>
  34.                     <button type="button" class="btn btn-outline-secondary btn-sm" id="toggleAdvancedFilters" aria-expanded="false" title="More filters">
  35.                         <i data-lucide="sliders" style="width: 14px; height: 14px;"></i>
  36.                     </button>
  37.                 </div>
  38.             </div>
  39.         </div>
  41.         <!-- Advanced Filters (Collapsed by default) -->
  42.         <div class="collapse mt-3" id="advancedFilters">
  43.             <hr class="my-2">
  44.             <div class="row g-2 align-items-end">
  45.                 <div class="col-12 col-sm-6 col-lg">
  46.                     <label class="form-label small mb-1">Country of Incorporation</label>
  47.                     {{ form_widget(filter.countryOfIncorporation) }}
  48.                 </div>
  49.                 <div class="col-12 col-sm-6 col-lg">
  50.                     <label class="form-label small mb-1">MCC</label>
  51.                     {{ form_widget(filter.mcc, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'MCC code...'}}) }}
  52.                 </div>
  53.                 <div class="col-12 col-sm-6 col-lg">
  54.                     <label class="form-label small mb-1">Risk Category</label>
  55.                     {{ form_widget(filter.riskLevel) }}
  56.                 </div>
  57.                 <div class="col-12 col-sm-6 col-lg">
  58.                     <label class="form-label small mb-1">PAD or PUK</label>
  59.                     {{ form_widget(filter.jurisdiction) }}
  60.                 </div>
  61.                 <div class="col-12 col-sm-6 col-lg">
  62.                     <label class="form-label small mb-1">Reviewer</label>
  63.                     {{ form_widget(filter.reviewer) }}
  64.                 </div>
  65.             </div>
  66.             <div class="row g-2 align-items-end mt-2">
  67.                 <div class="col-12 col-sm-6 col-lg">
  68.                     <label class="form-label small mb-1">Company Member Name</label>
  69.                     {{ form_widget(filter.companyMemberName, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'Member name...'}}) }}
  70.                 </div>
  71.                 <div class="col-12 col-sm-6 col-lg">
  72.                     <label class="form-label small mb-1">Company Member Token</label>
  73.                     {{ form_widget(filter.companyMemberToken, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'Member token...'}}) }}
  74.                 </div>
  75.                 <div class="col-12 col-sm-6 col-lg">
  76.                     <label class="form-label small mb-1">Created Date Range</label>
  77.                     <div class="input-group input-group-sm">
  78.                         {{ form_widget(filter.createdAtFrom, {'attr': {'class': 'form-control form-control-sm flatpickr-date', 'placeholder': 'From'}}) }}
  79.                         <span class="input-group-text bg-light">-</span>
  80.                         {{ form_widget(filter.createdAtTo, {'attr': {'class': 'form-control form-control-sm flatpickr-date', 'placeholder': 'To'}}) }}
  81.                         <span class="input-group-text bg-light">
  82.                             <i data-lucide="calendar" style="width: 14px; height: 14px;"></i>
  83.                         </span>
  84.                     </div>
  85.                 </div>
  86.                 <div class="col-12 col-sm-6 col-lg">
  87.                     <label class="form-label small mb-1">UIC</label>
  88.                     {{ form_widget(filter.uic, {'attr': {'class': 'form-control form-control-sm', 'placeholder': 'UIC...'}}) }}
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </div>
  93. </div>
  94. {{ form_end(filter) }}