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

{% block title %}
  Resultado da Correção
{% endblock %}

{% block content %}
  <div class="container-fluid">
    <div class="row mb-4">
      <div class="col">
        <h1 class="h3">Resultado da Correção</h1>
      </div>
      <div class="col text-end">
        <a href="{% url 'listar_notas' %}" class="btn btn-secondary"><i class="bi bi-arrow-left"></i> Voltar</a>
      </div>
    </div>

    <!-- Informações do Aluno e Prova -->
    <div class="card mb-4">
      <div class="card-body">
        <h5 class="card-title"><strong>Aluno:</strong> {{ nota.aluno.nome }}</h5>
        <h6 class="card-subtitle mb-2 text-muted"><strong>Prova:</strong> {{ nota.prova.titulo }}</h6>

        <p>
          <strong>Total de Questões:</strong> {{ resultado|length }}
        </p>
        <p>
          <strong>Acertos:</strong> {{ nota.acertos }}
        </p>
        <p>
          <strong>Nota Final:</strong> {{ nota.nota_final }}
        </p>
      </div>
    </div>

    <!-- Detalhamento da Correção -->
    <div class="card">
      <div class="card-body p-0">
        <table class="table table-hover table-striped m-0">
          <thead class="table-light">
            <tr>
              <th>Questão</th>
              <th>Resposta Correta</th>
              <th>Resposta do Aluno</th>
              <th>Resultado</th>
            </tr>
          </thead>
          <tbody>
            {% for item in resultado %}
              <tr class="{% if item.acertou %}
                  
                  table-success

                {% elif item.resposta_aluno == 'N/A' %}
                  
                  table-warning

                {% else %}
                  
                  table-danger

                {% endif %}">
                <td>{{ item.questao }}</td>
                <td>{{ item.resposta_correta }}</td>
                <td>{{ item.resposta_aluno }}</td>
                <td>
                  {% if item.acertou %}
                    <span class="badge bg-success">Acertou</span>
                  {% elif item.resposta_aluno == 'N/A' %}
                    <span class="badge bg-warning">Não Respondida</span>
                  {% else %}
                    <span class="badge bg-danger">Errou</span>
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
{% endblock %}