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

{% block title %}Contact - {{ application_title }}{% endblock %}
{% block description_meta %}Demande de devis auprès d'une entreprise en Plâtrerie / Peinture dans l'ain.{% endblock %}

{% block content %}
    
    <header class="page-header">

		<div class="page-title">Contact</div>
		
	</header>
    
    <div class="container clearfix">
		
		<div class="one-fourth">

			<h3>Informations</h3>
            
            <p>Tél.: {{ phone_number }}<br />
			@: <a href="mailto:{{ email_address }}" onclick="window.open(this.href); return false;" class="js_email"></a></p>
            
			<p>
                {{ info_address1 }},<br />{{ info_zip }} {{ info_city }}
            </p>
            
            <p>
                {{ info_registration }}
            </p>
            
            <div id="gmap"></div>
			
		</div><!-- end .one-fourth -->
		
		<div class="three-fourth last">

			<h3>Formulaire de contact</h3>
            
            {% if app.session.hasFlash('successMessage') %}
                <p class="success">{{ app.session.flash('successMessage') }}</p>
            {% endif %}
            
            <p style="overflow: hidden; font-size: 15px;">
                <img src="images/texier/contact2.jpg" alt="Contact" style="float: right; margin-left: 10px;" />
                <br />
                Contactez l’entreprise CA BATIMENT Finitions et Décoration 7jours / 7 par téléphone ou via le formulaire de contact mail.
            </p>
            
            <form action="{{ path('contact') }}#contact_form" method="post" id="contact_form" class="contact-form" novalidate="novalidate">
                
                <div class="form_error">
                    {% if form_errors(form.name) %}
                        <p class="error">Nom / Prénom: {{ form_errors(form.name) }}</p>
                    {% endif %}
                    {% if form_errors(form.email) %}
                        <p class="error">Adresse email: {{ form_errors(form.email) }}</p>
                    {% endif %}
                    {% if form_errors(form.phone) %}
                        <p class="error">Numéro de tél.: {{ form_errors(form.phone) }}</p>
                    {% endif %}
                    {% if form_errors(form.message) %}
                        <p class="error">Message: {{ form_errors(form.message) }}</p>
                    {% endif %}
                </div>
                
                <p class="input-block">
                    {{ form_label(form.name, 'Nom / Prénom') }}
                    {{ form_widget(form.name, {'attr': {'class': 'text_input'}}) }}
        		</p>
                                    
                <p class="input-block">
                    {{ form_label(form.email, 'Adresse email') }}
                    {{ form_widget(form.email, {'attr': {'class': 'text_input'}}) }}
                </p>
                
                <p class="input-block">
                    {{ form_label(form.phone, 'Numéro de tél.') }}
                    {{ form_widget(form.phone, {'attr': {'class': 'text_input'}}) }}
                </p>
                
                <p class="textarea-block">
                    {{ form_widget(form.message, {'attr': {'cols': '88', 'rows': '6'}}) }}
                </p>
                
                <p class="not_displayed">{{ form_rest(form) }}</p>
                
                <p>
                    <input type="submit" value="Envoyer votre message" />
                </p>
                
                <div class="clear"></div>
                
            </form>

		</div><!-- end .three-fourth.last -->

	</div>
    
{% endblock %}

{% block js %}
    
    {{ parent() }}
    
    <!--[if !lte IE 6]><!-->
    
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key={{ gmap_api_key }}&sensor=false"></script>

    <script type="text/javascript" src="js/jquery_map3.js"></script>
    <script type="text/javascript" src="js/contact.js"></script>
    
    <!--<![endif]-->
    
{% endblock %}