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

{% block javascripts_base %}
    function clickEliminarPsicologo(e) {
        $url_eliminar=e.currentTarget.dataset.url;
        debugger;
        swal({
                title: "Eliminar",
                text: "¿Está seguro que quiere eliminar este Psicólogo?",
                icon: "warning",
                buttons: true,
                })
                .then((aceptar) => {
                if (aceptar) {
                    window.location.href = $url_eliminar;                        
                } 
            });
    }
{% endblock %}

{% block js_document_ready %}
    
    $('#datatable').dataTable({
        createdRow: function(row, data, dataIndex) {
            $(row).css({"background-color":"transparent"});
        },
        filter : false,
        language: {
            "url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json"
        },
        aLengthMenu: "",
        bAutoWidth: false,
        "columns": [
            { "data": "nombre_apellido" },
            { "data": "dni" },
            { 
                "data": "acciones" ,
                render: function(data, type, row, meta) {
                    if (type === 'display') {
                        $botones = [
                            ' <a href="',
                            data['ver'],
                            '" class="btn-floating btn-flat identidad-color darken-2" title="Ver Psicólogo">',
                            '<i class="material-icons">visibility</i>',
                            '</a> ',
                             ' <a href="',
                            data['verEvaluaciones'],
                            '" class="btn-floating btn-flat identidad-color darken-2" title="Ver Evaluaciones del Psicólogo">',
                            '<i class="material-icons">work</i>',
                            '</a> ',
                        ].join('');
                        if(data['editar']!=null)
                        {
                            $botones += [
                                '<a href="',
                                data['editar'],
                                '" class="btn-floating btn-flat identidad-color darken-2" title="Editar Psicólogo">',
                                '<i class="material-icons">edit</i>',
                                '</a>',
                            ].join('');
                        } 
                        if(data['eliminar']!=null)
                        {
                            $botones += [
                                ' <a type="button" class="btn-floating btn-flat identidad-color darken-2" data-url="',data['eliminar'],'" onclick="clickEliminarPsicologo(event)" title="Eliminar Psicólogo">',
                                '<i class="material-icons">delete</i>',
                                '</a>',
                            ].join('');
                        }
                        return $botones;
                    }
                    return data;
                },
            },
        ],
        order: [[ 0, 'asc' ]],
        columnDefs: [
            // These are the column name variables that will be sent to the server
            { 
                "name": "per.apellidos",   
                "targets": 0
            },
            { 
                "name": "per.dni",   
                "targets": 1 
            },
            { 
                "searchable": false, 
                "orderable": false,  
                "targets": 2
            },
        ],
        "displayStart": {{ app.session.get(constant('App\\Controller\\Personal\\PsicologoController::FORM_CONSULTA_PSICOLOGO_START')) ?? 0 }},
        serverSide: true,
        processing: true,
        ajax: {
            url: '{{ path('psicologos_datos') }}',
            type: 'POST'
        }
    });

{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}

{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a href="{{ path('main') }}">Inicio</a></li>
        <li><a class="active" href="{{ path('personal_psicologo_index') }}">Listado de Psicólogos</a></li>
    </ol>
{% endblock %}

{% block titulo_body %}

    <div class="row">
        <div class="col s12 l10">
            <i class="material-icons medium left identidad-color-text text-darken-2">list</i>
            <h4 style="margin-top: 12px;">Listado de Psicólogos</h4>
        </div>
    </div>
{% endblock %}


{% block titulo_acciones_body %}
    {% if is_granted(constant('App\\Security\\Voter\\PsicologoVoter::ACCESS_CREATE'), null) %}
        <a href="{{ path('personal_psicologo_new') }}" class="btn convocatoria darken-2 waves-effect waves-light col s12"
            style="margin-top: 12px; float:right">
            <i class="material-icons medium right">add</i>
            <i class="material-icons right">save</i>
            Nuevo Psicólogo
        </a>
    {% endif %}
{% endblock %}

{% block body %}

    <div class="card">
        <div class="card-content">
            <div class="row">
                {{ form_start(form) }}
                    <div class="input-field col s12 m6 l4">
                        {{ form_label(form.textoBusqueda) }}
                        {{ form_widget(form.textoBusqueda) }}
                    </div>
                    <div class="input-field col s12 m2 l2">
                        {{ form_label(form.dni) }}
                        {{ form_widget(form.dni) }}
                    </div>
                    <div class="input-field col m2 s12 l2">
                        <button id="boton" class="btn identidad-color darken-2 waves-effect waves-light col s12" type="submit" >Buscar<i class="material-icons right">search</i></button>
                    </div>
                    {% if form.children | filter(v => (v.vars.name != "_token" and not (v.vars.value == "" or v.vars.value == []))) | length > 0 %}
                        <div class="input-field col m2 s12 l2">
                            <a id="botonLimpiar" href="{{ path('personal_psicologo_limpiar_index') }}"
                                class="limpiar btn orange darken-2 waves-effect waves-light col s12" type="" >
                                    Limpiar<i class="material-icons right">close</i>
                            </a>
                        </div>
                    {% endif %}
                {{ form_end(form) }}
            </div>
        </div>
    </div>
    <br>
    <table id="datatable">
        <thead>
            <tr>
                <th>Apellido y Nombre</th>
                <th>DNI</th>
                <th>Acciones</th>
            </tr>
        </thead>

        <tbody> 
        </tbody>
    </table>

{% endblock %}