{% extends '::web.html.twig' %}

{% block meta %}
    <meta property="description" content="{{ ('')|trans|overflow(150) }}."/>
    <meta property="og:title" content="{{ site_name }} | {{ 'Contacto'|trans }}"/>
    <meta property="og:description" content="{{ ('')|trans|overflow(150) }}"/>
    <meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() }}{{ web_bundle_url ~ 'img/layout/logo.png' }}"/>    
{% endblock %}

{% block content %}

    {{ include('MakuvexPerenniWebBundle:Widgets:header.html.twig', { 'title' : 'Contactanos', 'subtitle' : 'Envianos consultas y sugerencias' }) }}
    
    <div id="fh5co-contact">
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-md-push-1 animate-box">

                    <div class="fh5co-contact-info">
                        <h3>{{ 'Información de Contacto'|trans }}</h3>
                        <ul>
                            <li class="address">Lomas de Zamora, Bs. As</li>
                            <li class="phone"><a href="tel://1135747039">+54 11 3574 7039</a></li>
                            <li class="email"><a href="mailto:info@yoursite.com">info@tazaideas.com</a></li>
                            <li class="url"><a href="http://www.tazaideas.com">www.tazaideas.com</a></li>
                        </ul>
                    </div>

                </div>
                <div class="col-md-6 animate-box">
                    <h3>{{ 'Contactate con Nosotros'|trans }}</h3>
                    <form data-method="post" data-action="{{ path('web_default_submitcontact') }}">
                        <div class="row form-group">
                            <div class="col-md-6">
                                <input type="text" id="fname" name="form[name]" class="form-control" placeholder="{{ 'Nombre'|trans }}">
                            </div>
                            <div class="col-md-6">
                                <input type="text" id="lname" name="form[surname]" class="form-control" placeholder="{{ 'Apellido'|trans }}">
                            </div>
                        </div>

                        <div class="row form-group">
                            <div class="col-md-12">
                                <input type="text" id="email" name="form[email]" class="form-control" placeholder="{{ 'Correo electrónico'|trans }}">
                            </div>
                        </div>

                        <div class="row form-group">
                            <div class="col-md-12">
                                <input type="text" id="subject" name="form[subject]" class="form-control" placeholder="{{ 'Asunto de la consulta'|trans }}">
                            </div>
                        </div>

                        <div class="row form-group">
                            <div class="col-md-12">
                                <textarea name="message" id="message" name="form[message]" cols="30" rows="10" class="form-control" placeholder="{{ 'Mensaje'|trans }}"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <input type="submit" value="{{ 'Enviar Consulta'|trans }}" class="btn btn-primary">
                        </div>

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

        </div>
    </div>

{% endblock %}