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

{% block title %}
  Provas Cadastradas
{% endblock %}

{% block content %}
  <div class="container-fluid">
    <div class="row mb-4">
      <div class="col">
        <h1 class="h3">Provas Cadastradas</h1>
      </div>
      <div class="col text-end">
        <a href="{% url 'cadastro_prova' %}" class="btn btn-primary">
          <i class="bi bi-plus-circle"></i> Nova Prova
        </a>
      </div>
    </div>

    <!-- Formulário de Busca -->
    <form method="get" class="row g-2 mb-3">
      <div class="col-md-4">
        <input type="text" name="busca" value="{{ busca }}" class="form-control" placeholder="Buscar por título" />
      </div>
      <div class="col-md-4">
        <select name="periodo" class="form-select">
          <option value="">Filtrar por Período</option>
          {% for periodo in periodos %}
            <option value="{{ periodo.id }}" {% if periodo.id|add:"" == request.GET.periodo %}selected{% endif %}>
              {{ periodo.nome }} - {{ periodo.ano }}
            </option>
          {% endfor %}
        </select>
      </div>
      <div class="col-md-4">
        <select name="curso" class="form-select">
          <option value="">Filtrar por Curso</option>
          {% for curso in cursos %}
            <option value="{{ curso.id }}" {% if curso.id|add:"" == request.GET.curso %}selected{% endif %}>
              {{ curso.nome }}
            </option>
          {% endfor %}
        </select>
      </div>
      <div class="col-md-12 mt-2">
        <button type="submit" class="btn btn-primary w-100">
          <i class="bi bi-search"></i> Filtrar
        </button>
      </div>
    </form>

    <!-- Tabela de Provas -->
    <div class="card shadow">
      <div class="card-body p-0">
        <table class="table table-hover table-striped m-0">
          <thead class="table-light">
            <tr>
              <th style="width: 5%">ID</th>
              <th style="width: 12%">Título da Prova</th>
              <th style="width: 15%">Turmas</th>
              <th style="width: 15%">Cursos</th>
              <th style="width: 12%">Período</th>
              <th style="width: 20%">Ações</th>
            </tr>
          </thead>
          <tbody>
            {% for prova in provas %}
              <tr>
                <td>{{ prova.id }}</td>
                <td>{{ prova.titulo }}</td>
                
                <!-- Listagem das turmas separadas por vírgula -->
                <td>
                  {% for turma in prova.turmas.all %}
                    {{ turma.nome }} - {{ turma.ano }}{% if not forloop.last %}, {% endif %}
                  {% endfor %}
                </td>

                <!-- Listagem dos cursos correspondentes às turmas -->
                <td>
                  {% for turma in prova.turmas.all %}
                    {{ turma.curso.nome }}{% if not forloop.last %}, {% endif %}
                  {% endfor %}
                </td>

                <td>{{ prova.periodo.nome }} - {{ prova.periodo.ano }}</td>

                <td>
                  <a href="{% url 'editar_prova' prova.id %}" class="btn btn-sm btn-warning">
                    <i class="bi bi-pencil-square"></i> Editar
                  </a>
                  <form action="{% url 'excluir_prova' prova.id %}" method="POST" style="display:inline;" onsubmit="return confirm('Deseja excluir esta prova?')">
                    {% csrf_token %}
                    <button type="submit" class="btn btn-sm btn-danger">
                      <i class="bi bi-trash"></i> Excluir
                    </button>
                  </form>
                  <a href="{% url 'gerar_gabarito' prova.id %}" class="btn btn-sm btn-info" target="_blank">
                    <i class="bi bi-file-earmark-pdf"></i> Gerar Gabarito
                  </a>
                </td>
              </tr>
            {% empty %}
              <tr>
                <td colspan="6" class="text-center text-muted">Nenhuma prova cadastrada.</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
{% endblock %}