{% extends "base.html" %}

{% block title %}Importar Cursos | Autocensup{% endblock %}
{% block page_pretitle %}Importacao{% endblock %}
{% block page_title %}Importar Cursos{% endblock %}

{% block content %}
  <div class="row row-cards">
    <div class="col-lg-5">
      <form method="post" enctype="multipart/form-data" 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.arquivo.id_for_label }}">Arquivo CSV</label>
            {{ form.arquivo }}
            {% for error in form.arquivo.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-upload me-2"></i>
            Importar
          </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">Linhas processadas</div>
                <div class="h1">{{ result.total }}</div>
              </div>
              <div class="col-sm-6 col-xl-3">
                <div class="subheader">Cursos criados</div>
                <div class="h1">{{ result.created }}</div>
              </div>
              <div class="col-sm-6 col-xl-3">
                <div class="subheader">Cursos atualizados</div>
                <div class="h1">{{ result.updated }}</div>
              </div>
              <div class="col-sm-6 col-xl-3">
                <div class="subheader">Sem carga de apoio</div>
                <div class="h1">{{ result.without_carga_horaria }}</div>
              </div>
            </div>
          </div>
          <div class="table-responsive">
            <table class="table table-vcenter card-table">
              <thead>
                <tr>
                  <th>Linha</th>
                  <th>Codigo</th>
                  <th>Erro</th>
                </tr>
              </thead>
              <tbody>
                {% for error in result.errors %}
                  <tr>
                    <td>{{ error.line }}</td>
                    <td>{{ error.identifier|default:"-" }}</td>
                    <td>{{ error.message }}</td>
                  </tr>
                {% empty %}
                  <tr>
                    <td colspan="3" class="text-center text-secondary">
                      Nenhum erro encontrado.
                    </td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        </div>
      </div>
    {% endif %}
  </div>
{% endblock %}