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

{% block title %}Expediente {{ expediente.codigo }} | Bizkai Sida{% endblock %}

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


{% block body %}

<div class="section-box">

    <!-- HEADER -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div class="d-flex align-items-center">
            <div class="page-title-icon">
                <i class="fa-solid fa-file fs-3"></i>
            </div>
            <h2 class="fw-bold text-dark mb-0">Expediente {{ expediente.codigo }}</h2>
        </div>

        <a href="{{ path('app_expediente_index') }}" class="btn btn-light fw-bold">
            <i class="fa-solid fa-arrow-left me-2"></i> Volver
        </a>
    </div>

    <!-- TABS -->
    <ul class="nav nav-pills bizka-tabs mb-4">
        <li class="nav-item">
            <a class="nav-link active" data-bs-toggle="tab" href="#tabDatos">
                Datos iniciales
            </a>
        </li>

        <li class="nav-item">
            <a class="nav-link" data-bs-toggle="tab" href="#tabValoraciones">
                Valoraciones exclusión
            </a>
        </li>
    </ul>

    <div class="tab-content">

        <!-- ===================
             TAB DATOS INICIALES
             =================== -->
        <div id="tabDatos" class="tab-pane fade show active">

            <!-- Persona -->
            <h4 class="form-section-title mt-2">Datos de la persona</h4>

            <div class="row">

                <div class="col-md-4">
                    <div class="field-label">Nombre</div>
                    <div class="field-value">{{ expediente.persona.nombre }}</div>
                </div>

                <div class="col-md-4">
                    <div class="field-label">Apellidos</div>
                    <div class="field-value">{{ expediente.persona.apellidos }}</div>
                </div>

                <div class="col-md-4">
                    <div class="field-label">Género</div>
                    <div class="field-value">{{ expediente.persona.genero }}</div>
                </div>

                <div class="col-md-4">
                    <div class="field-label">Fecha nacimiento</div>
                    <div class="field-value">
                        {{ expediente.persona.fechaNacimiento ? expediente.persona.fechaNacimiento|date('d/m/Y') : '—' }}
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="field-label">Procedencia</div>
                    <div class="field-value">
                        {{ expediente.persona.procedencia ? expediente.persona.procedencia.nombre : '—' }}
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="field-label">Región de nacimiento</div>
                    <div class="field-value">
                        {{ expediente.persona.regionNacimiento ? expediente.persona.regionNacimiento.nombre : '—' }}
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="field-label">Lugar de nacimiento</div>
                    <div class="field-value">{{ expediente.persona.lugarNacimiento ?: '—' }}</div>
                </div>

                <div class="col-md-6">
                    <div class="field-label">Teléfono</div>
                    <div class="field-value">{{ expediente.persona.telefono ?: '—' }}</div>
                </div>
            </div>

            <!-- Expediente -->
            <h4 class="form-section-title mt-5">Datos del expediente</h4>

            <div class="row">
                <div class="col-md-3">
                    <div class="field-label">Código</div>
                    <div class="field-value">{{ expediente.codigo }}</div>
                </div>

                <div class="col-md-3">
                    <div class="field-label">Fecha entrada</div>
                    <div class="field-value">
                        {{ expediente.fechaEntrada|date('d/m/Y') }}
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="field-label">Fecha cierre</div>
                    <div class="field-value">
                        {{ expediente.fechaCierre ? expediente.fechaCierre|date('d/m/Y') : '—' }}
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="field-label">Motivo cierre</div>
                    <div class="field-value">{{ expediente.motivoCierre ?: '—' }}</div>
                </div>

                <div class="col-md-4">
                    <div class="field-label">Estado serológico</div>
                    <div class="field-value">{{ expediente.estadoSerologico }}</div>
                </div>

                <div class="col-md-4">
                    <div class="field-label">Situación vivienda</div>
                    <div class="field-value">{{ expediente.situacionVivienda }}</div>
                </div>

                <div class="col-md-4">
                    <div class="field-label">Domiciliado en EKINEZ</div>
                    <div class="field-value">
                        {% if expediente.domiciliadoEkinez == true %} Sí
                        {% elseif expediente.domiciliadoEkinez == false %} No
                        {% else %} No consta {% endif %}
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="field-label">Consentimiento datos</div>
                    <div class="field-value">
                        {% if expediente.consentimientoDatos == true %} Sí
                        {% elseif expediente.consentimientoDatos == false %} No
                        {% else %} No consta {% endif %}
                    </div>
                </div>
            </div>

        </div>

        <!-- ==========================
             TAB VALORACIONES
             ========================== -->
        <div id="tabValoraciones" class="tab-pane fade">

            <h4 class="form-section-title mt-2">Valoraciones exclusión</h4>

            <div class="table-responsive">
                <table class="table table-bizka align-middle">
                    <thead>
                        <tr>
                            <th>Fecha</th>
                            <th>Estado</th>
                            <th>Creado por</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for v in expediente.valoracionesExclusion %}
                        <tr>
                            <td>{{ v.fecha ? v.fecha|date('d/m/Y') : '—' }}</td>
                            <td>{{ v.estado }}</td>
                            <td>
                                {{ v.creadoPor 
                                    ? v.creadoPor.firstName ~ ' ' ~ v.creadoPor.lastName 
                                    : '—' }}
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="3" class="text-center text-muted fst-italic">
                                No hay valoraciones registradas.
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>

        </div>

    </div>

</div>

{% endblock %}