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

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

{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a href="{{ path('main') }}">Inicio</a></li>
        <li><a href="{{ path('gestion_informes_psicologicos_index') }}">Gestión de Informes Psicológicos</a></li>
        <li><a class="active">Informe Psicológico</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">assignment_ind</i>
      <h4 style="margin-top: 12px;">Informe Psicológico 
      {% if informe.fechaRecepcion %}
        <small>
          Fecha de Recepción: {{informe.fechaRecepcion|format_datetime('full', 'none', locale='es_AR')}}
        </small>
      {% endif %}
    </div>
  </div>
{% endblock %}

{% block body %}
  {% set presentacion = informe.presentacionAntecedentes %}
  <br>
  <ul class="collapsible popout">
    <li class="active">
      <div class="collapsible-header" tabindex="0" style="pointer-events:none"> 
              <i class="material-icons identidad-color-text">person</i>Datos Personales: {{ presentacion.datosPersonales.nombres }} {{presentacion.datosPersonales.apellidos}}</div>
      <div class="collapsible-body" style="display: block;">
        <div class="row">  <h5>{{ presentacion.datosPersonales.nombres }} {{presentacion.datosPersonales.apellidos}}</h5></div>
        <div class="row">
          <div class="col col s12 l3 m3">
            <div class="card">
              <div class="card-image">
                <img src="{{ asset(informe.presentacionAntecedentes.idView ~ '/400', 'ria_fotos') }}">
                <span class="card-title">{{presentacion.datosPersonales.nombres}} {{presentacion.datosPersonales.apellidos}}</span>
              </div>
              <div class="card-content">
              </div>
            </div>
          </div>
          <div class="col s12 l9 m9">
              <div class="row">
                <div class=" col s12 l6 m6">
                  <blockquote>
                    <p>DNI {{presentacion.datosPersonales.dni}} - 
                    {% if presentacion.datosPersonales.genero == 'F' %}
                        {{ 'Femenino' }}
                    {% elseif presentacion.datosPersonales.genero == 'M' %}
                        {{ 'Masculino' }}
                    {% else %}
                        {{ 'Género: Otros' }}
                    {% endif %}</p>
                    <p>Nacimiento: {{ presentacion.datosPersonales.fechaNacimiento ? presentacion.datosPersonales.fechaNacimiento|date('d/m/Y') ~ ' - ' : '--' }}
                      {{ presentacion.datosPersonales.nacionalidad ? presentacion.datosPersonales.nacionalidad|title : '--' }}</p>
                    <p><strong>Domicilio actual:</strong>  {{ presentacion.datosPersonales.domCalle ? presentacion.datosPersonales.domCalle: '--' }}
                      nro {{ presentacion.datosPersonales.domNumero ? presentacion.datosPersonales.domNumero : '--' }}, 
                      {{ presentacion.datosPersonales.domLocalidad ? presentacion.datosPersonales.domLocalidad|title : '--' }}
                      ({{ presentacion.datosPersonales.domCodigoPostal }}),
                      Prov. de {{ presentacion.datosPersonales.domLocalidad ? presentacion.datosPersonales.domProvincia : '--' }} </p>
                    <h6>Fecha de Entrevista: {{informe.fechaEntrevista|format_datetime('full', 'none', locale='es_AR')}}</h6>
                    <p>Psicológo: {{informe.evaluador ? informe.evaluador.persona.nombres ~ " " ~ informe.evaluador.persona.apellidos : "--"}}</p>
                    <p>
                      {% if presentacion.datosPersonales.email %}
                        <a href="mailto:{{ presentacion.datosPersonales.email}}">{{ presentacion.datosPersonales.email}}</a>
                      {% else %}
                        <a href="!#">--</a>
                      {% endif %}
                    </p>
                    <p>
                      {% if presentacion.datosPersonales.telefono %}
                        <a href="tel:{{ presentacion.datosPersonales.telefono}}">{{ presentacion.datosPersonales.telefono}}</a>
                      {% else %}
                        <a href="!#">--</a>
                      {% endif %}
                    </p>
                  </blockquote>
                </div>
                <div class="col l6 m6 s12">
                  <div class="card-content">
                    <h5>Cargos para los que se entrevistó</h5>
                    <ul class="collection mb-0" >
                      {% for detalle in informe.detalles | sort((a, b) => a.cargo.nombre <=> b.cargo.nombre) %}
                        <li class="collection-item avatar list-file" style="display: flex;align-items: center;">
                          <i class="material-icons circle ">chevron_right</i>
                          <span class="font-weight-600" style="color:var(--cdlmag-oscuro)">{{detalle.cargo.nombre}}</span>
                          {% if detalle.resultado %}
                              {% set class_color = constant('App\\Entity\\Informes\\DetalleInformePsicologico::VIEW_OPCIONES')[detalle.resultado]['show_class'] %}
                              <span class = "badge {{ class_color }}" style="min-width: max-content;">
                                {{ constant('App\\Entity\\Informes\\DetalleInformePsicologico::VIEW_OPCIONES')[detalle.resultado]['show_name'] }}
                              </span>
                            {% else %}
                              <span class="" style="min-width: max-content; margin-left: 1rem;">
                                  En Espera
                              </span>
                            {% endif %}
                        </li>
                      {% else %}
                        <h6>No hay cargos</h5>
                      {% endfor %}
                    </ul>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col m12">
                  <p> Observaciones: {{informe.observaciones}}</p>
                </div>
              </div>
          </div>
        </div>
      </div>
    </li>
  </ul>
  <a class="btn identidad-color darken-2 waves-effect waves-light" href="{{ path('gestion_informes_psicologicos_index') }}">
      Volver al listado <i class="material-icons right">undo</i>
  </a>

  {% 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('gestion_informes_psicologicos_delete', { 'idView': informe.idView }) }}" onclick="clickEliminarInforme(event)" title="Eliminar Informe">
      Eliminar Informe <i class="material-icons">delete</i>
    </a>
  {% endif %}

{% endblock %}