{% extends 'base.html.twig' %}

{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a href="{{ path('main') }}">Inicio</a></li>
        <li><a href="{{ path('desistimientos_index_limpiar') }}">Desistimientos </a></li>
        <li><a class="active"> Desistimiento de: {{presentacion.datosPersonales.apellidos}}, {{presentacion.datosPersonales.nombres}}</a></li>
    </ol>
{% endblock %}

{% block javascripts %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/cleave.js/1.6.0/cleave.min.js"></script>
    {{ parent() }}

    <script>
        $(".modalTerritorialidad").on("click", function (event) {
            event.stopPropagation();
            event.preventDefault();
            botonClick = event.currentTarget;
            //Hago una solicitud AJAX al controller
            $.ajax({
                url: event.currentTarget.dataset.url ,
                method: 'GET',
                success: function (data) {
                    // Insertor el contenido en el div del modal
                    $("#modalTerritorialidad .modal-content").html(data);
                    $("#modalTerritorialidad").modal('open');
                },
                error: function (error) {
                    swal({
                        title: "Error",
                        text: error.responseText,
                        icon: "warning",
                        //buttons: true,
                        })
                    //console.log(error);
                }
            });
        });

        function clickEditarConcurso(e) { 
           $('#cardShow').hide();   
           $('#cardForm').show();
           $('#desistimientos_concurso_guardar').show(); 
        }

        $(".modalAgregarDetalle").on("click", function (event) {
            event.stopPropagation();
            event.preventDefault();
            botonClick = event.currentTarget;
            //Hago una solicitud AJAX al controller
            $.ajax({
                url: event.currentTarget.dataset.url ,
                method: 'GET',
                success: function (data) {
                    // Insertor el contenido en el div del modal
                    $("#modalAgregarDetalle .modal-content").html(data);
                    $("#modalAgregarDetalle").modal('open');
                },
                error: function (error) {
                    swal({
                        title: "Error",
                        text: error.responseText,
                        icon: "warning",
                        //buttons: true,
                        })
                    //console.log(error);
                }
            });
        });

        $(".modalAgregarTerritorialidad").on("click", function (event) {
            event.stopPropagation();
            event.preventDefault();
            botonClick = event.currentTarget;
            //Hago una solicitud AJAX al controller
            $.ajax({
                url: event.currentTarget.dataset.url ,
                method: 'GET',
                success: function (data) {
                    if (data.includes('form')) {
                        // Insertor el contenido en el div del modal
                        var modal = $("#modalAgregarTerritorialidad");
                        modal.find(".modal-content").html(data);
                        modal.modal('open');
                    } else {
                        location.href=data;
                    }
                },
                error: function (error) {
                    swal({
                        title: "Error",
                        text: error.responseText,
                        icon: "warning",
                        //buttons: true,
                        })
                    //console.log(error);
                }
            });
        });

        function clickEliminar(event){
            $url_eliminar=event.currentTarget.dataset.url;
            var $tr = event.currentTarget.closest('tr');
            var tabla = document.getElementById('tablaDetalles');
            var filas = tabla.getElementsByTagName('tr').length;
            swal({
                title: "Eliminar",
                text: "¿Está seguro que quiere eliminar este cargo?",
                icon: "warning",
                buttons: true,
                })
                .then((aceptar) => {
                if (aceptar) {
                    {# window.location.href = $url_eliminar;#}
                    $.ajax({
                        url: $url_eliminar,
                        method: 'POST',
                        success: function (data) {
                            M.toast({html: 'Se eliminó el cargo con éxito'});
                            $tr.remove();
                            if (filas == '3') {
                                $('#deleteDetalle').hide()
                            } 
                        },
                        error: function (error) {
                            swal({
                                icon: 'error',
                                title: 'Error',
                                text:  error.getResponseHeader('mensaje') ?  error.getResponseHeader('mensaje').replaceAll(".", ".\n").replaceAll("&atilde", "á") : 'Error del servidor, intente más tarde.',
                            });
                        },
                        complete: function(html) {
                        }
                    });
                } 
            });
        }

        // Asigna el evento onclick al botón "eliminar"
        $('#{{ form.eliminar.vars.id }}').click( function(e) {
            e.preventDefault();
            swal({
                title: "Borrar",
                text: "¿Está seguro que quiere borrar el Desistimiento? \n Evalúe si lo que quiere es enviarlo a borrador",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((aceptar) => {
                if (aceptar) {
                    $('form').prop('action', '{{ path('desistimiento_concurso_delete', { idView: desistimiento.idView }) }}');
                    $('form').submit();
                } 
            }); 
        });

        function clickDespublicar(event){
            $url_despublicar=event.currentTarget.dataset.url;
            swal({
                title: "Despublicar",
                text: "¿Está seguro que quiere despublicar este Desistimiento? En consecuencia quedará en Borrador.",
                icon: "warning",
                buttons: true,
                })
                .then((aceptar) => {
                if (aceptar) {
                    window.location.href = $url_despublicar;
                } 
            });
        }

        $('select').formSelect(); 
    </script>
{% endblock %}

{% block javascripts_base %}
    var cleave = new Cleave('#desistimientos_concurso_fechaSolicitud', {
        date: true,
        delimiter: '/',
        datePattern: ['d', 'm', 'Y']
    });

{% endblock %}

{% block titulo_body %}
    <div class="col s12 l9">
        <h4 style="margin-top: 3%;">Desistimiento de {{desistimiento.presentacionAntecedente.datosPersonales.apellidos}}, {{desistimiento.presentacionAntecedente.datosPersonales.nombres}}
            {% if desistimiento.estado == 'Borrador' %}
                <span style="margin-top: 15px;"><i><sub style="color:darkorange">{Borrador}</sub></i></span>
            {% elseif desistimiento.estado == 'Eliminado' %}
                <span style="margin-top: 15px;"><i><sub style="color:red">{Eliminado}</sub></i></span>
            {% else %}
                <span style="margin-top: 15px;"><i><sub style="color:green">{Publicado}</sub></i></span>
            {% endif %}
        </h4>
    </div>
{% endblock  %}

{% block titulo_acciones_body %}
        {% if (desistimiento.estado == 'Borrador') %}
            {{ form_label(form.eliminar) }}
            {{ form_widget(form.eliminar) }}
            <a class="btn waves-effect waves-light right" style="margin-top:7%; margin-right:3%;" href="{{ path('desistimiento_publicar', {'idView': desistimiento.idView })}}">Publicar Desistimiento</a>
        {% else %}
            {{ form_label(form.eliminar, null, {'attr': {'style': 'display: none;'}}) }}
            {{ form_widget(form.eliminar, {'attr': {'style': 'display: none;'}}) }}
            <a class="btn convocatoria right darken-2 waves-effect waves-light" style="margin-top:7%; margin-right:2%;" type="button"
            onclick="clickDespublicar(event)" data-url="{{ path('desistimiento_despublicar', {'idView': desistimiento.idView })}}">
                Despublicar y modificar &nbsp;<i class="material-icons medium right">edit</i>
            </a>
        {% endif %}
{% endblock %}

{% block body %}
    
    <div class="row">
        <div class="col l12 m10 s12">
            <ul class="collapsible popout">
                <li class="active">
                    <div class="collapsible-header"> 
                        <i class="material-icons icono-primario">list</i>Desistimiento
                    </div>
                    <div class="collapsible-body" style="display:block">
                        <div class="row"> 
                            <div class="col l8">
                                <h5 style="margin-top:0%;"> {{presentacion.datosPersonales.apellidos}}, {{presentacion.datosPersonales.nombres}} </h5>
                        
                                <div class="input-field col s12 l5 m3 "> 
                                    <img src="{{urlImagen}}" class="responsive-img small" style="height: 70%; width: 70%;" alt="Foto de perfil">
                                </div>

                                <div class=" col s12 l7 m4">
                                    <blockquote>
                                    <p>DNI {{presentacion.datosPersonales.dni}} - {{presentacion.datosPersonales.genero}}</p>
                                    <p>Nacimiento: {{presentacion.datosPersonales.fechaNacimiento|date('d/m/Y')}} - {{presentacion.datosPersonales.nacionalidad}}</p>
                                    <p><strong>Domicilio actual:</strong> {{presentacion.datosPersonales.domCalle}} nro {{presentacion.datosPersonales.domNumero}}, 
                                    <br>{{presentacion.datosPersonales.domLocalidad}} (1900), Prov. de Buenos Aires</p>
                                    <p><a href="mailto:{{presentacion.datosPersonales.email}}">{{presentacion.datosPersonales.email}}</a></p>
                                    <p><a href="tel:{{presentacion.datosPersonales.telefono}}">{{presentacion.datosPersonales.telefono}}</a></p>
                                    </blockquote>
                                </div>
                            </div>
                            <div class="col l4">
                                <div class="input-field col s12 l12" id="cardShow" {{desistimiento.fechaSolicitud ? '' : 'style="display:none"'}}>
                                    <div class="card card-default ">
                                        <div class="card-content">
                                            <div class="row">
                                                <div class="input-field col l10 m6 s12">
                                                    <label for="date-demo2" class="active">Fecha de Solicitud</label>
                                                    <p style="margin-top:1%;">{{ desistimiento.fechaSolicitud|date('d/m/Y')}}</p>
                                                </div>
                                                {% if desistimiento.estado == 'Borrador' %}
                                                    <div class="col l2 m6 s12">
                                                        <a class="btn-floating btn-flat identidad-color darken-2 tooltipped" style="margin-bottom:2%;background-color: transparent; border: none;"
                                                            data-position="top" data-tooltip="Editar Desistimiento" onclick="clickEditarConcurso(event)">
                                                            <i class="material-icons small">
                                                                edit
                                                            </i>
                                                        </a>   
                                                    </div>
                                                {% endif %}
                                            </div>
                                            <div class="row">
                                                <div class="input-field col l12 m6 s12">
                                                    <label for="date-demo2" class="active">Expediente</label>
                                                    <p style="margin-top:1%;">{{ desistimiento.expediente}}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="input-field col l12 m6 s12">
                                                    <label for="date-demo2" class="active">Motivos</label>
                                                    <p style="margin-top:1%;">{{ desistimiento.motivo}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{ form_start(form) }}
                                <div class="input-field col s12 l12" id="cardForm" {{desistimiento.fechaSolicitud ? 'style="display:none"' : ''}}>

                                    <div class="card card-default ">
                                        <div class="card-content">
                                            <div class="row">
                                                <div class="input-field col l8 m6 s12">
                                                    {{ form_label(form.fechaSolicitud) }}
                                                    {{ form_widget(form.fechaSolicitud) }}
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="input-field col l8 m6 s12">
                                                    {{ form_label(form.expediente) }}
                                                    {{ form_widget(form.expediente) }}
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="input-field col l10 m6 s12">
                                                    {{ form_row(form.motivo) }}
                                                    {# {{ form_widget(form.motivo) }} #}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    {{ form_label(form.guardar) }}
                                    {{ form_widget(form.guardar) }}
                                </div>
                                {{ form_end(form) }}
                            </div>
                            
                        </div>        
                    </div>
                </li>
            </ul>
        </div>

        {% if (desistimiento.estado == 'Borrador') %}
            <button type="button" class="btn convocatoria darken-2 waves-effect waves-light right col l2 modalTerritorialidad" style="margin-top:2%; margin-bottom:2%;"
            name="action" data-url="{{path('desistimiento_new_cargo', { 'idView': desistimiento.idView }) }}">
                <i class="material-icons medium right"> add </i>
                Agregar Cargo
            </button>
        {% endif %}

        {# Detalles #}
        <div class="col s12 l12">
            {% if detalles|length > 0 %}
                <table class="highlight centered" id="tablaDetalles">
                    <thead>
                    <tr>
                        <th>Fecha de Exámen</th>
                        <th> Cargo </th>
                        <th> Territorialidad </th>
                        <th> Acciones </th>
                        </tr>
                    </thead>
                    <tbody> 
                        {% for detalle in detalles %}
                            <tr>
                                <td class="hide-on-small-only">{{detalle.examinando.tomaExamenFecha.fecha|date('d/m/Y H:i')}}</td>
                                <td> 
                                    {% if detalle.cargoExcepcional %}
                                        {{detalle.cargoExcepcional}}
                                        {% set cargo = detalle.cargoExcepcional %}
                                    {% else %}
                                        {% if detalle.cargo1 %}
                                            {{detalle.cargo1}}
                                            {% set cargo = detalle.cargo1 %}

                                        {% endif %}
                                        {% if detalle.cargo2 %}
                                            {{detalle.cargo2}}
                                            {% set cargo = detalle.cargo2 %}
                                        {% endif %}
                                    {% endif %}
                                </td>
                                <td class="hide-on-small-only"> 
                                    {% if cargo.alcanceProvincial %}
                                        Provincia de Buenos Aires
                                    {% else %}                                                
                                        {{ (detalle.territorialidadTotal) ? 'Total &nbsp;' : 'Parcial &nbsp;' }}
                                        <button type="button" class="waves-effect waves-light modalTerritorialidad tooltipped" style="margin-bottom:2%;background-color: transparent; border: none;" name="action"
                                            data-position="top" data-tooltip="Ver territorios" data-url="{{path('detalle_modalTerritorios', { 'idView': detalle.idView }) }}">
                                            <i class="material-icons small">
                                                visibility
                                            </i>
                                        </button>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if (desistimiento.estado == 'Borrador') %}
                                        {% if (cargo.alcanceProvincial) %}
                                            -
                                        {% else %}
                                            <button type="button" class="btn-floating identidad-color darken-2 modalAgregarTerritorialidad tooltipped" name="action"
                                                data-position="top" data-tooltip="Editar territorialidad" data-url="{{path('desistimiento_detalle_edit', { 'idView': detalle.idView }) }}">
                                                <i class="material-icons small">
                                                    edit
                                                </i>
                                            </button>   
                                        {% endif %}
                                        {% if (detalles|length > 1) %}
                                            <a class="btn-floating red tooltipped" type="button" onclick="clickEliminar(event)"  id="deleteDetalle"
                                            data-position="top" data-tooltip="Eliminar cargo" data-url="{{path('desistimiento_detalle_delete', {'idView': detalle.idView}) }}">
                                                <i class="material-icons small">
                                                    delete
                                                </i>
                                            </a> 
                                        {% endif %}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                
                            </tr>
                        {% endfor %}
                    </tbody>
                </table> 
            {% else %}
                <div class="col s12 m12 l12">
                    <div class="card">
                        <div class="card-content">
                            <h6 class="center"> No hay detalles cargados.</h6>
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>
    </div>

    <a class="btn waves-effect waves-light left-align" style="margin-top:3%;" href="{{ path('desistimientos_index_limpiar')}}">Volver a Listado
        <i class="material-icons right">undo</i>
    </a>
{% endblock %}

{% block dialogos_modales %}
    <div id="modalTerritorialidad" class="modal">
        <div class="modal-content"> 
           {# Contenido del Modal #}
        </div>
    </div>

     <div id="modalAgregarDetalle" class="modal">
        <div class="modal-content">
           {# Contenido del Modal #}
        </div>
    </div>

    <div id="modalAgregarTerritorialidad" class="modal">
        <div class="modal-content">
            {# Contenido del Modal #}
        </div>
    </div>
    
{% endblock %}