{% load static meta cms_tags %}
{% load i18n %}

<section id="contact">
    <div class="container">
        <div class="row" class="wow fadeInDown">
            <div class="col-lg-12 text-center wow fadeInDown">
                {% for message in messages %}
                    <div class="alert alert-success alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"
                                autofocus><span aria-hidden="true">&times;</span></button>
                        <strong>{{ message }}</strong>
                    </div>
                {% endfor %}
                <h2 class="section-heading">{% trans "Contact Us" %}</h2>
                <br>

                <h3 class="intro-smallcap">{% trans "Join us at" %} <a
                        href="{% page_url 'digital-glarus-page' %}">{% trans "Digital Glarus" %}</a>,
                    {% trans "a great co-working space in the middle of Alps!" %}
                    <p></p> {% trans "You can contact us at" %} </h3>
                <h3 class="intro-smallcap"><a href="mailto:info@ungleich.ch"><i class="fa fa-envelope">info@ungleich.ch</i></a>
                </h3>

                <h3 class="intro-smallcap"><i class="fa fa-phone"></i> (044) 534-66-22<p></p></h3>
                <h3 class="intro-smallcap">{% trans "or" %}</h3>

                <h3 class="intro-smallcap">{% trans "Contact Us" %}</h3>

                <form action="{% url 'ungleich_page:contact' %}" method="post">

                    {% csrf_token %}
                    <div class="row">
                        <div autofocus
                             class="form-group col-lg-4 {% if form.name.errors %}has-error text-danger{% endif %}">
                            {{ form.name.label_tag }}
                            {{ form.name }}
                            {{ form.name.errors|striptags }}
                        </div>
                        <div class="form-group col-lg-4 {% if form.email.errors %}has-error text-danger {% endif %}">
                            {{ form.email.label_tag }}
                            {{ form.email }}
                            {{ form.email.errors|striptags }}
                        </div>
                        <div class="form-group col-lg-4 {% if form.phone_number.errors %}has-error text-danger {% endif %}">
                            {{ form.phone_number.label_tag }}
                            {{ form.phone_number }}
                            {{ form.phone_number.errors|striptags }}
                        </div>
                        <div class="clearfix"></div>
                        <div class="form-group col-lg-12 {% if form.message.errors %}has-error text-danger {% endif %}">
                            {{ form.message.label_tag }}
                            {{ form.message }}
                            {{ form.message.errors|striptags }}
                        </div>
                        {{ form.non_field_errors }}
                        <div class="form-group col-lg-12">
                            <input type="hidden" name="save" value="contact">
                            <button type="submit" class="btn btn-default" {% if form.name.errors %}
                                    autofocus {% endif %}>{% trans "Submit" %}</button>
                        </div>
                    </div>
                </form>
            </div>
            <p>&nbsp;</p>
        </div>
        <div class="row">
            <div class="col-lg-12">

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