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

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

{% 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 titulo_body %}
<div class="row hide-on-small-only">
    <div class="col s12">
        <i class="material-icons medium left identidad-color-text">edit</i>
        <h4 style="margin-top: 12px;">Editar Psicólogo: {{psicologo.persona.nombres}} {{psicologo.persona.apellidos}}</h4>
    </div>
</div>
{% endblock %}

{% block body %}
<br>
{{ form_start(form) }} 
    <div class="card ">
        <div class="card-content ">
            <span class="card-title">Datos Personales: </span>
            <div class="card">
                <div class="card-content">
                    <div class="row">
                        <div class="col s12 m6 l6">
                            {{ form_row(form.persona.nombres) }}
                        </div>
                        <div class="col s12 m6 l6">
                            {{ form_row(form.persona.dni) }}
                        </div>
                        <div class="col s12 m6 l6">
                            {{ form_row(form.persona.apellidos) }}
                        </div>
                        <div class="col s12 m6 l6">
                            {{ form_row(form.persona.genero) }}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-content">
            <span class="card-title">Direcciones: </span>
            {{ include('bd_personas/direcciones/_form.html.twig', {'direcciones' : form.persona.direcciones}) }}            
        </div>

        <div class="card-content">
            <span class="card-title">Teléfonos: </span>
            <div class="card">
                <div class="card-content">
                    {{ include('bd_personas/telefonos/_form.html.twig', {'telefonos' : form.persona.telefonos}) }}            
                </div>
            </div>
        </div>

        <div class="card-content">
            <span class="card-title">Emails: </span>
            <div class="card">
                <div class="card-content">
                    {{ include('bd_personas/emails/_form.html.twig', {'emails' : form.persona.emails}) }}            
                </div>
            </div>
        </div>
    </div>
        
        <br>
        <div class="row" style="justify-content: space-between;">
            <a class="btn identidad-color darken-2 waves-effect waves-light" href="{{ path('personal_psicologo_index') }}">
                Volver al listado
                <i class="material-icons right">undo</i>
            </a>

            <button class=" btn right identidad-color darken-2 waves-effect waves-light" style="margin-left:2%;">{{ button_label|default('Guardar') }}
                <i class="material-icons right">save</i>
            </button>

            {% if (is_granted(constant('App\\Entity\\PsiConsejoUser::ROLE_INFORMATICA')) or is_granted(constant('App\\Entity\\PsiConsejoUser::ROLE_RESPONSABLE_INFORMES'))) %}
                <a type="button" class="limpiar btn red darken-2 waves-effect right waves-light" data-url="{{ path('personal_psicologo_delete', { 'idView': psicologo.idView }) }}" onclick="clickEliminarPsicologo(event)" title="Eliminar Psicologo">
                    Eliminar Psicólogo  <i class="material-icons">delete</i>
                </a>
            {% endif %}
        </div>
{{ form_end(form) }}
{% endblock %}