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

{% block title %}Nuevo expediente | 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-circle-plus fs-3"></i>
            </div>
            <h2 class="fw-bold text-dark mb-0">Nuevo expediente</h2>
        </div>

        <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>

    {{ form_start(form) }}
    {% if not form.vars.valid %}
    <div class="alert alert-danger">
        <ul>
        {% for child in form %}
            {% for error in child.vars.errors %}
                <li><strong>{{ child.vars.name }}:</strong> {{ error.message }}</li>
            {% endfor %}
        {% endfor %}

        {% for error in form.vars.errors %}
            <li>{{ error.message }}</li>
        {% endfor %}
        </ul>
    </div>
{% endif %}


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

    {{ form_end(form)}}

</div>
{% endblock %}

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

    <script src="/assets/js/expediente.js"></script>
    
{% endblock %}