{% extends 'base.html' %}

{% block title %}Crear Proceso Electoral{% endblock %}
{% block active %}sidebar_elecciones_proceso_crear{% endblock %}

{% block content %}
<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1><i class="nav-icon fas fa-vote-yea mr-1"></i> Crear Proceso Electoral</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{% url 'dashboard' %}">Inicio</a></li>
                    <li class="breadcrumb-item active"><i class="nav-icon fas fa-vote-yea mr-1"></i> Crear Proceso Electoral</li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section class="content">

    <!-- block content -->
    <!-- Default box -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title"><b>Votaciones Internas Honduras 2025</b> - Formulario de registro de proceso electoral</h3>
        </div>
        <div class="card-body">
            <form method="post">
                {% csrf_token %}
                <div class="form-group">
                    <label for="pk_eleccion">Elección</label>
                    <select class="form-control select2bs4" id="pk_eleccion" name="pk_eleccion" required>
                        <!-- Aquí puedes cargar dinámicamente las elecciones existentes -->
                    </select>
                </div>
                <div class="form-group">
                    <label for="nombre">Nombre</label>
                    <input type="text" class="form-control" id="nombre" name="nombre" placeholder="Ingrese el nombre del proceso" required>
                </div>
                <div class="form-group">
                    <label for="anio">Año</label>
                    <input type="number" class="form-control" id="anio" name="anio" placeholder="Ingrese el año" required>
                </div>
                <div class="form-group">
                    <label for="mes">Mes</label>
                    <input type="text" class="form-control" id="mes" name="mes" placeholder="Ingrese el mes" required>
                </div>
                <div class="form-group">
                    <label for="dia">Día</label>
                    <input type="number" class="form-control" id="dia" name="dia" placeholder="Ingrese el día" required>
                </div>
                <button type="submit" class="btn btn-primary">Guardar</button>
            </form>
        </div>
        <!-- /.card-body -->
        <div class="card-footer">
            <b>Votaciones Internas Honduras 2025</b> - Proceso Electoral
        </div>
        <!-- /.card-footer-->
    </div>
    <!-- /.card -->

</section>
<!-- /.content -->
{% endblock %}

{% block scripts %}
{% endblock %}