{% extends 'inspection/base.html' %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2 class="mb-0">Plans</h2>
  <form class="d-flex" method="get" action="">
    <input class="form-control me-2" type="search" name="q" placeholder="Search plans" value="{{ q }}">
    <button class="btn btn-outline-primary me-1" type="submit" style="white-space:nowrap;">查询</button>
  </form>
</div>

<div class="list-group">
  {% for p in plans.object_list %}
    <div class="list-group-item">
      <h5 class="mb-1">{{ p.name }}</h5>
      <small class="text-muted">{{ p.frequency }}</small>
    </div>
  {% empty %}
    <div class="alert alert-warning">No plans found.</div>
  {% endfor %}
</div>

<nav class="mt-4">
  <ul class="pagination">
    {% if plans.has_previous %}
      <li class="page-item"><a class="page-link" href="?q={{ q }}&page={{ plans.previous_page_number }}">Previous</a></li>
    {% else %}
      <li class="page-item disabled"><span class="page-link">Previous</span></li>
    {% endif %}
    <li class="page-item disabled"><span class="page-link">Page {{ plans.number }} of {{ plans.paginator.num_pages }}</span></li>
    {% if plans.has_next %}
      <li class="page-item"><a class="page-link" href="?q={{ q }}&page={{ plans.next_page_number }}">Next</a></li>
    {% else %}
      <li class="page-item disabled"><span class="page-link">Next</span></li>
    {% endif %}
  </ul>
</nav>

{% endblock %}