{% extends "base.html" %}

{% block title %}Processar Situacao | Autocensup{% endblock %}
{% block page_pretitle %}Processamento{% endblock %}
{% block page_title %}Processar Situacao - {{ selected_year }}{% endblock %}

{% block content %}
  <div class="row row-cards">
    <div class="col-lg-5">
      <form method="post" class="card">
        {% csrf_token %}
        <div class="card-body">
          {% if form.non_field_errors %}
            <div class="alert alert-danger">{{ form.non_field_errors }}</div>
          {% endif %}
          <div class="mb-3">
            <label class="form-label" for="{{ form.matriculas.id_for_label }}">Matricula</label>
            {{ form.matriculas }}
            {% for error in form.matriculas.errors %}
              <div class="invalid-feedback d-block">{{ error }}</div>
            {% endfor %}
          </div>
          <div class="mb-3">
            <label class="form-label" for="{{ form.situacao.id_for_label }}">Situacao</label>
            {{ form.situacao }}
            {% for error in form.situacao.errors %}
              <div class="invalid-feedback d-block">{{ error }}</div>
            {% endfor %}
          </div>
        </div>
        <div class="card-footer text-end">
          <button type="submit" class="btn btn-primary">
            <i class="ti ti-list-check me-2"></i>
            Aplicar
          </button>
        </div>
      </form>
    </div>

    {% if result %}
      <div class="col-lg-7">
        <div class="card">
          <div class="card-header">
            <h2 class="card-title">Resultado</h2>
          </div>
          <div class="card-body">
            <div class="row g-3">
              <div class="col-sm-6 col-xl-3">
                <div class="subheader">Ano</div>
                <div class="h1">{{ result.ano_censo }}</div>
              </div>
              <div class="col-sm-6 col-xl-3">
                <div class="subheader">Matriculas informadas</div>
                <div class="h1">{{ result.requested }}</div>
              </div>
              <div class="col-sm-6 col-xl-3">
                <div class="subheader">Vinculos atualizados</div>
                <div class="h1">{{ result.updated }}</div>
              </div>
              <div class="col-sm-6 col-xl-3">
                <div class="subheader">Situacao</div>
                <div class="h3">{{ result.situacao }}</div>
              </div>
            </div>
          </div>
          <div class="table-responsive">
            <table class="table table-vcenter card-table">
              <thead>
                <tr>
                  <th>Matricula nao encontrada</th>
                </tr>
              </thead>
              <tbody>
                {% for matricula in result.not_found %}
                  <tr>
                    <td>{{ matricula }}</td>
                  </tr>
                {% empty %}
                  <tr>
                    <td class="text-center text-secondary">
                      Todas as matriculas informadas foram encontradas para o ano selecionado.
                    </td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        </div>
      </div>
    {% endif %}
  </div>
{% endblock %}