{% extends 'layout/layout.html.twig' %}
{% form_theme form 'bootstrap_4_layout.html.twig' %}

{% block content %}
    <div class="menu-spacer"></div>

    <!-- Contact Section -->
    <section id="contact" class="contact section light-background">

        <!-- Section Title -->
        <div class="container section-title" data-aos="fade-up">
            <h2>{{ pimcore_input('contact-title', {'placeholder':'Title'}) }}</h2>
            <p>{{ pimcore_wysiwyg('contact-text', {'placeholder':'Text'}) }}</p>
            <br/><br/>

            <div class="row gy-4">

                <div class="col-lg-4">
                    <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="200">
                        <i class="bi bi-geo-alt flex-shrink-0"></i>
                        <div>
                            <h3>Address</h3>
                            <p>{{ pimcore_input('contact-address', {'placeholder':'Address'}) }}</p>
                        </div>
                    </div><!-- End Info Item -->

                    <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300">
                        <i class="bi bi-telephone flex-shrink-0"></i>
                        <div>
                            <h3>Call Us</h3>
                            <p>{{ pimcore_input('contact-phone', {'placeholder':'Phone'}) }}</p>
                        </div>
                    </div><!-- End Info Item -->

                    <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400">
                        <i class="bi bi-envelope flex-shrink-0"></i>
                        <div>
                            <h3>Email Us</h3>
                            <p>{{ pimcore_input('contact-email', {'placeholder':'Email'}) }}</p>
                        </div>
                    </div><!-- End Info Item -->

                </div>

                <div class="col-lg-8">
                    {{ form(form) }}
                </div><!-- End Contact Form -->

            </div>

        </div>

    </section><!-- /Contact Section -->



{% endblock %}