{% extends 'main/main_base.html.twig' %}


{% set page_title = "pages.contact.title"|trans %}
{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}

{% endblock %}
{% block body %}

    {% set fields = [{'name':page_title}] %}
    {% include 'main/common/_header.html.twig' %}

    <div class="page-content pb-0 mt-5  ">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mb-2 mb-lg-0">
                    <h2 class="title mb-1">{{ "pages.contact.info.title"|trans }}</h2><!-- End .title mb-2 -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="contact-info">
                                <h3>{{ contact.companyName|default }}</h3>

                                <ul class="contact-list">
                                    <li>
                                        <i class="icon-map-marker"></i>
                                        {{ contact.address|default }}
                                    </li>
                                    <li>
                                        <i class="icon-phone"></i>
                                        <a href="tel:#">{{ contact.customerServiceNumber }}</a>
                                    </li>
                                    <li>
                                        <i class="icon-envelope"></i>
                                        <a href="mailto:#">{{ contact.email }}</a>
                                    </li>
                                </ul><!-- End .contact-list -->
                            </div><!-- End .contact-info -->
                        </div><!-- End .col-sm-7 -->

                    </div><!-- End .row -->
                </div><!-- End .col-lg-6 -->
                <div class="col-lg-6">
                    <h2 class="title mb-1">{{ "pages.contact.form.title"|trans }}</h2><!-- End .title mb-2 -->
                    <p class="mb-2">{{ "pages.contact.form.text"|trans }}</p>

                    <form action="" method="post" class="contact-form mb-3" onsubmit="Site.contactSend(event)">
                        <div class="row">
                            <div class="col-sm-6">
                                <label for="cname" class="sr-only">{{ "common.form.name_surname"|trans }}</label>
                                <input type="text" class="form-control" id="cname" name="name"
                                       placeholder="{{ "common.form.name_surname"|trans }} *" required="">
                            </div><!-- End .col-sm-6 -->

                            <div class="col-sm-6">
                                <label for="cemail" class="sr-only">{{ "common.form.email"|trans }}</label>
                                <input type="email" class="form-control" id="cemail" name="email"
                                       placeholder="{{ "common.form.email"|trans }} *" required="">
                            </div><!-- End .col-sm-6 -->
                        </div><!-- End .row -->

                        <div class="row">
                            <div class="col-sm-6">
                                <label for="cphone" class="sr-only">{{ "common.form.phone_number"|trans }}</label>
                                <input type="tel" class="form-control" id="cphone" name="phone"
                                       placeholder="{{ "common.form.phone_number"|trans }}" required>
                            </div><!-- End .col-sm-6 -->

                            <div class="col-sm-6">
                                <label for="csubject" class="sr-only">{{ "pages.contact.form.subject"|trans }}</label>
                                <input type="text" class="form-control" id="csubject" name="subject"
                                       placeholder="{{ "pages.contact.form.subject"|trans }}">
                            </div><!-- End .col-sm-6 -->
                        </div><!-- End .row -->

                        <label for="cmessage" class="sr-only">{{ "pages.contact.form.message"|trans }}</label>
                        <textarea class="form-control" cols="30" rows="4" id="cmessage" name="message" required=""
                                  placeholder="{{ "pages.contact.form.message"|trans }} *"></textarea>

                        <button type="submit" class="btn btn-outline-primary-2 btn-minwidth-sm">
                            <span>{{ "buttons.send"|trans }}</span>
                            <i class="icon-long-arrow-right"></i>
                        </button>
                    </form><!-- End .contact-form -->
                </div><!-- End .col-lg-6 -->
            </div><!-- End .row -->
        </div>

        {% if contact.mapCode|default %}
            <div class="row">
                <div class="col-md-12 maps">
                    {{ contact.mapCode|raw }}
                </div>
            </div>
        {% endif %}

    </div><!-- End .page-content -->

{% endblock %}


{% block javascripts %}


{% endblock %}