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

{% block title %}Contact - {{ application_title }}{% endblock %}

{% block description_meta %}Contactez notre agence {{ application_title }}, experte en isolation et plâtrerie à Lons-le-Saunier.{% endblock %}

{% block headerStyle %}header4{% endblock %}

{% block pageContent %}
    
    <div class="pageTitleH1 pageTitleH1-3" id="contact_form"><span>Contact / demande de renseignements</span></div>
    
    <div class="block">
        
        <p>Nos bureaux sont ouverts du <span class="bold">lundi au vendredi de 9h à 12h et de 14h à 18h</span></p>
            
        {% if app.session.hasFlash('successMessage') %}
            <p class="msg_success">{{ app.session.flash('successMessage') }}</p>
        {% endif %}
        
        <p>Notre agence <strong>Go Construction</strong> s'engage à vous répondre en moins de 48h.</p>
                        
        <form action="{{ path('contact') }}#contact_form" method="post" class="clearfix" enctype="multipart/form-data" novalidate="novalidate">
            
            <ul class="page_contact_form">
            
                <li>
                    <div class="form_error">{{ form_errors(form.name) }}</div>
                    {{ form_label(form.name, 'Nom / Prénom *') }}
                    {{ form_widget(form.name, {'attr': {'class': 'text_input'}}) }}
        		</li>
                                            
                <li>
                    <div class="form_error">{{ form_errors(form.email) }}</div>
                    {{ form_label(form.email, 'Adresse email *') }}
                    {{ form_widget(form.email, {'attr': {'class': 'text_input'}}) }}
                </li>
                
                <li>
                    <div class="form_error">{{ form_errors(form.phone) }}</div>
                    {{ form_label(form.phone, 'Numéro de tél.') }}
                    {{ form_widget(form.phone, {'attr': {'class': 'text_input'}}) }}
                </li>
                
                <li>
                    <div class="form_error">{{ form_errors(form.attachment) }}</div>
                    {{ form_label(form.attachment, 'Pièce jointe') }}
                    {{ form_widget(form.attachment, {'attr': {'class': 'text_input'}}) }}
                </li>
                
                <li id="contact_message_container">
                    <div class="form_error">{{ form_errors(form.message) }}</div>
        			{{ form_label(form.message, 'Message *:') }}
                    {{ form_widget(form.message, {'attr': {'cols': '60', 'rows': '9', 'class': 'text_input'}}) }}
                </li>
                
                <li class="not_displayed">{{ form_rest(form) }}</li>
                
                <li id="cf_btn">
                    <input type="submit" value="Envoyer votre message" class="send_button" />
                </li>
            
            </ul>
            
        </form>
    
    </div>
    
    <hr class="hr1" />
    
    <div class="pageTitleH1 margin"><span>Plan &amp; accès</span></div>
    
    <div class="block">
        
        <div id="gmap"></div>
    
    </div>
    
{% endblock %}


{% block sidebar %}

    <div class="pageTitleH1 pageTitleH1-2"><span>Informations utiles</span></div>
        
    <div class="block">
    
        <ul class="list">
        
            <li><span class="bold">Tél. : </span> {{ phone_number }}</li>
            {% if phone_number2 %}<li><span class="bold">{% if phone_number2 %}Tél. fixe{% else %}Téléphone{% endif %}:</span> {{ phone_number2 }}</li>{% endif %}
    		<li><span class="bold">Email : </span> <span class="js_email"></span></li>
            <li>
                <span class="bold">Adresse : </span><br />
                {{ info_address1 }},
                {% if info_address2 %}<br />{{ info_address2 }},{% endif %}<br />
                {{ info_zip }} {{ info_city }}
            </li>
            <li style="font-size: 13px;">
                {{ info_registration }}
            </li>
            <li><span class="bold">Email : </span> <span class="js_email"></span></li>
            <li><span class="bold">Facebook : </span> <a href="https://www.facebook.com/gokduman.goconstruction" onclick="window.open(this.href); return false;">gokduman.goconstruction</a></li>
            <li><span class="bold">Twitter : </span> <a href="https://twitter.com/ContactGo" onclick="window.open(this.href); return false;">ContactGo</a></li>
        </ul>
    
    </div>
    
    <div class="block">
    
        <img src="/images/vitrine-goconstruction.jpg" alt="Vitrine de Go Construction" />
        
        <p style="font-style: italic;">Agence de Lons-le-Saunier – avec ou sans rendez-vous</p>
        
    </div>

{% endblock %}

{% block js %}
    
    {{ parent() }}
    
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language=fr"></script>
    <script type="text/javascript" src="js/jquery_map3.js"></script>
    <script type="text/javascript" src="js/contact.js"></script>
    
{% endblock %}