{% extends 'index.html' %}


{% block title %}Equipment Inventory{% endblock %}

{% block breadcrumbs %}
    <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{% url 'documents' %}">Home</a></li>
        <li class="breadcrumb-item active" aria-current="page">Equipment</li>
        <li class="breadcrumb-item"><a href="{% url 'incident_reporting_system' %}">Incident Reporting System</a></li>
        <li class="breadcrumb-item"><a href="{% url 'sop_list' %}">SOPs</a></li>
        <li class="breadcrumb-item"><a href="{% url 'general_document_list' %}">General Documents</a></li>
    </ol>
    </nav>
{% endblock %}


{% block content %}
<div class="container mt-5">
  <h2 class="text-primary mb-4">Equipment Inventory</h2>
  <a href="{% url 'equipment_create' %}" class="btn btn-success mb-3">➕ Add Equipment</a>
  <table class="table table-bordered table-hover">
    <thead class="table-light">
      <tr>
        <th>Type</th>
        <th>Brand</th>
        <th>Model</th>
        <th>Serial</th>
        <th>FAA #</th>
        <th>Purchased</th>
        <th>Firmware</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for item in equipment %}
      <tr>
        <td>{{ item.type }}</td>
        <td>{{ item.brand }}</td>
        <td>{{ item.model }}</td>
        <td>{{ item.serial_number }}</td>
        <td>{{ item.faa_number }}</td>
        <td>{{ item.purchase_date }}</td>
        <td>{{ item.firmware_version }}</td>
        <td>
          <a href="{% url 'equipment_edit' item.pk %}" class="btn btn-sm btn-outline-primary">✏️</a>
          <a href="{% url 'equipment_delete' item.pk %}" class="btn btn-sm btn-outline-danger">🗑️</a>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="8" class="text-muted">No equipment added yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}