{% extends 'base.html' %}{% load static %}
{% load static %}

{% block title %}
  Panel Registrar
{% endblock title %}

{% block content %}
<div class="mt-4">
  <div class="row">
    <!-- REGISTRAR MIEMBRO -->
    <div class="col-lg-3 col-md-6 mb-4">
      <a href="{% url 'registrar_miembro' %}" class="text-decoration-none">
        <div class="card btn btn-outline-primary shadow-sm h-100">
          <div class="card-body d-flex flex-column justify-content-center text-center">
            <i class="fas fa-user fa-3x mb-3"></i>
            <h5 class="card-title">Registrar Miembro</h5>
            <p class="card-text">Registro de Miembro.</p>
          </div>
        </div>
      </a>
    </div>

    <!-- REGISTRAR CAPACITADOR -->
    <div class="col-lg-3 col-md-6 mb-4">
      <a href="{% url 'registrar_capacitador' %}" class="text-decoration-none">
        <div class="card btn btn-outline-warning shadow-sm h-100">
          <div class="card-body d-flex flex-column justify-content-center text-center">
            <i class="fas fa-chalkboard-teacher fa-3x mb-3"></i>
            <h5 class="card-title">Registrar Capacitador</h5>
            <p class="card-text">Registro de Capacitador.</p>
          </div>
        </div>
      </a>
    </div>

    <!-- REGISTRAR CANDIDATO -->
    <div class="col-lg-3 col-md-6 mb-4">
      <a href="{% url 'registrar_candidato' %}" class="text-decoration-none">
        <div class="card btn btn-outline-secondary shadow-sm h-100">
          <div class="card-body d-flex flex-column justify-content-center text-center">
            <i class="fas fa-user-tie fa-3x mb-3"></i>
            <h5 class="card-title">Registrar Candidato</h5>
            <p class="card-text">Registro de Candidato.</p>
          </div>
        </div>
      </a>
    </div>

    <!-- REGISTRAR LOGÍSTICA -->
    <div class="col-lg-3 col-md-6 mb-4">
      <a href="{% url 'registrar_logistica' %}" class="text-decoration-none">
        <div class="card btn btn-outline-success shadow-sm h-100">
          <div class="card-body d-flex flex-column justify-content-center text-center">
            <i class="fas fa-truck-loading fa-3x mb-3"></i>
            <h5 class="card-title">Registrar Logística</h5>
            <p class="card-text">Registro de Logística.</p>
          </div>
        </div>
      </a>
    </div>
  </div>
</div>
{% endblock content %}