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

{% block dashboardHome %}

 <div class="col-3">
        <a href="{{ path('admin_configuration') }}" class="btn btn-warning mt-4" style="color: #fcfcfc;"><i class="fa-solid fa-arrow-left"></i> Atrás</a>
    </div>

    <div class="col-6">
        
        <div class="row">
            <div class="col-3"></div>
             
            <div class="col-6 mt-4">

                <h3 class="ms-5 mt-2">Creando una nueva opción </h3>
                <div class="border bg-white shadow-sm rounded mt-4">
                    {{ form_start(form_add) }}

                        <div class="my-3 mx-2 px-4">
                            {{ form_label(form_add.name, 'Nombre de la opción', {
                                'label_attr': {'class': 'form-label', 'for':'inputName'}
                            }) }}
                            
                            {{ form_widget(form_add.name, {
                                'attr': {'class': 'form-control required', 'id':'inputName'}
                            }) }}

                            {{ form_label(form_add.value, 'Valor de la opción', {
                                'label_attr': {'class': 'form-label mt-4', 'for':'inputValue'}
                            }) }}
                            
                            {{ form_widget(form_add.value, {
                                'attr': {'class': 'form-control required', 'id':'inputValue'}
                            }) }}

                            {{ form_widget(form_add.guardar, {
                                'attr': {'class': 'btn btn-primary mt-4'}
                            }) }}

                        </div>

                    {{ form_end(form_add) }}
                <div>
            </div>

            <div class="col-3"></div>
        </div>
    </div>

    <div class="col-3"></div>

{% endblock %}