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

{% block stylesheets %}
    {{ encore_entry_link_tags('admin-solicitud-crear') }}
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('admin-solicitud-crear') }}
{% endblock %}

{% block body %}
    <h1>Crear nueva solicitud</h1>

    {% if not hasTerceros %}
        <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
            <symbol id="exclamation-triangle-fill" fill="currentColor" viewBox="0 0 16 16">
                <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
            </symbol>
        </svg>
        <div class="alert alert-warning d-flex align-items-center" role="alert">
            <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Warning:">
                <use xlink:href="#exclamation-triangle-fill"/>
            </svg>
            <div class="ms-3">
                En este momento no existen {{ configuracion.tercero.namePlural }} disponibles para crear solicitud.
                Solo a {{ configuracion.tercero.namePlural }} que no tengan solicitudes pendientes pueden crearse nuevas solicitudes <br>
                Puede eliminar solicitudes a los {{ configuracion.tercero.namePlural }} deseados para crear nuevas solicitudes.
            </div>
        </div>
    {% endif %}

    <form method="POST" novalidate>
        <div class="row">
            <div class="col-md-12 mb-3">
                <twig:Formulario:Label for="tercerosSelect" :required="true">
                    {{ configuracion.tercero.ucfName }}
                </twig:Formulario:Label>

                <div class="terceros-select-container">
                    <twig:Formulario:AjaxSelect name="terceros" id="tercerosSelect" class="terceros-select"
                                                route="app_admin_solicitud_crear_list_terceros"
                                                :multiple="true" :showErrores="false" />
                    <span class="border-end mx-2"></span>
                    <twig:Formulario:CheckboxButton id="tercerosTodos" name="tercerosTodos" class="btn-outline-primary terceros-todos-label">
                        Seleccionar todos
                    </twig:Formulario:CheckboxButton>
                </div>
                <twig:Form:InvalidFeedback name="terceros" />
            </div>

            <fieldset class="col-md-12 mb-3">
                <legend class="col-form-label">Pasos</legend>
                {% for label, value in pasosChoices %}
                    <twig:Formulario:Checkbox value="{{ value }}" :defaultChecked="true" name="pasos[]">
                        {{ outerScope.label }}
                    </twig:Formulario:Checkbox>
                {% endfor %}
                <twig:Form:InvalidFeedback name="pasos" />
            </fieldset>
        </div>
        <hr>
        <div class="row mb-5">
            <fieldset class="col-12 col-md-6">
                <legend class="col-form-label">Notificación</legend>
                <twig:Formulario:BinaryButton name="notificacion" defaultChecked="1" />
                <div class="form-text mb-0 help-text">
                    Notificar a los usuarios la creación de las solicitudes via correo
                </div>
            </fieldset>
            <fieldset class="col-12 col-md-6">
                <legend class="col-form-label">Solicitud en blanco</legend>
                <twig:Formulario:BinaryButton name="enBlanco" defaultChecked="1" />
                <div class="form-text mb-0 help-text">
                    Todos los campos vacíos, obligando al usuario a completar toda la información de nuevo
                </div>
            </fieldset>
        </div>

        <div class="row">
            <div class="col text-center">
                <a class="btn btn-gray" href="{{ path('app_admin_solicitud_list') }}">
                    {% if not hasTerceros %}Volver{% else %}Cancelar{% endif %}
                </a>
                {% if hasTerceros %}
                    <button type="submit" class="btn btn-primary" data-action="app#loading">
                        Crear
                    </button>
                {% endif %}
            </div>
        </div>
    </form>

    {% if process %}
        {% include 'partials/modal/_modal-progress.html.twig' with {'attrs': {
            'data-process-url': path('app_admin_execute_process_get', {id: process.id}),
            'data-process-success-url': path('app_admin_execute_process_success_message', {id: process.id, route: 'app_admin_solicitud_list'})
        }} %}
    {% endif %}
{% endblock %}