{% 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-exclamation-triangle me-2"></i> Asset Loss / Damage</h4>
    <button class="btn btn-primary btn-sm" data-bs-toggle="collapse" data-bs-target="#ld_form">
      <i class="bi bi-plus-circle me-1"></i> New Report
    </button>
  </div>

  <div id="ld_form" class="collapse mb-3">
    <div class="card shadow-sm border-0">
      <div class="card-body">
        <form method="post">
          <input type="hidden" name="form_type" value="loss_damage">

          <div class="row g-3">
            <div class="col-md-4">
              <label class="form-label">Asset *</label>
              <select name="asset_id" class="form-select" required>
                <option value="">-- Select Asset --</option>
                {% for a in assets %}
                  <option value="{{ a.id }}">
                    {{ a.asset_tag }} - {{ a.name }}
                  </option>
                {% endfor %}
              </select>
            </div>
            <div class="col-md-3">
              <label class="form-label">Reported On</label>
              <input type="date" name="reported_on" class="form-control"
                     value="{{ (now().date() if now else '') }}">
            </div>
            <div class="col-md-3">
              <label class="form-label">Type</label>
              <select name="type" class="form-select">
                <option value="loss">Loss</option>
                <option value="damage">Damage</option>
              </select>
            </div>
            <div class="col-md-2">
              <label class="form-label">Est. Cost</label>
              <input type="number" step="0.01" name="estimated_cost" class="form-control">
            </div>
            <div class="col-md-12">
              <label class="form-label">Description</label>
              <textarea name="description" class="form-control" rows="2"></textarea>
            </div>
          </div>

          <div class="mt-3 text-end">
            <button class="btn btn-primary">
              <i class="bi bi-save me-1"></i> Submit Report
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- Filter + list -->
  <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 / Reporter">
        </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>
            {% for st in ['open','under_review','closed'] %}
              <option value="{{ st }}" {% if status == st %}selected{% endif %}>
                {{ st.replace('_',' ')|title }}
              </option>
            {% endfor %}
          </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>Type</th>
              <th>Reported On</th>
              <th>Reported By</th>
              <th>Est. Cost</th>
              <th>Status</th>
              <th>Description</th>
            </tr>
          </thead>
          <tbody>
            {% if records %}
              {% for r in records %}
              <tr>
                <td>{{ r.asset.asset_tag }} - {{ r.asset.name }}</td>
                <td>{{ r.type|title }}</td>
                <td>{{ r.reported_on.strftime('%d-%m-%Y') if r.reported_on else '-' }}</td>
                <td>{{ r.reported_by.full_name if r.reported_by else '-' }}</td>
                <td>{{ "%.2f"|format(r.estimated_cost or 0) }}</td>
                <td>{{ r.status.replace('_',' ')|title }}</td>
                <td>{{ r.description or '-' }}</td>
              </tr>
              {% endfor %}
            {% else %}
              <tr>
                <td colspan="7" class="text-center text-muted py-3">
                  No loss/damage records.
                </td>
              </tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}