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

{% block title %}Contact{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/css/social_button.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
    p {
        font-size: 1.3em !important;
    }

</style>
{% endblock %}

{% block body %}
<?php session.cookie_httponly = True; ?>

<div class="container mt-3 shadow-lg p-0 mb-5 bg-white rounded">
    <div class="container">
        <h1 class="text-center my-5"><br>Nous contacter</h1>
    </div>
    
    <div class="row">
            <div class="col-md-4 mx-4" style="background-color:#151515">
                <h4 style="color: white;" class="mt-4"><i class="fa fa-clock-o" style="color: red"></i>&nbsp;Horaires</h4>
                <p style="color: white; text-align: center;" class="mt-3">
                    <small>Du lundi au vendredi :</small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>8h à 12h </small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>14h à 18h</small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>ou sur rendez-vous</small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>Le samedi :</small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>sur rendez-vous uniquement</small>
                </p>
                <h4 style="color: white;" class="mt-4"><i class="fa fa-phone" style="color: red"></i>&nbsp;02.49.09.43.93</h4>
                <h4 style="color: white;" class="mt-4"><i class="fa fa-envelope" style="color: red"></i>&nbsp;contact@le-musee.fr</h4>
                <h4 style="color: white;" class="mt-4"><i class="fa fa-map-marker" style="color: red"></i>&nbsp;Allée des Vinaigriers</h4>
                <h4 style="color: white; text-align:center">44000 Nantes</h4>
            </div>
        <div class="col-7">
            <h4>Vous souhaitez nous faire part d'une remarque ou prendre contact ?</h4>
            
            <br>
            
            <h5>
                Une question ? Une demande particulière ? Un complément d’information sur l’un de nos véhicules, ou la restauration
                de
                votre véhicule ?
            </h5>
            
            <p class="my-4 text-primary">
                N’hésitez pas à nous contacter via le formulaire ci-dessous, nous vous répondrons dans les plus brefs délais.
            </p>
            
            <p class="my-4 text-primary">
                Nous vous remercions de l’intérêt que vous nous portez.
            </p>

            {{ form_start(form) }}
            
            {{ form_row(form.nom, {'label' : 'Nom: '}) }}

            {{ form_row(form.courriel, {'label' : 'Courriel: '}) }}

            {{ form_row(form.telephone, {'label' : 'Téléphone: '}) }}

            {{ form_row(form.objet, {value : objet, 'label' : 'Objet du message: ', disabled: true }) }}

            {{ form_row(form.message, {'label' : 'Message: '}) }}

            
            {{ form_end(form) }}
        </div>
    </div>

</div>
{% endblock %}