{% extends "base.html" %}
{% block content %}
<div class="container-fluid mt-3" style="max-width:1100px;">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0"><i class="bi bi-arrow-left-right me-2"></i> Asset Allocations</h4>
  </div>

  <form class="card shadow-sm border-0 mb-3">
    <div class="card-body py-2">
      <div class="row g-2 align-items-end">
        <div class="col-md-5">
          <label class="form-label mb-0">Search</label>
          <input type="text" name="q" value="{{ q }}" class="form-control form-control-sm"
                 placeholder="Asset / Employee">
        </div>
        <div class="col-md-3">
          <label class="form-label mb-0">Status</label>
          <select name="status" class="form-select form-select-sm">
            <option value="">All</option>
            <option value="allocated" {% if status == 'allocated' %}selected{% endif %}>Allocated</option>
            <option value="returned"  {% if status == 'returned' %}selected{% endif %}>Returned</option>
          </select>
        </div>
        <div class="col-md-2 text-end">
          <button class="btn btn-sm btn-outline-primary mt-3">
            <i class="bi bi-search"></i> Filter
          </button>
        </div>
      </div>
    </div>
  </form>

  <div class="card shadow-sm border-0">
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-hover table-sm align-middle mb-0">
          <thead class="table-light">
            <tr>
              <th>Asset</th>
              <th>Employee</th>
              <th>Allocated On</th>
              <th>Due Back</th>
              <th>Returned On</th>
              <th>Status</th>
              <th style="width:120px;" class="text-end">Actions</th>
            </tr>
          </thead>
          <tbody>
            {% if allocations %}
              {% for a in allocations %}
              <tr>
                <td>{{ a.asset.asset_tag }} - {{ a.asset.name }}</td>
                <td>{{ a.employee.employee_code }} - {{ a.employee.full_name }}</td>
                <td>{{ a.allocated_on.strftime('%d-%m-%Y') if a.allocated_on else '-' }}</td>
                <td>{{ a.due_back_on.strftime('%d-%m-%Y') if a.due_back_on else '-' }}</td>
                <td>
                {% if a.actual_return_date %}
                    {{ a.actual_return_date.strftime('%d-%m-%Y') }}
                {% else %}
                    -
                {% endif %}
                </td>
                <td>
                  {% if a.status == 'allocated' %}
                    <span class="badge bg-success-subtle text-success border border-success-subtle">Allocated</span>
                  {% else %}
                    <span class="badge bg-secondary-subtle text-secondary border border-secondary-subtle">Returned</span>
                  {% endif %}
                </td>
                <td class="text-end">
                  {% if a.status == 'allocated' %}
                  <form method="post" class="d-inline"
                        action="{{ url_for('assets.return_asset', allocation_id=a.id) }}"
                        onsubmit="return confirm('Mark this asset as returned?');">
                    <input type="hidden" name="returned_on" value="{{ (now().date() if now else '') }}">
                    <button class="btn btn-sm btn-outline-primary">
                      <i class="bi bi-box-arrow-in-left"></i> Return
                    </button>
                  </form>
                  {% else %}
                    <span class="text-muted">-</span>
                  {% endif %}
                </td>
              </tr>
              {% endfor %}
            {% else %}
              <tr>
                <td colspan="7" class="text-center text-muted py-3">
                  No allocations found.
                </td>
              </tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}