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


{% block js_document_ready %}

	$('#datatable').dataTable({
        filter : false,
        language: {
            "url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json"
        },
        aLengthMenu: "",
        bAutoWidth: false,
        "columns": [
            { 
                "data": "foto",
                render: function(data, type, row, meta) {
                    if (type === 'display') {
                        foto = [
                            '<img src="',
                            data,
                            '" alt="" class="circle small" style="height: 50px; width: 50px;">',
                        ].join('');
                        return foto;
                    }
                    return data;
                },
            },
            { "data": "dni" },
            { "data": "nombre_apellido" },
			{ "data": "acciones",
                render: function(data, type, row, meta) {
                    if (type === 'display') {
						if(data['urlSeleccionar'] != null)
                        {
							$botones = [
                            ' <a href="',
                            data['urlSeleccionar'],
                            '" class="btn-floating btn-flat identidad-color darken-2" title="Seleccionar">',
                            '<i class="material-icons">note_add</i>',
                            '</a> '
                        	].join('');
						}
						else
						{
							$botones = [
                            ' <a href="',
                            data['urlSeleccionar'],
                            '" class="btn-floating identidad-color" disabled title="Seleccionar">',
                            '<i class="material-icons">note_add</i>',
                            '</a> '
                        	].join('')
						}
                        return $botones;
                    }
                    return data;
                },
			},
        ],
        order: [[ 2, 'asc' ]],
        columnDefs: [
            // These are the column name variables that will be sent to the server
             { 
                "name": "foto", 
                "searchable": false, 
                "orderable": false, 
                "targets": 0 
            },
            { 
                "name": "dp.dni",   
                "targets": 1 
            },
            { 
                "name": "dp.apellidos",   
                "targets": 2
            },
			{ 
                "name": "accion",   
                "searchable": false, 
                "orderable": false, 
                "targets": 3
            },
        ],
        "displayStart": {{ informe == 'psiquiatrico' ? (app.session.get(constant('App\\Controller\\Ria\\PresentacionAntecedentesController::FORM_CONSULTA_PRESENTACIONES_PSIQUIATRICOS_START')) ?? 0) :
			(app.session.get(constant('App\\Controller\\Ria\\PresentacionAntecedentesController::FORM_CONSULTA_PRESENTACIONES_PSICOLOGICOS_START')) ?? 0) }},
		{# "displayStart": {{ app.session.get(constant('App\\Controller\\Ria\\PresentacionAntecedentesController::FORM_CONSULTA_PRESENTACIONES_START')) ?? 0 }}, #}
        serverSide: true,
        processing: true,
        ajax: {
            url: '{{ path('presentaciones_datos', {informe: informe}) }}',
            type: 'POST'
        }
		{# ,
		fnDrawCallback: function( oSettings ) {
			// Ocultar columnas si no esta seteada el numero de acta
			$('#datatable tbody tr').each(function() {
				var fechaCell1 = $(this).find('td:eq(3)'); // Columna del resultado en la tabla
				fechaCell1.hide();
			});
		} #}
    });

    // the "href" attribute of the modal trigger must specify the modal ID that wants to be triggered
    $('select').formSelect();
    //var select = $('select');
	
	$('.limpiar').click(function(){
        $("input[type=text]").val("");
        form.submit();
    }); 

{% endblock %}


{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a href="#">Inicio</a></li>
		{% if informe == 'psicologico' %}
			<li><a href="{{ path('gestion_informes_psicologicos_index') }}">Gestión de Informes Psicológicos</a></li>
		{% elseif informe == 'psiquiatrico' %}
			<li><a href="{{ path('gestion_informes_psiquiatricos_index') }}">Gestión de Informes Psiquiátricos</a></li>
		{% endif %}
        <li><a class="active" href="#">Selección de Persona</a></li>
    </ol>
{% endblock %}


{% block titulo_body %}

    <div class="row hide-on-small-only">
		<div class="col s12">
			<i class="material-icons  medium left identidad-color-text text-darken-2">
				history_edu
			</i>
			<h4> Selección de Persona </h4>
		</div>
    </div>

{% endblock %}


{% block body %}
	{# <div class="row">
		<div class="col s6">
			<div class="col s6"><p> 
				<i class="material-icons identidad-color-text">place</i> </p>
			</div>
			<div class="col s6">
				<p> <i class="material-icons identidad-color-text">description</i> 
				</p>
			</div>
			<div class="col s12">&nbsp;</div>
		</div>
	</div> #}
	<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">
								<button id="boton" class="limpiar btn orange darken-2 waves-effect waves-light col s12" type="" >Limpiar<i class="material-icons right">close</i></button>
							</div>
						{% endif %}
					{{ form_end(form) }}
				</div>
			</div>
		</div>
	<div class="row">
		<div class="col s12">
			<table id="datatable" class= "responsive-table highlight centered">
				<thead>
					<tr>
					<th></th>
					<th class="hide-on-small-only">DNI</th>
					<th>Apellido y Nombre</th>
					<th> </th>
					</tr>
				</thead>
				<tbody>
						<tr>
						<td class="hide-on-small-only"></td>
						<td class="hide-on-small-only"></td>
						<td> </td>
						<td> </td>
						</tr>
				</tbody>
			</table>
		</div>
	</div>

{% endblock %}

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