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

{% block content %}
<div class="row">
  <div class="col-md-8">
    <h2>{{ device.code }} - {{ device.name }}</h2>
    <p><strong>Location:</strong> {{ device.location }} &nbsp; <small class="text-muted">{{ device.group }}</small></p>
    <h4>Check Items</h4>
    <ul class="list-group">
      {% for item in check_items %}
        <li class="list-group-item">{{ item.name }} <span class="text-muted">- {{ item.expected_value }}</span></li>
      {% empty %}
        <li class="list-group-item">No check items.</li>
      {% endfor %}
    </ul>

    <h4 class="mt-4">巡检记录</h4>
    <ul class="list-group">
      {% for r in records %}
        <li class="list-group-item">
          <strong>{{ r.checked_at|date:'Y-m-d H:i' }}</strong>
          <span class="ms-2">{{ r.status }}</span>
          {% if r.note %}<span class="ms-2 text-muted">{{ r.note }}</span>{% endif %}
          <a class="ms-3" href="/records/{{ r.pk }}/">详情</a>
        </li>
      {% empty %}
        <li class="list-group-item">暂无巡检记录。</li>
      {% endfor %}
    </ul>
    {% if records.paginator.num_pages > 1 %}
    <nav class="mt-3">
      <ul class="pagination">
        {% if records.has_previous %}
          <li class="page-item"><a class="page-link" href="?page={{ records.previous_page_number }}">上一页</a></li>
        {% else %}
          <li class="page-item disabled"><span class="page-link">上一页</span></li>
        {% endif %}
        <li class="page-item disabled"><span class="page-link">第 {{ records.number }} / {{ records.paginator.num_pages }} 页</span></li>
        {% if records.has_next %}
          <li class="page-item"><a class="page-link" href="?page={{ records.next_page_number }}">下一页</a></li>
        {% else %}
          <li class="page-item disabled"><span class="page-link">下一页</span></li>
        {% endif %}
      </ul>
    </nav>
    {% endif %}
  </div>
</div>

{% endblock %}