{% extends "web/layout.html.twig" %}
{% block meta %}
    <title>{{ title }}</title>
    <meta name="description" content="{{ description }}" />
    <!-- Schema.org markup -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "url": "{{ url(app.request.attributes.get('_route')) }}"
        }
    </script>
    <link rel="alternate" hreflang="ca" href="{{ url(app.request.attributes.get('_route') , {_locale: 'ca'}) }}" />
    <link rel="alternate" hreflang="en" href="{{ url(app.request.attributes.get('_route') , {_locale: 'en'}) }}" />
    <link rel="alternate" hreflang="es" href="{{ url(app.request.attributes.get('_route') , {_locale: 'es'}) }}" />
    <!-- Twitter Card data -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="{{ title }}">
    <meta name="twitter:description" content="{{ description }}">
    <meta name="twitter:image" content="{{ absolute_url(asset('/build/images/web/logo-header-mobile.png') ) }}">
    <!-- Open Graph data -->
    <meta property="og:title" content="{{ title }}" />
    <meta property="og:url" content="{{ url(app.request.attributes.get('_route') ) }}">
    <meta name="og:image" content="{{ absolute_url(asset('/build/images/web/logo-header-mobile.png') ) }}">
    <meta property="og:description" content="{{ description }}" />
    <meta property="og:site_name" content="Justicialistas" />
{% endblock %}
{% block content %}
    <section class="store-container">
        <div class="row">
            <section class="breadcrumb-container">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-12 title-container">
                            <h6>
                                <a href="{{ path("web_home") }}">{{ 'us.inicio'|trans({}, 'us') }}</a> >
                                {{ 'menu.contact'|trans({}, 'layout') }}
                            </h6>
                        </div>
                    </div>
                </div>
            </section>
            <section class="section-4 reveal">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-lg-7">
                            <h1>{{ 'menu.contact'|trans({}, 'layout') }}</h1>
                        </div>
                    </div>
                </div>
            </section>
            <section class="section-4">
                <div class="container">
                    {% for message in app.flashes('websuccess') %}<div class="alert alert-success">{{ message }}</div>{% endfor %}
                    {{ form_start(form, {attr: {class: 'contact-form' }}) }}
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ form_label(form.name) }}
                                    {{ form_widget(form.name, {attr: {class: 'form-control', autocomplete: 'off' }}) }}
                                    <span class="error-block">{{ form_errors(form.name) }}</span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ form_label(form.lastname) }}
                                    {{ form_widget(form.lastname, {attr: {class: 'form-control', autocomplete: 'off' }}) }}
                                    <span class="error-block">{{ form_errors(form.lastname) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ form_label(form.email) }}
                                    {{ form_widget(form.email, {attr: {class: 'form-control', autocomplete: 'off' }}) }}
                                    <span class="error-block">{{ form_errors(form.email) }}</span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ form_label(form.phone) }}
                                    {{ form_widget(form.phone, {attr: {class: 'form-control', autocomplete: 'off' }}) }}
                                    <span class="error-block">{{ form_errors(form.phone) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    {{ form_label(form.consult) }}
                                    {{ form_widget(form.consult, {attr: {class: 'form-control', autocomplete: 'off' }}) }}
                                    <span class="error-block">{{ form_errors(form.consult) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-12 container-social-contact">
                                <p>Seguinos en nuestras Redes</p>
                            </div>
                            <div class="col-6 container-social-contact">
                                <a href="https://www.facebook.com/justicialistas/?locale=es_LA" target="_blank" class="just-button space-der"><i class="icon-bxl-facebook"></i></a>
                                <a href="https://www.instagram.com/justicialistas/?hl=es" target="_blank" class="just-button"><i class="icon-bxl-instagram-1"></i></a>
                            </div>
                            <div class="col-6 container-social-contact text-right vertical-button">
                                <button type="submit" class="btn btn-contact">Enviar Consulta</button>
                            </div>
                        </div>
                    </div>
                {{ form_end(form) }}
            </section>
        </div>
    </section>
{% endblock %}