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

{% block title %}{% endblock %}

{% block body %}
    <main>
        <div class="home">
            <img src="{{ asset('images/plat-la-tour-home.jpg') }}" alt="Assiette de viande - La Tour">
            <div class="content-home">
                <h1>À la hauteur depuis 1904</h1>
                <span class="subtitle">Pour vous en mettre plein la vue et les papilles</span>

                <p>
                    <b>Produits frais</b> livrés tous les jours,<br>
                    Pâte à pizza et sauces <b>faites maison</b>,<br>
                    Un service souriant et chaleureux…
                    <br><br>
                    <b>LE RESTAURANT EST OUVERT 7J/7.</b>
                </p>
                <a href="" class="btn btn-vert">Découvrez nos cartes</a>
                <a href="" class="btn btn-blanc">Réservez</a>
            </div>
            <div class="rs">
                <span>Suivez nous sur les réseaux sociaux : </span>
                <img src="{{ asset('images/icons/instagram.svg') }}" alt="Logo Instagram">
                <img src="{{ asset('images/icons/facebook.svg') }}" alt="Logo Facebook">
            </div>
        </div>

        <div class="vente-emporter">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-lg-6 texte-ve">
                        <div class="title">
                            <div class="icon"><img src="{{ asset('images/icons/vente-emporter.svg') }}" alt="Icon vente à emporter"></div>
                            <h2>Vente à emporter</h2>
                        </div>

                        <h3>C'est bien vu !</h3>
                        <p>Le restaurant s'invite chez vous</p>

                        <a href="" class="btn btn-vert">Vers la carte</a>
                        <a href="" class="btn btn-violet">Plan</a>
                    </div>

                    <div class="col-md-6 col-lg-6">
                        <img src="{{ asset('images/vente-emporter-la-tour.jpg') }}" alt="Vente à emporter La Tour">
                    </div>
                </div>
            </div>
            <img src="{{ asset('images/assiette-croque.png') }}" class="img-sandwich" alt="Assiette club sandwich">
        </div>

        <div class="reservation">
            <div class="reservation-cote-violet">
                <img src="{{ asset('images/icons/reservation.svg') }}" class="picto" alt="Pictogramme réservation">
                <h2>Réservation</h2>
                <p>
                    Ouvert 7J/7<br>
                    De 11h30 à 21h
                </p>
            </div>
            <div class="reservation-form">
                <form action="">
                    <div class="row">
                        <div class="col-md-6">
                            <label for="">Nom</label>
                            <input type="text">

                            <label for="">Date réservation</label>
                            <input type="text">

                            <label for="">Nombre de coouvert(s)</label>
                            <input type="text">
                        </div>
                        <div class="col-md-6">
                            <label for="">Prénom</label>
                            <input type="text">

                            <label for="">Heure d'arrivée</label>
                            <input type="text">

                            <label for="">Téléphone</label>
                            <input type="text">
                        </div>

                        <div class="col-md-12">
                            <label for="">Adresse mail</label>
                            <input type="text">

                            <label for="">Message</label>
                            <textarea name="message"></textarea>
                        </div>
                    </div>
                    <button class="btn btn-blanc">Envoyer</button>
                </form>
            </div>
        </div>

        <div class="carte-fidelite">
            <div class="container">
                <div class="title">
                    <div class="icon"><img src="{{ asset('images/icons/etoile.svg') }}" alt="Icon étoile"></div>
                    <h2>Carte de fidélité</h2>
                </div>

                <h3>C'est bien vu !</h3>
                <p>
                    <b>Bénéficiez de 20%</b> sur le service de vente a emporter avec la carte de fidélité La Tour.
                    <br><br>
                    <b>Comment l’obtenir ?</b><br>
                    Il vous suffit de la demander au restaurant !
                </p>
            </div>
            <img src="{{ asset('images/carte-fidelite.png') }}" class="img-carte" alt="Carte de fidélité La Tour">
            <img src="{{ asset('images/pates.png') }}" class="img-pates" alt="Assiette pates la Tour">
        </div>

        <div class="actualites">
            <div class="container">
                <div class="title">
                    <div class="icon"><img src="{{ asset('images/icons/actu.svg') }}" alt="Icon étoile"></div>
                    <h2>Actualités</h2>
                </div>

                <div class="row liste-actu">
                    <div class="col-md-6 col-lg-6">
                        <div class="actu">
                            <div class="img-actu">
                                <div class="categorie">
                                    <span>Thème actualités</span>
                                    <div class="fond"></div>
                                </div>
                                <img src="{{ asset('images/actu1.jpg') }}" alt="Actualité 1">
                                <div class="date">
                                    <div class="fond"></div>
                                    <span>18.06.2021</span>
                                </div>
                            </div>
                            <div class="content-actu violet">
                                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                <a href="" class="btn btn-vert">Lire l'article</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-6">
                        <div class="actu">
                            <div class="img-actu">
                                <div class="categorie">
                                    <span>Thème actualités</span>
                                    <div class="fond vert"></div>
                                </div>
                                <img src="{{ asset('images/actu1.jpg') }}" alt="Actualité 1">
                                <div class="date">
                                    <div class="fond vert"></div>
                                    <span>18.06.2021</span>
                                </div>
                            </div>
                            <div class="content-actu vert">
                                <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                <a href="" class="btn btn-violet">Lire l'article</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="contact">
            <div class="contact-form">
                <div class="title">
                    <div class="icon"><img src="{{ asset('images/icons/contact.svg') }}" alt="Icon enveloppe"></div>
                    <h2>Contact</h2>
                </div>

                <form action="">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            Service client
                        </label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck2">
                        <label class="form-check-label" for="defaultCheck2">
                            Fournisseur
                        </label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck3">
                        <label class="form-check-label" for="defaultCheck3">
                            Recrutement
                        </label>
                    </div>

                    <label for="">Nom</label>
                    <input type="text">

                    <label for="">Prénom</label>
                    <input type="text">

                    <label for="">Adresse e-mail</label>
                    <input type="text">

                    <label for="">Téléphone</label>
                    <input type="text">

                    <label for="">Message</label>
                    <textarea name="" id=""></textarea>

                    <button class="btn btn-blanc">Envoyer</button>
                </form>
            </div>
            <div class="map-google">
                <img src="{{ asset('images/map-google.jpg') }}" alt="">
            </div>
        </div>
    </main>
{% endblock %}