{% extends base %}

{% block body_id 'contacto' %}

    {% block stylesheets %}
        {{ encore_entry_link_tags('contacto') }}

    {% endblock %}
{% block contentBody %}

    <div class="jumbotron">
        <div class="row rowForm">
            <div class="col-12">
                <div class="card bg-light">

                    <div class="card-header">
                        <h4 class="card-title">Contacto:</h4>
                    </div>

                    <div class="card-body">
                        <form class="form-horizontal" id="form" method="post">

                            {% block formContacto %}

                                {% include '@GinsaSistema/FormGroup/formGroupInputText.html.twig' with {'name':'nombre','title':'contacto.nombre','titleReq':'contacto.nombreReq', 'icon':'fa-user'} %}
                                {% include '@GinsaSistema/FormGroup/formGroupInputText.html.twig' with {'name':'mail','title':'contacto.email','titleReq':'contacto.emailReq', 'icon':'fa-envelope','dataError':'contacto.emailError'} %}
                                {% include '@GinsaSistema/FormGroup/formGroupInputText.html.twig' with {'name':'mail2','title':'contacto.email2','titleReq':'contacto.emailReq2', 'icon':'fa-envelope','dataError':'contacto.emailError'} %}
                                {% set opciones ={
                                    0:{'NAME':'contacto.opciones.error','VALOR':'error'},
                                    1:{'NAME':'contacto.opciones.pasarela', 'VALOR':'pagos'},
                                    2:{'NAME':'contacto.opciones.sugerencia', 'VALOR':'sugerencia'}
                                } %}
                                {% include '@GinsaSistema/FormGroup/formGroupSelect.html.twig' with {'name':'problema','title':'contacto.problema','opciones':opciones} %}
                                {% include '@GinsaSistema/FormGroup/formGroupInputText.html.twig' with {'name':'asunto','title':'contacto.asunto','titleReq':'contacto.asuntoReq', 'icon':'fa-pen'} %}
                                {% include '@GinsaSistema/FormGroup/formGroupTextArea.html.twig' with {'name':'mensaje','title':'contacto.mensaje','titleReq':'contacto.mensajeReq'} %}
                                {% include '@GinsaSistema/FormGroup/formGroupCheck.html.twig' with {'name':'aceptPolit','title': 'registro.acepto', 'link':client.getPrivacidad(),'linkTitle': 'registro.privacidad'} %}

                                <div class="alert alert-dismissible alert-danger" id="errorMails">
                                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                                    <div>{{ 'registro.checkMailsError'|trans }}</div>
                                </div>
                                <div class="alert alert-dismissible alert-danger" id="errorPolitic">
                                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                                    <div>{{ 'registro.privacidadReq'|trans }}</div>
                                </div>

                                <input id="ptAsinc" type="hidden"
                                       value="{{ path('ginsa_sistema_enviarMailContacto') }}">
                                <button type="button" id="send"
                                        class="btn btn-primary">
                                    <i class="fa fa-paper-plane"></i>
                                    {{ 'contacto.enviar'|trans }}
                                </button>
                            {% endblock %}
                        </form>
                    </div>

                </div>
            </div>
        </div>

        <div class="row rowSend">
            <div class="col-sm-12">

                <div class="alert alert-dismissible alert-light">
                    <div>{{ 'contacto.men'|trans }}.</div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}


{% block javascripts %}
    {{ encore_entry_script_tags('contacto') }}
{% endblock %}