{% extends "website/home.html" %}

{% load static show_contacto %}


{% block page %}
    {% include "website/header.html" %}

    <section class="bg-gray-dark">
        <section class="section parallax-container" data-parallax-img="{% static 'imagenes/IMG-20151106-WA0064.jpeg' %}">
            <div class="parallax-content parallax-header">
                <div class="parallax-header__inner">
                    <div class="parallax-header__content">
                        <div class="container">
                            <div class="row justify-content-sm-center">
                                <div class="col-md-10 col-xl-8">
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </section>

    <section class="section-md bg-default">
        <div class="container">
            <div class="row row-50">
                <div class="col-md-5 col-lg-4">
                    <h4 class="heading-decorated">Contacto</h4>
                    <ul class="list-sm contact-info">
                        <li>
                            <dl class="list-terms-inline">
                                <dt>Dirección</dt>
                                <dd>
                                    <ul class="list-semicolon">
                                        <li>{% show_direccion %}</li>
                                    </ul>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="list-terms-inline">
                                <dt>Teléfonos</dt>
                                <dd>
                                    <ul class="list-semicolon">
                                        <li><a href="tel:#">{% show_telefono %}</a></li>
                                        {# <li><a href="tel:#">+54 341 422-8880</a></li> #}
                                    </ul>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="list-terms-inline">
                                <dt>Horario de atención</dt>
                                <dd>
                                    <ul class="list-semicolon">
                                        <li>Lunes a viernes de 10 a 18hs</li>
                                    </ul>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="col-md-7 col-lg-8">
                    <!-- RD Mailform-->
                    {% if mensaje %}
                        <div class="alert alert-success" role="alert">
                          {{ mensaje }}
                        </div>
                    {% endif %}
                    <form class="rd-mailform_style-1" method="post" action="">{% csrf_token %}
                        {{ form.error }}
                        {{ form.non_field_errors }}
                        <div class="form-wrap form-wrap_icon linear-icon-man">
                            {{ form.nombre }}

                        </div>
                        <div class="form-wrap form-wrap_icon linear-icon-telephone">
                            {{ form.telefono }}

                        </div>

                        <div class="form-wrap form-wrap_icon linear-icon-envelope">
                            {{ form.email }}

                        </div>
                        <div class="form-wrap form-wrap_icon linear-icon-feather">
                            {# <textarea class="form-input" id="contact-message" name="message" data-constraints="@Required"></textarea> #}
                            {{ form.mensaje }}
                        </div>
                        <button class="button button-primary" type="submit">enviar</button>
                    </form>
                </div>
            </div>
        </div>
    </section>
{% endblock %}