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

{% block title %}Nous contacter - Les gîtes de Roquetoire{% endblock %}

{% block meta %}
    <meta name="description" content="Nous contacter par email ou téléphone">
{% endblock %}

{% block content %}

<div class="container mt-5">
{% for message in app.flashes('notice') %}
        <div class="alert alert-info">{{ message }}</div>
{% endfor %}
        <h1 class="text-center">Nous contacter</h1>
            <div class="row justify-content-center mt-4">
                <div class="col-md-4 mb-4">
                    <div class="bg-perso">
                        <div class="row justify-content-center">
                            <div class="col-8 my-3">
                                <h3 class="text-center">Informations</h3>
                                <hr>
                                <div class="row text-center">
                                    <div class="col-3">
                                        <img src="{{ asset('assets/img/telephone.png')}}" class="img-logo" alt="Un téléphone">
                                    </div>
                                    <div class="col-9">
                                        <P class="mb-0">Numéro de téléphone</P>
                                            {{ contact.phone }}
                                    </div>
                                </div>
                                <hr>
                                <div class="row text-center">
                                    <div class="col-3">
                                        <img src="{{ asset('assets/img/adresse.png')}}" class="img-logo" alt="L'adresse">
                                    </div>
                                    <div class="col-9">
                                        <P class="mb-0">Adresse</P>
                                            {{ contact.address }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="bg-perso">
                        <div class="row justify-content-center">
                            <div class="col-8 my-3">
                                {{ form(form) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
</div>

{% endblock %}