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

{% block title %}Nous contacter | La Tour{% endblock %}

{% block body %}
    <main role="main">
        <section class="contact fidelity">
            <div class="container">
                {% for message in app.flashes('success') %}
                    <div class="alert alert-success" role="alert">
                        <p class="title">Succès</p>
                        <p class="message">{{ message }}</p>
                    </div>
                {% endfor %}
                <div class="row align-center">
                    <div class="col-5">
                        <div class="title green">
                            <div class="picto">
                                <img src="{{ asset('images/icons/fidelity.svg') }}" alt="Logo Facebook blanc">
                            </div>
                            <h2>Demande de carte de fidélité</h2>
                        </div>

                        <div data-controller="refractPhoneNumber">
                            {{ form_start(form) }}
                                {{ form_row(form.firstname) }}
                                {{ form_row(form.lastname) }}
                                {{ form_row(form.email) }}
                                {{ form_row(form.phone) }}
                                {{ form_row(form.address) }}
                                <div class="form-group-check">
                                    <div class="form-check">
                                        {{ form_widget(form.allowUseData, { attr: {class: 'form-check-input'} }) }}
                                        {{ form_label(form.allowUseData) }}
                                    </div>
                                </div>
                                
                                <button type="submit" class="btn btn-purple">Envoyer</button>
                            {{ form_end(form) }}
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{ asset('images/carte-fidelite.png') }}" class="card-fidelity" alt="Main tenant la carte de fidélité La Tour">
        </section>
    </main>
{% endblock %}