{% extends "base.html" %}
{% block title %}Scheduled Inspections{% endblock %}

{% block content %}
<div class="row mb-4 align-items-center">
  <div class="col">
    <h2><i class="bi bi-calendar-check"></i> Scheduled Inspections</h2>
    <p class="text-muted mb-0">Planned and recurring inspection assignments.</p>
  </div>
  <div class="col-auto d-flex gap-2">
    <a href="{{ url_for('inspections.index') }}" class="btn btn-outline-secondary">
      <i class="bi bi-arrow-left"></i> Inspections
    </a>
    {% if current_user.role in ['admin','director','project_manager','auditor'] %}
    <a href="{{ url_for('scheduled_inspections.create') }}" class="btn btn-primary">
      <i class="bi bi-plus-circle"></i> New Schedule
    </a>
    {% endif %}
  </div>
</div>

<div class="card shadow-sm">
  <div class="card-body p-0">
    {% if schedules %}
    <div class="table-responsive">
      <table class="table table-hover mb-0 align-middle">
        <thead class="table-light">
          <tr>
            <th>Facility</th>
            <th>Template</th>
            <th>Inspector</th>
            <th>Frequency</th>
            <th>Next Due</th>
            <th>Status</th>
            <th class="text-end"></th>
          </tr>
        </thead>
        <tbody>
          {% for s in schedules %}
          {% set overdue = s.active and s.next_due_date < today %}
          {% set due_soon = s.active and not overdue and (s.next_due_date - today).days <= 7 %}
          <tr class="{{ 'table-danger' if overdue else 'table-warning' if due_soon else '' }}">
            <td><strong>{{ s.facility.name if s.facility else '—' }}</strong></td>
            <td>{{ s.template.name if s.template else '—' }}</td>
            <td>{{ s.inspector.display_name if s.inspector else '— Unassigned —' }}</td>
            <td><span class="badge bg-secondary">{{ s.frequency_label }}</span></td>
            <td>
              {{ s.next_due_date.strftime('%b %d, %Y') }}
              {% if overdue %}
              <span class="badge bg-danger ms-1"><i class="bi bi-alarm"></i> Overdue</span>
              {% elif due_soon %}
              <span class="badge bg-warning text-dark ms-1">Due soon</span>
              {% endif %}
            </td>
            <td>
              {% if s.active %}
              <span class="badge bg-success">Active</span>
              {% else %}
              <span class="badge bg-secondary">Inactive</span>
              {% endif %}
            </td>
            <td class="text-end text-nowrap">
              {# Start is shown only to the assignee — the inspection is theirs to do. #}
              {% if s.active and s.inspector_id and s.inspector_id == current_user.id %}
              <a href="{{ url_for('scheduled_inspections.start', schedule_id=s.id) }}"
                 class="btn btn-sm btn-success" title="Start this inspection">
                <i class="bi bi-play-fill"></i> Start
              </a>
              {% endif %}
              {% if current_user.role in ['admin','director','project_manager','auditor'] %}
              <a href="{{ url_for('scheduled_inspections.edit', schedule_id=s.id) }}"
                 class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
              <form method="POST" class="d-inline"
                    action="{{ url_for('scheduled_inspections.delete', schedule_id=s.id) }}"
                    onsubmit="return confirm('Delete this scheduled inspection?');">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
              </form>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <div class="p-4 text-muted text-center">
      No scheduled inspections yet.
      {% if current_user.role in ['admin','director','project_manager','auditor'] %}
      <a href="{{ url_for('scheduled_inspections.create') }}">Create one</a>.
      {% endif %}
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}