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

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

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

    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.5.0/css/responsive.bootstrap5.min.css">

{% 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-pen fs-3"></i>
            </div>
            <h2 class="fw-bold text-dark mb-0">Expediente {{ expediente.codigo }}</h2>
        </div>
    </div>

    {{ form_start(form) }}

    {% include 'expediente/_form.html.twig' with { form: form, expediente: expediente } %}

    {{ form_end(form) }}

    {# ------------------------------------------------------------- #}
    {#  A PARTIR DE AQUÍ YA ESTAMOS FUERA DEL FORMULARIO PRINCIPAL    #}
    {# ------------------------------------------------------------- #}

    {# -------------------------------------------------------------- #}
    {# SECCIÓN DEL ÚLTIMO REGISTRO LEGAL (FUERA DEL FORM PRINCIPAL) #}
    {# -------------------------------------------------------------- #}    
    {% if ultimoAmbito is defined and ultimoAmbito and formUltimo is defined %}
        <div class="d-none mt-5" id="wrapFormUltimoAmbitoLegal">
            {% include 'ambito_legal/_form_ultimo.html.twig' with {
                formUltimo: formUltimo,
                ultimoAmbito: ultimoAmbito
            } %}
        </div>
    {% endif %}

    {# MODAL GLOBAL (fuera del form) #}
    {% include 'expediente/_valoracion_modal.html.twig' %}
    {% include 'expediente/_valoracion_modal_eliminar.html.twig' %}
    {% include 'ambito_legal/_modal.html.twig' %}

    <a href="{{ path('expediente_pdf', { id: expediente.id }) }}"
    class="btn btn-orange fw-bold">
        <i class="fa-solid fa-file-pdf me-2"></i>
        Descargar informe PDF
    </a>
    <a href="{{ path('app_expediente_index') }}" class="btn btn-primary fw-bold">
        <i class="fa-solid fa-arrow-left me-2"></i> Volver al listado
    </a>
</div>
{% endblock %}

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

    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.5.0/js/dataTables.responsive.min.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.5.0/js/responsive.bootstrap5.min.js"></script>
    <script src="https://cdn.datatables.net/plug-ins/1.13.6/sorting/datetime-moment.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <script src="/assets/js/expediente.js"></script>

{% endblock %}