{% extends '@EasyAdmin/crud/index.html.twig' %}

{% block head_javascript %}
    {{ parent() }}
    {{ importmap('app') }}

    <script>
        let postulanteActual = null;
        function abrirModalRiaVersiones(id, url, nombre) {
            postulanteActual = id;
            const modalVersiones = document.getElementById('modalVersionesRia');
            let modal = new bootstrap.Modal(modalVersiones);
            let baseUrl = '{{ path('postulante_asignar_version', {'idPostulante': 'XXX'}) }}';
            modalVersiones.dataset.asignUrl = baseUrl.replace('XXX', id);
            modalVersiones.querySelector('#nombrePostulante').textContent = nombre;
            modalVersiones.querySelector('#listaRiaVersiones').innerHTML = `
                <div class="text-center p-3">
                    <i class="fa fa-spinner fa-spin me-2"></i> Cargando versiones...
                </div>
            `;
            modal.show();
            // solicitud AJAX para traer la lista de versiones disponibles
            $.ajax({
                url: url,
                method: 'GET',
                success: function(data) {
                    modalVersiones.querySelector('#listaRiaVersiones').innerHTML = data.html;
                    {# modal.show(); #}
                },
                error: function() {
                    alert('Error al obtener las versiones.');
                }
            });
        }

        function guardarRiaVersion() {
            const modalVersiones = document.getElementById('modalVersionesRia');
            let seleccionado = modalVersiones.querySelector('input[name="riaVersion"]:checked');
            if (!seleccionado) {
                Swal.fire('Atención', 'Debe seleccionar una versión', 'warning');
                return;
            }
            let versionId = seleccionado.value;
            let urlAsignar = modalVersiones.dataset.asignUrl;
            $.ajax({
                url: urlAsignar,
                method: 'POST',
                data: { versionId: versionId },
                success: function(response) {
                    if (response.success) {
                        // actualizar fila de tabla
                        let fila = document.querySelector(`tr[data-id="${postulanteActual}"]`);
                        if (fila) {
                            let badge = fila.querySelector('.badge-estado');
                            let boton = fila.querySelector('button');

                            fila.classList.remove('row-no-version');
                            fila.classList.add('row-saved');
                            if (badge) {
                                badge.textContent = 'Adjunto';
                                badge.className = 'badge badge-estado bg-success text-white';
                            }
                            if (boton) {
                                boton.textContent = 'Modificar RIA';
                                boton.className = 'btn btn-success btn-sm';
                            }
                        }
                        bootstrap.Modal.getInstance(modalVersiones).hide();
                        Swal.fire({
                            icon: 'success',
                            title: 'RIA asignado',
                            timer: 1200,
                            showConfirmButton: false
                        });
                    } else {
                        Swal.fire('Error', 'No se pudo asignar la versión', 'error');
                    }
                },
                error: function() {
                    bootstrap.Modal.getInstance(modalVersiones).hide();
                    Swal.fire('Error', 'No se pudo asignar la versión', 'error');
                }
            });
        }

        function borrarPostulante(event, element){
            event.preventDefault();
            var $texto = '¿Está seguro que quiere eliminar este Postulante del concurso?';
            if ($(element).hasClass('ternado')){
                $texto = 'Este postulante tiene una Terna asociada, al eliminarlo se eliminará de la misma y también se desadjuntará su RIA. ¿Está seguro?';
            } else {
                if ($(element).hasClass('frizado'))
                    $texto = 'Este postulante posee un RIA Adjunto, al eliminarlo se desadjuntará. ¿Está seguro?';
            }
            url = element.getAttribute('href');
            Swal.fire({
                title: '¿Estás seguro?',
                text: $texto,
                icon: 'info',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Sí',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = url;
                }
            });
        }
    </script>
{% endblock %}

{% block main %}
    {% set concurso = filters.concurso.formTypeOptions.data.value %}
    {% set CONFIG_ESTADOS = {
        'asignado': {
            'row_style': 'background-color:#f0fdf4;border-left:5px solid #22c55e;border-bottom:1px solid rgba(255,255,255,0.25);',
            'badge_class': 'bg-success text-white',
            'btn_class': 'btn-success',
            'btn_text': 'Modificar RIA',
            'label': 'Adjunto'
        },
        'pendiente': {
            'row_style': 'background-color:#fffaf0;border-bottom:1px solid rgba(255,255,255,0.25);',
            'badge_class': 'bg-warning text-dark',
            'btn_class': 'btn-warning',
            'btn_text': 'Asignar RIA',
            'label': 'Pendiente'
        },
        'vacio': {
            'row_style': 'background-color:#fef2f2;border-left:5px solid #ef4444;border-bottom:1px solid rgba(255,255,255,0.25);',
            'badge_class': 'bg-danger text-white',
            'btn_class': 'd-none',
            'btn_text': '',
            'label': 'Sin RIAs adjuntos'
        }
    } %}

    {% if concurso.estado == constant('App\\Enum\\Concursos\\EstadoConcurso::BORRADOR') %}
        <div class="alert alert-warning mb-4" role="alert">
            <i class="fa fa-exclamation-triangle me-2"></i> 
            Modo de edición: <strong>Concurso para "{{ concurso.cargo.nombre }}"</strong> (Borrador)
        </div>
        <div class="mb-2 mt-1">
            <p class="text-secondary" style="font-size:0.93rem;">
                Asignación de versiones de RIA a los postulantes del concurso actual.
            </p>
        </div>
    {% endif %}
        
    <div class="content-panel shadow-sm border-0">
        <div class="content-panel-body p-0">
            <table class="table table-sm mb-0" style="font-size:0.90rem; border-collapse:collapse;">
                <thead>
                    <tr style="color:#9ca3af;font-weight:500;font-size:1rem;">
                        <th style="padding:6px 10px;">Postulante</th>
                        <th style="padding:6px 10px;width:20%;">Estado</th>
                        <th style="padding:6px 10px;width:20%;">Versión</th>
                        {# <th style="padding:6px 10px;width:30%;">Acciones</th> #}
                        <th style="padding:6px 10px;width:180px;text-align:center;">Acciones</th>
                    </tr>
                </thead>

                <tbody>
                    {% for postulante in entities %}

                        {% set versiones_validas_count = 0 %}
                        {% for v in postulante.instance.riaPresentacion.riaVersions %}
                            {% if v.estado == 'Finalizado' and v.fechaFinalizacionPdf >= concurso.fechaConcurso %}
                                {% set versiones_validas_count = versiones_validas_count + 1 %}
                            {% endif %}
                        {% endfor %}

                        {% if versiones_validas_count == 0 %}
                            {% set estadoVersion = 'vacio' %}
                        {% elseif postulante.instance.RIAVersion is not null %}
                            {% set estadoVersion = 'asignado' %}
                        {% else %}
                            {% set estadoVersion = 'pendiente' %}
                        {% endif %}

                        {% set config = CONFIG_ESTADOS[estadoVersion] %}

                        <tr data-id="{{ postulante.instance.id }}"
                            style="border-top:1px solid rgba(255,255,255,0.05);"
                            onmouseover="this.style.backgroundColor='rgba(255,255,255,0.03)'"
                            onmouseout="this.style.backgroundColor='transparent'"
                        >
                            <td style="
                                    padding:8px 10px;
                                    {# background:#1f2937; #}
                                    background:linear-gradient(to right,#1f2937,#111827);
                                ">

                                <div style="font-weight:500;color:#f3f4f6;">
                                    {{ postulante.instance.riaPresentacion.datosPersonales.apellidos }},
                                    {{ postulante.instance.riaPresentacion.datosPersonales.nombres }}
                                </div>

                                <div style="color:#9ca3af;font-size:0.70rem;">
                                    DNI {{ postulante.instance.riaPresentacion.datosPersonales.dni }}
                                </div>

                            </td>

                            <td style="vertical-align:middle;">
                                <span class="badge badge-estado {{ config.badge_class }}"
                                    style="
                                        font-size:0.80rem;
                                        padding:3px 7px;
                                        font-weight:600;
                                    ">
                                    {{ config.label }}
                                </span>
                            </td>

                            <td style="padding:8px 10px;vertical-align:middle;">
                                {% if postulante.instance.RIAVersion is not null %}
                                    <div style="font-size:0.75rem;color:#9ca3af;">
                                        {{ postulante.instance.RIAVersion.fechaFinalizacionPdf|date('d/m/Y H:i') }}
                                    </div>
                                {% else %}
                                    <div style="font-size:0.75rem;color:#9ca3af;">
                                        No hay RIA asignado
                                    </div>
                                {% endif %}
                            </td>

                            <td style="vertical-align:middle;">
                                {% if concurso.estado == constant('App\\Enum\\Concursos\\EstadoConcurso::PUBLICADO') %}
                                    <span class="text-muted" style="font-size:0.80rem;"> - </span>
                                {% else %}
                                    {% if config.btn_class != 'd-none' %}
                                    <button
                                        class="btn {{ config.btn_class }} btn-sm"
                                        style="font-size:0.80rem;padding:3px 9px; font-weight:500;"
                                        onclick="abrirModalRiaVersiones(
                                            {{ postulante.instance.id }},
                                            '{{ path('postulante_get_versiones', {idPostulante: postulante.instance.id}) }}',
                                            '{{ postulante.instance.riaPresentacion.datosPersonales.apellidos }}, {{ postulante.instance.riaPresentacion.datosPersonales.nombres }}'
                                        )">
                                        {{ config.btn_text }}
                                    </button>
                                    {% endif %}
                                    <a
                                        class="btn btn-danger btn-sm {% if postulante.instance.ternaPostulante %}ternado{% elseif postulante.instance.RIAVersion %}frizado{% endif %}"
                                        onclick="borrarPostulante(event,this)"
                                        href="{{ path('admin', {'crudAction': 'deletePostulante', 'crudControllerFqcn': 'App\\Controller\\Admin\\Concursos\\NominaPostulantes\\RiaPostulanteCrudController', 'entityId': postulante.instance.id}) }}"
                                        style="font-size:0.70rem;padding:3px 9px;margin-left:4px;text-decoration:none;cursor:pointer;">
                                        <i class="fa fa-trash-alt"></i>
                                    </a>
                                {% endif %}
                                
                            </td>

                        </tr>

                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <a href="{{ path('admin', {
        crudAction: 'index',
        crudControllerFqcn: 'App\\Controller\\Admin\\Concursos\\ConcursoCrudController'
        }) }}" class="btn btn-outline-secondary btn-sm mt-3">
        <i class="fa fa-arrow-left me-2"></i> Volver
    </a>

    {# ================= MODAL ================= #}
    <div class="modal fade" id="modalVersionesRia" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">
                        Asignar / Modificar RIA de
                        <span id="nombrePostulante" class="text-primary"></span>
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body">
                    <div id="listaRiaVersiones">
                        <!-- el contenido se cargará vía AJAX -->
                    </div>
                </div>

                <div class="modal-footer">
                    <button class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button class="btn btn-success" onclick="guardarRiaVersion()">Confirmar</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}