{% extends 'base.html' %}

{% block title %}Crear Candidatos por Región{% endblock %}
{% block active %}sidebar_elecciones_candidatos_x_region_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-user-plus mr-1"></i> Crear Candidatos por Región</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-user-plus mr-1"></i> Crear Candidatos por Región</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 candidatos por región</h3>
        </div>
        <div class="card-body">
            <form method="post">
                {% csrf_token %}
                <input type="hidden" name="pk_configuracion" value="">

                <div class="form-group">
                    <label for="pk_eleccion">Elecciones</label>
                    <select class="form-control select2bs4" id="pk_eleccion" name="pk_eleccion">
                        <!-- Aquí puedes cargar dinámicamente las elecciones existentes -->
                    </select>
                </div>
                <div class="form-group">
                    <label for="pk_region">Región</label>
                    <select class="form-control select2bs4" id="pk_region" name="pk_region">
                        <!-- Aquí puedes cargar dinámicamente las regiones existentes -->
                    </select>
                </div>
                <div class="form-group">
                    <label for="pk_candidato_tipo">Tipo de Candidato</label>
                    <select class="form-control select2bs4" id="pk_candidato_tipo" name="pk_candidato_tipo">
                        <!-- Aquí puedes cargar dinámicamente los tipos de candidato existentes -->
                    </select>
                </div>
                <div class="form-group">
                    <label for="cantidad">Cantidad</label>
                    <input type="number" class="form-control" id="cantidad" name="cantidad" placeholder="Ingrese la cantidad máxima de candidatos para la región">
                </div>
                <button type="submit" class="btn btn-primary">Guardar</button>
            </form>
        </div>
        <!-- /.card-body -->
        <div class="card-footer">
            <b>Votaciones Internas Honduras 2025</b> - Candidatos por Regiones
        </div>
        <!-- /.card-footer-->
    </div>
    <!-- /.card -->

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

{% block scripts %}
<script>
    if (new URLSearchParams(window.location.search).get('opc') == 4) $('section.content').find('button[type="submit"]').hide();

    let pk_configuracion = new URLSearchParams(window.location.search).get('pk_configuracion');

    if (pk_configuracion != null) {
        $('[name="pk_configuracion"]').val(pk_configuracion);
        AJAX_REQUEST('{% url "list_elecciones_candidatos_x_region" %}', 'GET', { id: pk_configuracion }, function (response) {
            if (response.result.length != 0) {
                response = response.result[0];
                SELECT2_ELECCIONES('pk_eleccion', response.pk_eleccion);
                SELECT2_REGIONES('pk_region', response.pk_region);
                SELECT2_CANDIDATOS_TIPO('pk_candidato_tipo', response.pk_candidato_tipo);
                $('[name="cantidad"]').val(response.cantidad);
            } else {
                // No deberia poder usar esta página (PK roto)
            }
        })
    } else {
        SELECT2_ELECCIONES('pk_eleccion');
        SELECT2_REGIONES('pk_region');
        SELECT2_CANDIDATOS_TIPO('pk_candidato_tipo');
    }

    $('section.content form').validate({
        rules: {
            pk_eleccion: {
                required: true,
            },
            pk_region: {
                required: true,
            },
            pk_candidato_tipo: {
                required: true,
            },
            cantidad: {
                required: true,
            },
        },
        messages: {
            pk_eleccion: {
                required: REQUIRED_MESSAGE,
            },
            pk_region: {
                required: REQUIRED_MESSAGE,
            },
            pk_candidato_tipo: {
                required: REQUIRED_MESSAGE,
            },
            cantidad: {
                required: REQUIRED_MESSAGE,
            },
        },
        submitHandler: function (form) {
            AJAX_FORM(form, '{% url "save_elecciones_candidatos_x_region" %}', '{% url "listar_elecciones_candidatos_x_region" %}', pk_configuracion == null ? 1 : 2);
        }
    });
</script>
{% endblock %}