{% extends "::base.html.twig" %}
{% block title %}Contact{% endblock %}
{% block body %}
<section class="complete-content content-footer-space">
    <!--Mid Content Start-->
    <div class="about-intro-wrap pull-left">
        <div class="bread-crumb-wrap ibc-wrap-4">
            <div class="container"> </div>
        </div>
        <!--map-->
        <div class="pull-left map-full no-pad contact-v1-map">
            <div id="map-canvas"></div>
            <div class="map-shadow"></div>
        </div>
        <div class="contact-widgets-wrap">
            <div class="container">
                <div class="row">
                    <div class="contact-widgets">
                        <!--contact-widget-box-->
                        <div class="contact-widget-box col-md-3 col-lg-3 col-sm-6 col-xs-12 wow bounceIn" data-wow-delay="0.5s" data-wow-offset="150">
                            <div class="fold-wrap"><i class="icon-globe cw-icon"></i></div>
                            <div class="contact-widget-title">Address</div>
                            <p>{{settings.address}}</p>
                        </div>
                        <!--contact-widget-box-->
                        <div class="contact-widget-box col-md-3 col-lg-3 col-sm-6 col-xs-12 wow bounceIn" data-wow-delay="0.8s" data-wow-offset="150">
                            <div class="fold-wrap"><i class="icon-phone2 cw-icon"></i></div>
                            <div class="contact-widget-title">Phone Number</div>
                            <p>Phone: {{settings.phone}}</p>
                        </div>
                        <!--contact-widget-box-->
                        <div class="contact-widget-box col-md-3 col-lg-3 col-sm-6 col-xs-12 wow bounceIn" data-wow-delay="1.1s" data-wow-offset="150">
                            <div class="fold-wrap"><i class="icon-mail cw-icon"></i></div>
                            <div class="contact-widget-title">Email</div>
                            <p><a href="mailto:{{settings.email}}">{{settings.email}}</a></p>
                        </div>
                        <!--contact-widget-box-->
                        <div class="contact-widget-box col-md-3 col-lg-3 col-sm-6 col-xs-12 wow bounceIn" data-wow-delay="1.4s" data-wow-offset="150">
                            <div class="fold-wrap"><i class="fa fa-comments-o cw-icon"></i></div>
                            <div class="contact-widget-title">Support</div>
                            <p>We offer 24 x 7 support</p>
                        </div>
                    </div><!--Contact widgets end-->
                </div>                    
            </div>
        </div>       
        <div class="container">
            <!--About-us top-content-->
            <div class="row">
                <div class="col-xs-12 col-lg-12  col-sm-12 col-md-12 pull-left contact2-wrap no-pad">
                    <!--contact widgets-->
                    <div class="col-xs-12 col-lg-12 col-sm-12 col-md-12 pull-left no-pad">
                        <div class="subtitle col-xs-12 no-pad col-sm-12 col-md-12 pull-left news-sub icontact-widg">Contact Form</div>
                        <!--Contact form-->
                        <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 no-pad wow fadeInUp" data-wow-delay="0.5s" data-wow-offset="160">
                            <div></div>                 
                            <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 no-pad">


                                {% if app.request.hasPreviousSession %}
                                    {% for type, messages in app.session.flashbag.all() %}
                                        {% for message in messages %}
                                            <div class="alert {% if type == 'success' %}  alert-success  {% else %} alert-danger {% endif %} " id="contactSuccess">
                                                <strong>{{ type }}</strong> {{ message }}
                                            </div>
                                        {% endfor %}
                                    {% endfor %}
                                {% endif %}
                            
                                
                                <form method="post" {{form_enctype(form)}} class="contact2-page-form col-lg-12 col-sm-12 col-md-12 col-xs-12 no-pad contact-v1">
                                    <div class="col-lg-4 col-sm-12 col-md-4 col-xs-12 control-group">
                                         {{ form_widget(form.name, { 'attr': {'class': 'contact2-textbox','placeholder':'Name*'} }) }}
                                        {{ form_errors(form.name) }}
                                    </div>    
                                    <div class="col-lg-4 col-sm-12 col-md-4 col-xs-12 control-group">
                                         {{ form_widget(form.email, { 'attr': {'class': 'contact2-textbox','placeholder':'Email*' } }) }}
                                        {{ form_errors(form.email) }}
                                    </div> 
                                    <div class="col-lg-4 col-sm-12 col-md-4 col-xs-12 control-group">
                                         {{ form_widget(form.subject, { 'attr': {'class': 'contact2-textbox','placeholder':'Subject*' } }) }}
                                         {{ form_errors(form.subject) }}
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
                                         {{ form_widget(form.content, { 'attr': {'class': 'contact2-textarea','placeholder':'Message*'} }) }}
                                         {{ form_errors(form.content) }}
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
                                        <section class="color-7" id="btn-click">
                                            <button class="icon-mail btn2-st2 btn-7 btn-7b"  data-loading-text="Loading..." type="submit">Submit</button>
                                        </section>
                                    </div>
                                            {{ form_rest(form) }}
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}