{% extends "base.html" %}
{% block content %}
<div class="container-fluid mt-3" style="max-width: 1200px;">

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">
      <i class="bi bi-clock-history me-2"></i> Asset Logs
    </h4>
    <div class="d-flex gap-2">
      <a href="{{ url_for('assets.list_assets') }}" class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-arrow-left-short"></i> Back to Asset Master
      </a>
    </div>
  </div>

  <!-- Filters -->
  <form class="card shadow-sm border-0 mb-3" method="GET" action="{{ url_for('assets.asset_logs') }}">
    <div class="card-body py-2">
      <div class="row g-2 align-items-end">
        <div class="col-md-4">
          <label class="form-label mb-0">Search (Asset / Employee)</label>
          <input type="text" name="q" class="form-control form-control-sm"
                 value="{{ q }}" placeholder="Tag / Name / Emp Code / Emp Name">
        </div>

        <div class="col-md-3">
          <label class="form-label mb-0">Employee</label>
          <select name="employee_id" class="form-select form-select-sm">
            <option value="">All</option>
            {% for e in employees %}
              <option value="{{ e.id }}" {% if employee_id|int == e.id %}selected{% endif %}>
                {{ e.employee_code }} - {{ e.full_name }}
              </option>
            {% endfor %}
          </select>
        </div>

        <div class="col-md-3">
          <label class="form-label mb-0">Action</label>
          <select name="action" class="form-select form-select-sm">
            {% for code, label in actions %}
              <option value="{{ code }}" {% if action == code %}selected{% endif %}>
                {{ label }}
              </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>
          <a class="btn btn-sm btn-outline-secondary mt-3"
             href="{{ url_for('assets.asset_logs') }}"
             title="Clear filters">
            <i class="bi bi-arrow-counterclockwise"></i>
          </a>
        </div>
      </div>
    </div>
  </form>

  <!-- Logs table -->
  <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 style="width: 160px;">Date &amp; Time</th>
              <th>Asset</th>
              <th style="width: 140px;">Action</th>
              <th>From</th>
              <th>To</th>
              <th>Notes</th>
              <th style="width: 170px;">By</th>
            </tr>
          </thead>
          <tbody>
            {% if logs %}
              {% for log in logs %}
              {% set a = (log.action or '') %}
              {% set notes = (log.notes or '') %}
              <tr>
                <td>
                  {{ log.created_at.strftime('%d-%m-%Y %H:%M') if log.created_at else '-' }}
                </td>

                <td>
                  {% if log.asset %}
                    <div class="fw-semibold">{{ log.asset.asset_tag }}</div>
                    <div class="text-muted small">{{ log.asset.name }}</div>
                  {% else %}
                    <span class="text-muted">-</span>
                  {% endif %}
                </td>

                <td>
                  {% if a == 'new_asset' %}
                    <span class="badge bg-primary">New Asset</span>
                  {% elif a == 'inventory' %}
                    <span class="badge bg-secondary">In Inventory</span>
                  {% elif a == 'allocated' %}
                    <span class="badge bg-success">Allocated</span>
                  {% elif a == 'reallocated' %}
                    <span class="badge bg-success">Reallocated</span>
                  {% elif a == 'returned' %}
                    <span class="badge bg-info text-dark">Returned</span>
                  {% elif a == 'under_repair' %}
                    <span class="badge bg-warning text-dark">Under Repair</span>
                  {% elif a == 'retired' %}
                    <span class="badge bg-dark">Retired</span>
                  {% elif a == 'lost' %}
                    <span class="badge bg-danger">Lost</span>
                  {% elif a == 'damaged' %}
                    <span class="badge bg-danger">Damaged</span>
                  {% else %}
                    <span class="badge bg-light text-dark border">{{ a if a else '—' }}</span>
                  {% endif %}
                </td>

                <td>
                  {% if log.from_employee %}
                    <div class="fw-semibold">{{ log.from_employee.employee_code }}</div>
                    <div class="text-muted small">{{ log.from_employee.full_name }}</div>
                  {% else %}
                    <span class="text-muted">-</span>
                  {% endif %}
                </td>

                <td>
                  {% if log.to_employee %}
                    <div class="fw-semibold">{{ log.to_employee.employee_code }}</div>
                    <div class="text-muted small">{{ log.to_employee.full_name }}</div>
                  {% else %}
                    <span class="text-muted">-</span>
                  {% endif %}
                </td>

                <td class="small" style="max-width: 420px;">
                  {% if notes %}
                    <span title="{{ notes }}">
                      {{ notes }}
                    </span>
                  {% else %}
                    <span class="text-muted">-</span>
                  {% endif %}
                </td>

                <td>
                  {% if log.created_by %}
                    <div class="small">{{ log.created_by.employee_code }} - {{ log.created_by.full_name }}</div>
                  {% else %}
                    <div class="small text-muted">System</div>
                  {% endif %}
                </td>
              </tr>
              {% endfor %}
            {% else %}
              <tr>
                <td colspan="7" class="text-center text-muted py-3">
                  No logs found.
                </td>
              </tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>
  </div>

</div>
{% endblock %}