{% extends "@index/base.html.twig" %}

{# VARS IN BASE TEMPLATE #}
{% set title = 'Contacto' %}
{% set keywords = null %}
{% set description = 'Media Kit' %}
{% set canonical = null %}
{% set next = null %}
{% set prev = null %}
{% set noindex = false %}
{% set page_id = 'contact' %}

{# BLOCKS IN BASE TEMPLATE #}
{% block stylesheet %}{{ parent() }}{% endblock %}
{% block headjavascript %}{{ parent() }}{% endblock %}
{% block javascript %}{{ parent() }}{% endblock %}
{% block debugBar %}{{ parent() }}{% endblock %}
{% block analytics %}{{ parent() }}{% endblock %}

{# VARS IN DEFAULT BASE TEMPLATE #}
{% set oneColumn = true %} {# oneColumn, twoColumn, threeColumn #}

{# BLOCKS IN DEFAULT BASE TEMPLATE #}
{% block debugContent %}{% endblock %}
{% block bannerback %}{{ parent() }}{% endblock %}
{% block header %}{{ parent() }}{% endblock %} {# blocks in: logo, userMenu, mainmenu, lang, cart #}
{#{% block main %}{{ parent() }}{% endblock %}#} {# blocks in: slider, breadCrumbs (bread), oneOne, twoOne, twoTwo, threeOne, threeTwo, threeThree #}
{% block footer %}{{ parent() }}{% endblock %} {# blocks in: footerContent #}
{% block absolute %}{{ parent() }}{% endblock %}

{% block breadCrumbs %}{% endblock breadCrumbs %}

{% block oneOne %}  

    <h2>{{ trans('Contacta con nosotros y te informaremos') }}</h2>
    
    <p style="text-align:center">        
       {{ trans('Completa el formulario')|raw }}
    </p>
    
    {% if captchaError %}
        <p class="captchaError">
            {{ trans('El código de la imagen que has introducido no es correcto') }}
        </p>
    {% endif %}    
    
    <form method="post" name="contactForm" action="{{ url('contact') }}" class="form">

        <fieldset>
            <label>{{ trans('Teléfono') }}</label>
            <input 
                type="text" 
                name="phone" 
                data-required="num-range" 
                data-required-text="{{ trans('El teléfono es obligatorio y sólo puede contener números entre 3 y 10 cifras') }}"
                data-required-min="3"
                data-required-max="10"
                />         
                <p>
                    {{ trans('Introduce tu teléfono y te llamamos enseguida') }}
                </p>            
        </fieldset>         
        <fieldset>
            <label>Email</label>
            <input 
                type="text" 
                name="email" 
                data-required="email"
                data-required-text="{{ trans('El email no puede estar vacío y debe corresponder con una dirección real') }}"
                />
                <p>
                    {{ trans('Nos pondremos en contacto contigo mediante esta dirección') }}
                </p>
        </fieldset>  
        <fieldset>
            <label>{{ trans('Canal') }}</label>
            <select name="canal">
                <option value="">{{ trans('Selecciona un canal') }}...</option>
                {% for c in canales %}
                    <option 
                        value="{{ c.id }}"
                        {{ canal == c.id ? 'selected="selected"' : '' }}
                        >    
                        {{ attribute(c, 'name_'~SESSION.lang ) }}
                    </option>
                {% endfor %}
                <option value="0">{{ trans('Todos') }}</option>
            </select>
            <p>
                {{ trans('Indica que canal te interesa') }}
            </p>            
        </fieldset>         
        <fieldset>
            <label>{{ trans('Comentarios') }}</label>
            <textarea name="consultation"></textarea>
        </fieldset>         
        <fieldset>
            <label>{{ trans('Escribe el número') }}</label>
            <input name="captcha" type="text">
            <img src="{{ url("contact-captcha") }}" />
            <p>
                {{ trans('Queremos comprobar que eres una persona') }}
            </p> 
        </fieldset>  
        <fieldset>
            <input style="margin:0;" type="submit" value="{{ trans('Contactar') }}" class="button bBlueFade" />
        </fieldset>
    </form>

{% endblock oneOne %}