<div class="card shadow-sm mb-4">
  <div class="card-body">

    <div class="row g-3 align-items-end">

      <!-- Periode -->
      <div class="col-md-3">
        <label class="form-label">Periode</label>
        <select class="form-select" name="periode">
          <option value="today">Hari Ini</option>
          <option value="week">Minggu Ini</option>
          <option value="month" selected>Bulan Ini</option>
          <option value="year">Tahun Ini</option>
        </select>
      </div>

      <!-- Prioritas -->
      <div class="col-md-2">
        <label class="form-label">Prioritas</label>
        <select class="form-select" name="priority">
          <option value="">Semua</option>
          <option>Critical</option>
          <option>High</option>
          <option>Medium</option>
          <option>Low</option>
        </select>
      </div>

      <!-- Status -->
      <div class="col-md-2">
        <label class="form-label">Status</label>
        <select class="form-select" name="status">
          <option value="">Semua</option>
          <option>Open</option>
          <option>Assigned</option>
          <option>In Progress</option>
          <option>Pending</option>
          <option>Resolved</option>
          <option>Closed</option>
        </select>
      </div>

      <!-- Teknisi -->
      <div class="col-md-3">
        <label class="form-label">Teknisi</label>
        <select class="form-select" name="technician">
          <option value="">Semua Teknisi</option>
          <option>Budi Santoso</option>
          <option>Fajar Nugroho</option>
          <option>Citra Dewi Rahayu</option>
        </select>
      </div>

      <!-- Tombol -->
      <div class="col-md-2 d-grid gap-2 d-md-flex">
        <button class="btn btn-outline-secondary w-100">
          <i class="bi bi-arrow-clockwise"></i>
          Reset
        </button>

        <button class="btn btn-primary w-100">
          <i class="bi bi-funnel"></i>
          Filter
        </button>
      </div>

    </div>

  </div>
</div>