WordPress

{% extends 'static_base.html.twig' %}

{% block title %}Contact Us!{% endblock %}

{% block body %}
    <div class="section contacts">
        {% for message in app.flashes("message") %}
            <div class="alert alert-success" style="margin: 0 50px 10px 50px; text-align: center">{{ message }}</div>
        {% endfor %}
        {% for message in app.flashes("error") %}
            <div class="alert alert-danger" style="margin: 0 50px 10px 50px; text-align: center">{{ message }}</div>
        {% endfor %}

        <div class="wrap">
            <div class="contact_address">
                <div class="address">
                    <h4>Phone</h4>
                    <p>
                        <a href="tel:+254 20 242 9588">+254 20 242 9588</a> <br>
                    </p>
                </div>

{#                <div class="address">#}
{#                    <h4>Email</h4>#}
{#                    <p>#}
{#                        <a href="mailto:info@suraimages.com">info@suraimages.com</a><br>#}
{#                        <a href="mailto:sales@suraimages.com">sales@suraimages.com</a>#}
{#                    </p>#}
{#                </div>#}


                <div class="address">
                    <h4>Business Hours</h4>
                    <p>
                        Monday – Friday <br>
                        8.00am to 5.00pm
                    </p>
                </div>

                <div class="address">
                    <h4>Address</h4>
                    <p>
                        Sura Images Ltd, Zolani Studio Ground Floor, Westlands Ring Road,
                        P.O. Box 38540-00100, Nairobi, <Kenya></Kenya>					</p>
                </div>
            </div>

            <div class="contact_form">
                <h4 class="contact_title">Get in touch</h4>
                {{ form_start(form, {'method': 'post', 'action': path('home_send_contact_us_message'), 'attr': {'class': 'fos_user_registration_register'}}) }}

                {% if  not form.vars.valid %}
                    <div class="notification error">
                        {{ form_errors(form.captchaCode) }}
                    </div>
                {% endif %}

                <div class="form_group">
                    {{ form_widget(form.name, {'attr': {'class':'form-control','placeholder':"Name"}}) }}
                </div>
                <div class="form_group">
                    {{ form_widget(form.email, {'attr': {'class':'form-control','placeholder':"Email"}}) }}
                </div>
                <div class="form_group">
                    {{ form_widget(form.phone, {'attr': {'class':'form-control','placeholder':"Phone Number"}}) }}
                </div>
                <div class="form_group">
                    {{ form_widget(form.message, {'attr': {'class':'form-control','placeholder':"Your Message"}}) }}
                </div>

                <div class="form_group">
                    {{ form_widget(form.captchaCode) }}
                </div>


                <div class="form_group">
                    <input type="hidden" name="task" value="contact">
                    <input type="submit" value="SEND">
                </div>


                {{ form_end(form) }}
                <form action="{{ path('home_send_contact_us_message') }}" method="post" id="frm_contact_us">

                </form>
                <div class="success_message" style="display: none;">
                    <div class="display-table">
                        <div class="vertical-align">
                            <div class="check_icon">
                                <svg width="57px" height="57px" viewBox="0 0 57 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                    <defs>
                                        <polygon id="path-1" points="0 0 57 0 57 57 0 57"></polygon>
                                    </defs>
                                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g id="Download" transform="translate(-176.000000, -522.000000)">
                                            <g id="list_icon" transform="translate(176.000000, 522.000000)">
                                                <mask id="mask-2" fill="white">
                                                    <use xlink:href="#path-1"></use>
                                                </mask>
                                                <g id="path-2"></g>
                                                <path d="M42.4484126,24.4803144 L27.8761282,37.6727877 C27.5188557,37.9970432 27.1024484,38.2143636 26.6663295,38.3291837 C26.2903309,38.4962393 25.8867362,38.5829701 25.481663,38.5829701 C24.7607117,38.5829701 24.0387748,38.3173565 23.4740378,37.781694 L14.5023083,29.2648096 C13.3339039,28.1560328 13.2861033,26.3105353 14.3948802,25.1426237 C15.5026714,23.9747121 17.3486617,23.9264187 18.5170661,25.0351956 L25.6585745,31.8140108 L38.5341842,20.1565774 C39.7277207,19.0758896 41.5717398,19.1670557 42.6519347,20.3610852 C43.7331153,21.5551147 43.6419495,23.3991337 42.4484126,24.4803144 M28.5,0 C12.7598039,0 0,12.7598039 0,28.5 C0,44.2406889 12.7598039,57 28.5,57 C44.2406889,57 57,44.2406889 57,28.5 C57,12.7598039 44.2406889,0 28.5,0" id="Fill-1" fill="#14a5ab" fill-rule="nonzero" mask="url(#mask-2)"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <p>Thank you for your email. <br> We will get back to you shortly.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
{% endblock %}
{% block superjs %}
    <script src="{{ asset('js/login.js') }}" type="text/javascript"></script>
{% endblock superjs %}