templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2.     <html lang="fr">
  4.     <head>
  5.         <meta charset="utf-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.         <meta name="description" content="Site de vente en ligne en Symfony 5">
  8.         <meta name="author" content="Cassano Gabriele">
  9.         <title>GC Belgian Shop</title>
  11.         <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
  12.         <link href="{{ asset('assets/css/boutiquebelge.css') }}" rel="stylesheet">
  13.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
  14.         <link href="{{ asset('assets/css/carousel.css') }}" rel="stylesheet"> 
  15.         
  16.         <style>
  17.         .sf-toolbar {
  18.             display: none !important;
  19.         }
  20.         </style>
  21.     </head>
  22.     
  23.     <body>    
  24.         <header>            
  25.             <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-info">
  26.                 <a class="navbar-brand" href="{{ path('home') }}">GC Belgian Shop</a>
  27.                 
  28.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  29.                     <span class="navbar-toggler-icon"></span>
  30.                 </button>
  32.                 <div class="collapse navbar-collapse" id="navbarCollapse">
  33.                     <ul class="navbar-nav mr-auto">
  34.                         <li class="nav-item active">
  35.                             <a class="nav-link" href="{{path('about')}}">Qui sommes-nous ?</a>
  36.                         </li>
  37.                         <li class="nav-item active">
  38.                             <a class="nav-link" href="{{path('products')}}">Nos produits</a>
  39.                         </li>  
  40.                     </ul>  
  42.                     <div class="navbar-item-custom">
  43.                         {% if app.user %}
  44.                             <a href="{{ path('account')}}">Mon compte <small>({{ app.user.firstname }})</small></a> | <a href="{{ path('app_logout')}}"> Déconnecter</a> 
  45.                         {% else %}
  46.                             <a href="{{ path('app_login')}}">Connexion </a> | <a href="{{ path('register')}}"> Inscription</a> 
  47.                         {% endif %}
  48.                     </div>   
  50.                     <a href="{{ path('cart')}}"><i class="fas fa-shopping-cart text-light ml-2"></i></a> 
  51.                     <span class="text-white ml-2">({{ cartItemCount() }})</span> 
  53.                     {% if app.user %}
  54.                         <a href="{{ path('wishlists')}}"><i class="fas fa-heart text-light ml-2"></i></a>  
  55.                         <span class="text-white ml-2" id="wishlist-count">({{ wishlistItemCount() }})</span>   
  56.                     {% endif %}
  57.                   </div>                 
  58.                 </div>
  59.             </nav>
  60.             
  61.             <div class="alert alert-danger text-center" style="margin-top: 20px !important;" role="alert">
  62.              &#x26A0; Ce site est un site de démonstration, contenant des données fictives, et ayant pour unique objectif, de présenter mes compétences en Symfony.
  63.             </div>
  64.         </header>
  66.         <main role="main">
  67.             {% if block('carousel') is defined %}
  68.             <div id="myCarousel" class="carousel slide custom-carousel" data-ride="carousel">
  69.                 <ol class="carousel-indicators">
  70.                     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  71.                     <li data-target="#myCarousel" data-slide-to="1"></li>
  72.                     <li data-target="#myCarousel" data-slide-to="2"></li>
  73.                 </ol>
  74.                 
  75.                 <div class="carousel-inner">
  76.                     <div class="carousel-item active">
  77.                         <img src="{{ asset('assets/img/slider/slider1.jpg') }}" alt="Image 1 du slider" />
  79.                         <div class="container">
  80.                             <div class="carousel-caption text-left">
  81.                                 <h1>Achetez des produits belges</h1>
  82.                                 <p>Un large choix de bières belges.</p>
  83.                                 <p><a class="btn btn-lg btn-primary" href="{{ path('register')}}" role="button">S'inscrire aujourd'hui</a></p>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  88.                     <div class="carousel-item">
  89.                        <img src="{{ asset('assets/img/slider/slider2.jpg') }}" alt="Image 2 du slider" />
  91.                         <div class="container">
  92.                             <div class="carousel-caption">
  93.                                 <h1>Dégustez le café belge</h1>
  94.                                 <p>Découvrez les cafés fabriqués dans notre pays.</p>
  95.                                 <p><a class="btn btn-lg btn-primary" href="#" role="button">Lire plus</a></p>
  96.                             </div>
  97.                         </div>
  98.                     </div>
  100.                     <div class="carousel-item">
  101.                         <img src="{{ asset('assets/img/slider/slider3.jpg') }}" alt="Image 3 du slider" />
  103.                         <div class="container">
  104.                             <div class="carousel-caption text-right">
  105.                                 <h1>Le chocolat belge</h1>
  106.                                 <p>Comme vous le savez, les belges sont spécialistes de la bière, le chocolat et les frites.</p>
  107.                                 <p><a class="btn btn-lg btn-primary" href="#" role="button">Voir la gallerie</a></p>
  108.                             </div>
  109.                         </div>
  110.                     </div>
  111.                 </div>
  112.                 <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
  113.                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  114.                     <span class="sr-only">Previous</span>
  115.                 </a>
  116.                 <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
  117.                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  118.                     <span class="sr-only">Next</span>
  119.                 </a>
  120.             </div>
  121.             {% endif %}
  123.        
  124.             <div class="container marketing  {% if block('carousel') is not defined %} mt-5 {% endif %}"> 
  125.                 {% block content %}
  126.                 {% endblock %}
  127.             </div>
  129.             <footer class="footer-custom bg-info">                
  130.                 <p class="h5 mb-5 mt-3">
  131.                     &copy; 2023 La boutique belge
  133.                     <br>
  135.                     <small class="h5">
  136.                         <a href="{{ path('cg')}}" class="text-white">Conditions générales</a> 
  137.                         &middot; <a href="{{ path('cgv')}}" class="text-white">Conditions générales de ventes</a>
  138.                         &middot; <a href="{{ path('ml')}}" class="text-white">Mentions légales</a>
  139.                         &middot; <a href="{{ path('confidentialite')}}" class="text-white">Politique de confidentialité</a>
  140.                     </small>
  142.                     <br>
  143.                 
  144.                     <small class="h5">
  145.                     Symfony 5.4.24
  146.                     </small>
  147.                 </p>
  148.             </footer>
  149.         </main>
  151.         <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>     
  152.         <script src="{{ asset('assets/js/bootstrap.bundle.js') }}"></script>              
  153.         <script src="https://js.stripe.com/v3/"></script>
  155.        <script>
  156.         var stripe = Stripe('pk_test_51MmMexI1PfFa9viOYqTeiLsEwHggcXbngjC2pMdIQeGIoEpFKXLrQJdfJQKOOUloRbbj1dJZyJ9jKXymdpCKvWwW00kx87PAdl');
  157.                 
  158.         var checkoutButton = document.getElementById('checkout-button');       
  160.         checkoutButton.addEventListener('click', function() {                 
  161.             {% if reference is defined %}
  162.             // Créer une session de paiement avec Stripe     
  163.             fetch('create-checkout-session/{{ reference }}') // remplacez cette URL par l'URL de votre route Symfony qui crée une session de paiement avec Stripe
  164.                 .then(function(response) {
  165.                     return response.json();
  166.                 })
  167.                 .then(function(session) {
  168.                     if(session.error == "order"){
  169.                         // redirection (la commande n'a pas été créée correctement)
  170.                         window.location.replace('{{ path('order') }}')
  171.                     } else{
  172.                         // Rediriger l'utilisateur vers la page de paiement de Stripe
  173.                         return stripe.redirectToCheckout({ sessionId: session.id });
  174.                     }                    
  175.                 })
  176.                 .then(function(result) {
  177.                     // Afficher un message d'erreur si la redirection échoue
  178.                     if (result.error) {
  179.                         alert(result.error.message);
  180.                     }
  181.                 });
  182.             {% else %}
  183.             alert('La référence n\'est pas définie.');
  184.             {% endif %}
  185.         });
  186.         </script>
  187.       
  188.     </body>
  189. </html>