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

{% block title %}FCS{% endblock %}

{% block body %}
<style>
    .merci{text-align:center; margin-top:15%; font-weight: lighter;}
</style>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<header class="d-flex flex-wrap justify-content-center py-3 border-bottom">
      <a href="/home" class="d-flex align-items-center mb-2 md-0 me-md-auto text-dark text-decoration-none">
        <img style="margin-left: 20px; margin-right: 20px;" class="bd-placeholder-img rounded-circle" width="50" height="50" src="https://scontent-cdt1-1.xx.fbcdn.net/v/t1.6435-9/150198245_401599697624263_6382796652237736084_n.jpg?_nc_cat=109&ccb=1-5&_nc_sid=09cbfe&_nc_ohc=_v5Vmsjmg7cAX-6KpUq&_nc_ht=scontent-cdt1-1.xx&oh=00_AT8wNPnd6vDTAfJMvQUZglwUdhGGNoo5kkeoirmGFEL_7w&oe=6239907A" alt="Logo food culture street">   
        <span class="fs-4">Food Culture Street</span>
      </a>

      <ul class="nav nav-pills">
        <li class="nav-item"><a href="/home" class="nav-link active" aria-current="page">Home</a></li>
        <li class="nav-item"><a href="/product/show" class="nav-link">Tous les produits</a></li>
        <li class="nav-item"><a href="/cart" class="nav-link">Panier</a></li>
        <li class="nav-item"><a href="/logout" class="nav-link">Déconnexion</a></li>
      </ul>
</header>
<main>
    <div class="merci">
        <h3>Merci pour votre commande !</h3>
        <h4>Installez vous confortablement, cela ne devrait pas tarder </h4>
    </div>
</main>

<footer class="pt-4 my-md-5 pt-md-5 border-top">
    <div class="row">
      <div class="col-12 col-md logoFooter">
        <img class="rounded-circle" width="80" height="80" src="https://scontent-cdt1-1.xx.fbcdn.net/v/t1.6435-9/150198245_401599697624263_6382796652237736084_n.jpg?_nc_cat=109&ccb=1-5&_nc_sid=09cbfe&_nc_ohc=_v5Vmsjmg7cAX-6KpUq&_nc_ht=scontent-cdt1-1.xx&oh=00_AT8wNPnd6vDTAfJMvQUZglwUdhGGNoo5kkeoirmGFEL_7w&oe=6239907A" alt="" width="24" height="19">
        <small class="d-block mb-3 text-muted">© 2021–2022</small>
      </div>
      <div class="col-6 col-md">
        <h5>À PROPOS</h5>
        <ul class="list-unstyled text-small">
          <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Food Culture Street</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Notre chef</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Nos menus</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Nos producteurs</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">l'Arrière cuisine</a></li>
        </ul>
      </div>
      <div class="col-6 col-md">
        <h5>CONTACT</h5>
        <ul class="list-unstyled text-small">
          <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Food Culture Street</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">l'Arrière cuisine</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Communication et Évenements</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Carrière</a></li>
        </ul>
      </div>
    </div>
  </footer>
{% endblock %}