{% extends "base.html" %}

{% block title %}Pendencias | Autocensup{% endblock %}
{% block page_pretitle %}Verificacao{% endblock %}
{% block page_title %}Campos obrigatorios pendentes{% endblock %}

{% block content %}
  <div class="card">
    <div class="card-header">
      <h2 class="card-title">{{ total_pending }} registro(s) com pendencia</h2>
    </div>
    <div class="table-responsive">
      <table class="table table-vcenter card-table">
        <thead>
          <tr>
            <th>Cadastro</th>
            <th>Registro</th>
            <th>Campos pendentes</th>
            <th class="w-1"></th>
          </tr>
        </thead>
        <tbody>
          {% for item in page_obj.object_list %}
            <tr>
              <td>{{ item.config.title }}</td>
              <td>{{ item.object }}</td>
              <td>{{ item.missing|join:", " }}</td>
              <td>
                <a href="{% url 'crud_update' item.config.slug item.object.pk %}" class="btn btn-icon" aria-label="Editar">
                  <i class="ti ti-pencil"></i>
                </a>
              </td>
            </tr>
          {% empty %}
            <tr>
              <td colspan="4" class="text-center text-secondary">
                Nenhuma pendencia encontrada.
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% if page_obj.paginator.num_pages > 1 %}
      <div class="card-footer d-flex align-items-center">
        <p class="m-0 text-secondary">
          Pagina {{ page_obj.number }} de {{ page_obj.paginator.num_pages }}
        </p>
        <ul class="pagination m-0 ms-auto">
          {% if page_obj.has_previous %}
            <li class="page-item">
              <a class="page-link" href="?page={{ page_obj.previous_page_number }}">
                <i class="ti ti-chevron-left"></i>
              </a>
            </li>
          {% endif %}
          {% if page_obj.has_next %}
            <li class="page-item">
              <a class="page-link" href="?page={{ page_obj.next_page_number }}">
                <i class="ti ti-chevron-right"></i>
              </a>
            </li>
          {% endif %}
        </ul>
      </div>
    {% endif %}
  </div>
{% endblock %}