{% 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-check2-square me-2"></i> Asset Approvals
    </h4>
  </div>

  <!-- Pending Returns -->
  <div class="card shadow-sm border-0 mb-4">
    <div class="card-header bg-white">
      <strong>Pending Return Requests</strong>
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-sm align-middle mb-0">
          <thead class="table-light">
            <tr>
              <th>Asset</th>
              <th>Employee</th>
              <th>Allocated On</th>
              <th>Return Date</th>
              <th class="text-center">Qty</th>
              <th>Remarks</th>
              <th class="text-end">Actions</th>
            </tr>
          </thead>
          <tbody>
            {% if pending_returns %}
              {% for a in pending_returns %}
                {% set qty = a.quantity or 1 %}
                {% set total = a.asset.quantity_total or 1 %}
                {% set avail = a.asset.quantity_available if a.asset.quantity_available is not none else total %}
                <tr>
                  <td>
                    <div class="fw-semibold">{{ a.asset.asset_tag }} - {{ a.asset.name }}</div>
                    <div class="text-muted small">
                      Stock:
                      <span class="badge bg-light text-dark border">{{ total }}/{{ avail }}</span>
                    </div>
                  </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.actual_return_date.strftime('%d-%m-%Y') if a.actual_return_date else '-' }}</td>
                  <td class="text-center">
                    <span class="badge bg-primary">{{ qty }}</span>
                  </td>
                  <td>{{ a.condition_on_return or '-' }}</td>
                  <td class="text-end">
                    <form method="post"
                          action="{{ url_for('assets.approve_return', allocation_id=a.id, action='approve') }}"
                          class="d-inline">
                      <button class="btn btn-sm btn-success"
                              onclick="return confirm('Approve return of Qty={{ qty }}?');">
                        Approve
                      </button>
                    </form>
                    <form method="post"
                          action="{{ url_for('assets.approve_return', allocation_id=a.id, action='reject') }}"
                          class="d-inline ms-1">
                      <button class="btn btn-sm btn-outline-danger"
                              onclick="return confirm('Reject return request of Qty={{ qty }}?');">
                        Reject
                      </button>
                    </form>
                  </td>
                </tr>
              {% endfor %}
            {% else %}
              <tr>
                <td colspan="7" class="text-center text-muted py-3">
                  No pending return requests.
                </td>
              </tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>
  </div>

  <!-- Pending Loss / Damage -->
  <div class="card shadow-sm border-0">
    <div class="card-header bg-white">
      <strong>Pending Loss / Damage Reports</strong>
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-sm align-middle mb-0">
          <thead class="table-light">
            <tr>
              <th>Asset</th>
              <th>Employee</th>
              <th>Type</th>
              <th>Incident Date</th>
              <th>Estimated Amount</th>
              <th>Description</th>
              <th class="text-end">Actions</th>
            </tr>
          </thead>
          <tbody>
            {% if pending_ld %}
              {% for r in pending_ld %}
                <tr>
                  <td>{{ r.asset.asset_tag }} - {{ r.asset.name }}</td>
                  <td>{{ r.employee.employee_code }} - {{ r.employee.full_name }}</td>
                  <td class="text-capitalize">{{ r.incident_type }}</td>
                  <td>{{ r.incident_date.strftime('%d-%m-%Y') if r.incident_date else '-' }}</td>
                  <td>
                    {% if r.estimated_amount is not none %}
                      {{ '%.2f'|format(r.estimated_amount) }}
                    {% else %}
                      -
                    {% endif %}
                  </td>
                  <td>{{ r.description or '-' }}</td>
                  <td class="text-end">
                    <form method="post"
                          action="{{ url_for('assets.approve_loss_damage', record_id=r.id, action='approve') }}"
                          class="d-inline">
                      <button class="btn btn-sm btn-success"
                              onclick="return confirm('Approve this loss/damage?');">
                        Approve
                      </button>
                    </form>
                    <form method="post"
                          action="{{ url_for('assets.approve_loss_damage', record_id=r.id, action='reject') }}"
                          class="d-inline ms-1">
                      <button class="btn btn-sm btn-outline-danger"
                              onclick="return confirm('Reject this loss/damage?');">
                        Reject
                      </button>
                    </form>
                  </td>
                </tr>
              {% endfor %}
            {% else %}
              <tr>
                <td colspan="7" class="text-center text-muted py-3">
                  No pending loss or damage reports.
                </td>
              </tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}