templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}Village Green!{% endblock %}</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
  7.     <meta itemprop="description" name="description"
  8.           content="{% block description %}Village Green le roi de la musique!{% endblock %}"/>
  9.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.css">
  10.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
  11.     <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"/>
  12.     <link rel="stylesheet" href="/assets/css/style.css">
  13.     <link rel="stylesheet" href="/assets/css/font-awesome.css">
  14.     <link rel="icon" href="/favicon.ico">
  15.     <!--reseau sociaux Meta Tags-->
  16.     <meta property="og:locale" content="fr_FR"/>
  17.     <meta property="og:type" content="website"/>
  18.     <meta property="og:url"
  19.           content="{{ app.request.getSchemeAndHttpHost() }}{{ path(app.request.attributes.get('_route'),
  20.               app.request.attributes.get('_route_params')) }}"/>
  21.     <meta property="og:title" content="{{ block('title') }}">
  22.     <meta property="og:description" content="{{ block('description') }}">
  23.     <meta property="og:image"
  24.           content="{{ app.request.getSchemeAndHttpHost() }}{% block picture %}/assets/src/logo.png{% endblock %}">
  25.     <meta property="og:site_name" content="Village Green">
  26.     <!--End reseau sociaux  Meta Tags-->
  27. </head>
  28. <body>
  29. <header>
  30.     <!--
  31.          header
  32.      -->
  33.     <!--  barre du menu
  34.  -->
  35.     <div class="container bg-menu-top">
  36.         <div class="row">
  37.             <nav class="navbar  navbar-light d-lg-none  ml-auto">
  38.                 <a class="navbar-brand mb-0 h1" href=""{{ path("app_login") }}""></a>
  39.                 {% if app.user %}
  40.                     <li class="nav-item dropdown">
  41.                         <a class="navbar-brand mb-0 h1 dropdown-toggle" href="#" id="navbaruserDropdown" role="button"
  42.                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  43.                             <i class="fa fa-solid fa-2x bgcaddie  fa-user"></i> </a>
  44.                         <ul class="dropdown-menu" aria-labelledby="navbaruserDropdown">
  45.                             <li><a class="dropdown-item" href="{{ path('app_profil') }}">
  46.                                     Mon profil
  47.                                 </a></li>
  48.                             <li><a class="dropdown-item" href="{{ path('mescommandes') }}">
  49.                                     Mes commandes
  50.                                 </a></li>
  51.                             <li><a class="dropdown-item" href="{{ path('app_logout') }}">
  52.                                     Deconnexion
  53.                                 </a></li>
  54.                         </ul>
  55.                     </li>
  56.                 {% else %}
  57.                     <a class="navbar-brand mb-0 h1" href="{{ path('app_login') }}">
  58.                         <i class="fa fa-solid fa-2x bgcaddie  fa-user"></i> </a>
  59.                 {% endif %}
  60.                 <a class="navbar-brand mb-0 h1 panier" href="#" onclick="openNav()">
  61.                     <span class="fa fa-shopping-cart  fa-2x bgcaddie"></span>
  62.                     {# {{ dump(app.session.get('panier')) }} #}
  63.                     {% if app.session.get('panier') %}
  64.                         {% set TotalPanier =0 %}
  65.                         {% for key,cpte in app.session.get('panier') %}
  66.                             {% if key matches '/^\\d+$/' %}
  67.                                 {% set TotalPanier =  TotalPanier + app.session.get('panier')[key]["qte"] %}
  68.                             {% endif %}
  69.                         {% endfor %}
  70.                         <span class="badge badge-pill badge-danger">{{ TotalPanier }}</span>
  71.                     {% endif %}
  72.                 </a>
  73.             </nav>
  74.             <div class="divLogo">
  75.                 <a class="LinkLogo" href="{{ path('accueil') }}">
  76.                     <span class="fa fa-music fa-3x text-dark"></span>
  77.                     <span class="textLogo bgcaddie">Village</span><i class="fa fa-solid fa-guitar"></i><span
  78.                             class="textLogo text-dark">Green</span>
  79.                 </a>
  80.             </div>
  81.             <div class="brand">
  82.                 <!--bouton sur mobile-->
  83.                 <nav class="navbar navbar-expand-lg navbar-light bg-menu-top navbar-lg">
  84.                     <!--bouton sur mobile-->
  85.                     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  86.                         <ul class="navbar-nav ml-auto mr-5">
  87.                             {% if app.user %}
  88.                                 <li class="nav-item dropdown">
  89.                                     <a class="navbar-brand mb-0 h1 dropdown-toggle" href="#" id="navbaruserDropdown"
  90.                                        role="button"
  91.                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  92.                                         Bonjour {{ app.user.email }}   </a>
  93.                                     <ul class="dropdown-menu" aria-labelledby="navbaruserDropdown">
  94.                                         <li><a class="dropdown-item" href="{{ path('app_profil') }}">
  95.                                                 Mon profil
  96.                                             </a></li>
  97.                                         <li><a class="dropdown-item" href="{{ path('mescommandes') }}">
  98.                                                 Mes commandes
  99.                                             </a></li>
  100.                                         <li><a class="dropdown-item" href="{{ path('app_logout') }}">
  101.                                                 Deconnexion
  102.                                             </a></li>
  103.                                     </ul>
  104.                                 </li>
  105.                             {% else %}
  106.                                 <li class="nav-item">
  107.                                     <a class="navbar-brand mb-0 h1" href="{{ path('app_login') }}">
  108.                                         Espace Client </a>
  109.                                 </li>
  110.                             {% endif %}
  111.                             <li class="nav-item">
  112.                                 <a class="navbar-brand mb-0 h1 panier" href="#" onclick="openNav()">
  113.                                     <span class="fa fa-shopping-cart fa-2x bgcaddie"></span>
  114.                                     {#                                    <img class="img-fluid" src="/assets/src/picto-panier.png" alt="Panier"/> #}
  115.                                     {% if app.session.get('panier') %}
  116.                                         {% set TotalPanier =0 %}
  117.                                         {% for key,row in app.session.get('panier') %}
  118.                                             {% if key matches '/^\\d+$/' %}
  119.                                                 {% set TotalPanier =  TotalPanier + app.session.get('panier')[key]["qte"] %}
  120.                                             {% endif %}
  121.                                         {% endfor %}
  122.                                         <span class="badge badge-pill badge-danger">{{ TotalPanier }}</span>
  123.                                     {% endif %}
  124.                                 </a>
  125.                             </li>
  126.                             <li class="nav-item">
  127.                                 <a class="navbar-brand mb-0 h1" href=/annonces/liste">
  128.                                     <img class="img-fluid" src="/assets/src/picto-pays.png" alt="pays"/>
  129.                                 </a>
  130.                             </li>
  131.                         </ul>
  132.                         <!--
  133.                             barre de recherche dans la nav bar
  134.                         -->
  135.                     </div>
  136.                 </nav>
  137.                 <nav class="navbar navbar-expand-lg navbar-dark bg-menu-second navbar-lg">
  138.                     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  139.                         <form class="form-inline my-4 my-lg-0" action="{{ path('search') }}" method="get">
  140.                             <input class="form-control mr-sm-2" type="search" name="q"
  141.                                    placeholder="entrez votre recherche" aria-label="entrez votre recherche">
  142.                             <button class="btn btn-outline-light my-2 my-sm-0" type="submit">Rechercher</button>
  143.                         </form>
  144.                         <ul class="navbar-nav ml-auto mr-4">
  145.                             <li class="nav-item navitem-second">
  146.                                 <a class="navbar-brand mb-0 h1" href="{{ path('produits') }}">Produits</a>
  147.                             </li>
  148.                             <li class="nav-item navitem-second">
  149.                                 <a class="navbar-brand mb-0 h1" href="/annonces/liste">Services</a>
  150.                             </li>
  151.                             <li class="nav-item navitem-second">
  152.                                 <a class="navbar-brand mb-0 h1" href="/contact">Aide</a>
  153.                             </li>
  154.                             <li class="nav-item navitem-second">
  155.                                 <a class="navbar-brand mb-0 h1" href="/users/connexion">A propos</a>
  156.                             </li>
  157.                         </ul>
  158.                     </div>
  159.                 </nav>
  160.                 <nav class="navbar navbar-expand-lg navbar-dark bg-menu-three navbar-lg">
  161.                     <!--bouton sur mobile-->
  162.                     <button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse"
  163.                             data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  164.                             aria-expanded="false" aria-label="Toggle navigation">
  165.                         <span class="navbar-toggler-icon"></span>
  166.                     </button>
  167.                     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  168.                         <ul class="navbar-nav ml-auto mr-4">
  169.                             {% for nav in menu %}
  170.                                 <li class="nav-item navitem-three">
  171.                                     {% if nav.souscat is null %}
  172.                                         <a class="navbar-brand mb-0 h1"
  173.                                            href="{{ path('categories',{id:nav.id}) }}"
  174.                                         >
  175.                                             {{ nav.name|upper }}
  176.                                         </a>
  177.                                     {% endif %}
  178.                                 </li>
  179.                             {% endfor %}
  180.                         </ul>
  181.                         <!--
  182.                             barre de recherche dans la nav bar
  183.                         -->
  184.                     </div>
  185.                 </nav>
  186.                 <!-- <nav class="navbar navbar-expand-lg navbar-dark bg-menu-three navbar-sm"> -->
  187.                 <nav class="navbar navbar-expand-lg navbar-dark bg-menu-three navbar-sm">
  188.                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
  189.                             aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  190.                         <span class="navbar-toggler-icon"></span>
  191.                     </button>
  192.                     <div class="collapse navbar-collapse" id="navbarNav">
  193.                         <ul class="navbar-nav">
  194.                                  {% for nav in menu %}
  195.                                 <li class="nav-item navitem-three">
  196.                                     {% if nav.souscat is null %}
  197.                                         <a class="navbar-brand mb-0 h1"
  198.                                            href="{{ path('categories',{id:nav.id}) }}"
  199.                                         >
  200.                                             {{ nav.name|upper }}
  201.                                         </a>
  202.                                     {% endif %}
  203.                                 </li>
  204.                             {% endfor %}
  205.                         </ul>
  206.                     </div>
  207.                 </nav>
  208.                 <form action="{{ path('search') }}" method="get" class="p-2 d-lg-none d-sm-block">
  209.                     <div class="input-group">
  210.                         <input type="text" name="q" class="form-control border border-primary borderinput"
  211.                                placeholder="entrez votre recherche" aria-label="entrez votre recherche"
  212.                                aria-describedby="basic-addon2">
  213.                         <div class="input-group-append">
  214.                             <button class="btn btn-outline-secondary bgcaddie" type="button">Rechercher</button>
  215.                         </div>
  216.                     </div>
  217.                 </form>
  218.             </div>
  219.         </div>
  220.     </div>
  221. </header>
  222. <div id="sideNavigation" class="sidenav">
  223.     <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  224.     <div id="contenupanier">
  225.     {% if app.session.get('panier') %}
  226.         {% set TotalPanier =0 %}
  227.         {% for key,row in app.session.get('panier') %}
  228.             <p><img height='50px' src='/assets/src/{{ row.photo }}' alt='{{ row.name }}'> {{ row.name }}</p>
  229.             <p>Quantité : <span class='text-success'>{{ row.qte }}</span>  Prix : <span class='text-success'>{{ row.prix }}€</span></p><hr>
  230.             {% if key matches '/^\\d+$/' %}
  231.                 {% set TotalPanier =  TotalPanier + app.session.get('panier')[key]["qte"]*row.prix %}
  232.             {% endif %}
  233.         {% endfor %}
  234.         <p>Total : <span class='text-success'>  {{ TotalPanier }} €</span> </p>
  235.         <p> <a class="btn btn-success text-light" href="{{ path('paniers') }}">Voir le panier</a></p>
  236.     {% else %}
  237.        <p><span class="text-light fw-bold">Votre panier est vide</span></p>
  238.     {% endif %}
  239.     </div>
  240. </div>
  241. <!-- fin header-->
  242. {% block body %}{% endblock %}
  243. <!-- début footer-->
  244. <footer>
  245.     <div class="container pt-2">
  246.         <div class="row">
  247.             <img src="/assets/src/footer.png" class="w-100">
  248.         </div>
  249.     </div>
  250. </footer>
  251. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.js" integrity="sha512-n/4gHW3atM3QqRcbCn6ewmpxcLAHGaDjpEBu4xZd47N0W2oQ+6q7oc3PXstrJYXcbNU1OHdQ1T7pAP+gi5Yu8g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  252. <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
  253.         integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
  254.         crossorigin="anonymous"></script>
  255. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
  256.         integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
  257.         crossorigin="anonymous"></script>
  258. <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
  259. <script src="/assets/js/script.js?id="></script>
  260. </body>
  261. </html>
  262. <!-- fin footer-->