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

{% block header %}
  Dashboard
{% endblock %}

{% block content %}
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-4">
        <div class="card text-bg-primary shadow-sm">
          <div class="card-body">
            <h5 class="card-title">Turmas Cadastradas</h5>
            <p class="card-text fs-1">{{ total_turmas }}</p>
            <a href="{% url 'listar_turmas' %}" class="btn btn-light btn-sm mt-2"><i class="bi bi-eye"></i> Visualizar</a>
          </div>
        </div>
      </div>

      <div class="col-md-4">
        <div class="card text-bg-success shadow-sm">
          <div class="card-body">
            <h5 class="card-title">Alunos Cadastrados</h5>
            <p class="card-text fs-1">{{ total_alunos }}</p>
            <a href="{% url 'listar_alunos' %}" class="btn btn-light btn-sm mt-2"><i class="bi bi-eye"></i> Visualizar</a>
          </div>
        </div>
      </div>

      <div class="col-md-4">
        <div class="card text-bg-warning shadow-sm">
          <div class="card-body">
            <h5 class="card-title">Provas Cadastradas</h5>
            <p class="card-text fs-1">{{ total_provas }}</p>
            <a href="{% url 'listar_provas' %}" class="btn btn-light btn-sm mt-2"><i class="bi bi-eye"></i> Visualizar</a>
          </div>
        </div>
      </div>
    </div>

    <div class="row mt-4">
      <div class="col-md-4">
        <div class="card text-bg-info shadow-sm">
          <div class="card-body">
            <h5 class="card-title">Gabaritos Cadastrados</h5>
            <p class="card-text fs-1">{{ total_gabaritos }}</p>
            <a href="{% url 'listar_gabaritos' %}" class="btn btn-light btn-sm mt-2"><i class="bi bi-eye"></i> Visualizar</a>
          </div>
        </div>
      </div>

      <div class="col-md-4">
        <div class="card text-bg-danger shadow-sm">
          <div class="card-body">
            <h5 class="card-title">Notas Registradas</h5>
            <p class="card-text fs-1">{{ total_notas }}</p>
            <a href="{% url 'listar_notas' %}" class="btn btn-light btn-sm mt-2"><i class="bi bi-eye"></i> Visualizar</a>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}