templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. {% set current_route = app.request.get('_route') %}
  4. <head>
  6.     <!-- Google tag (gtag.js) -->
  7.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WCBCV7R0GY"></script>
  8.     <script>
  9.         window.dataLayer = window.dataLayer || [];
  11.         function gtag() {
  12.             dataLayer.push(arguments);
  13.         }
  15.         gtag('js', new Date());
  17.         gtag('config', 'G-WCBCV7R0GY');
  18.     </script>
  20.     {# CDN DataTable #}
  21.     <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
  22.     <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
  23.     <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
  25.     <script src="https://touchpay.gutouch.net/touchpayv2/script/touchpaynr/prod_touchpay-0.0.1.js" type="text/javascript"></script>
  26.     
  27.     <meta charset="UTF-8">
  28.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  29.     <link rel="icon" type="text/css" href="/img/logo.png">
  30.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"/>
  31.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
  32.     <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
  33.     <link rel="stylesheet" href="https://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.css"/>
  34.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
  35.     <link href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap5.min.css" rel="stylesheet">
  36.     {% block stylesheets %}
  37.         {{ encore_entry_link_tags('app') }}
  38.     {% endblock %}
  39.     <link rel="stylesheet" type="text/css" href="/css/headers.css">
  41.     <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
  42.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
  43.     <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
  44.     <script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap5.min.js"></script>
  45.     <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  46.     <script src="https://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>
  47.     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/js/all.min.js" integrity="sha512-naukR7I+Nk6gp7p5TMA4ycgfxaZBJ7MO5iC3Fp6ySQyKFHOGfpkSZkYVWV5R7u7cfAicxanwYQ5D1e17EfJcMA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  49.     <title>{% block title %}Calcul-Turf{% endblock %}</title>
  50.     <script type="text/javascript">
  51.         /* let is_admin = {% if (is_granted('ROLE_ADMIN')) %}true{% else %}false{% endif %}; */
  52.     </script>
  53. </head>
  54. <body class="bg-light">
  55. {% if (current_route == 'app_abonnement_pay') %}
  56.     <script src="https://www.paypal.com/sdk/js?client-id={{ app.request.server.get('PAYPAL_CLIENT_ID') }}&disable-funding=card&vault=true&intent=subscription"></script>
  57. {% endif %}
  59. <header class="bg-dark text-white">
  60.     <div class="container">
  61.         <a class="toggle pull-right">{{ source('svg/menu.svg') }}</a>
  63.         <nav id="main-nav">
  64.             {% include 'includes/menu.html.twig' with {isMobileMenu: true} %}
  65.         </nav>
  67.         <nav id="main_navbar" class="navbar navbar-inverse no-border-radius xs-height75 navbar-static-top pl-0 pr-0 navbar-expand-lg navbar-dark">
  68.             <a class="text-white navbar-brand" href="/">
  69.                 <img src="/img/logo.png" class="d-inline-block align-top logo" alt="logo">
  70.             </a>
  72.             <div class="collapse navbar-collapse" id="MegaNavbarID">
  73.                 {% include 'includes/menu.html.twig' with {isMobileMenu: false} %}
  74.             </div>
  76.           
  77.         </nav>
  78.     </div>
  79. </header>
  82. {% block body %}{% endblock %}
  83. <div class="bg-dark p-2 pt-0 pb-0">
  84.     <div class="container">
  85.         <footer class="py-3">
  86.             <div class="row border-bottom d-flex justify-content-between">
  87.                 <div class="col-md-3 py-3">
  88.                     <a href="/" class="d-flex align-items-center mb-3 link-ligth text-decoration-none">
  89.                         <img src="/img/logo.png" class="d-inline-block align-top logo" alt="logo">
  90.                     </a>
  91.                 </div>
  94.                 <div class="col-md-3 py-3 footer-payment-icons d-flex ">
  95.                     <img src="/img/moov-money-50px.svg" alt="Moov Money" class="img-fluid">
  96.                     <img src="/img/mtn-50px.svg" alt="MTN" class="img-fluid">
  97.                     <img src="/img/orangemoney-50px.svg" alt="Orange Money" class="img-fluid">
  98.                     <img src="/img/wave-50px.svg" alt="Wave" class="img-fluid">
  99.                     <img src="/img/paypal.png" alt="PayPal" class="img-fluid">
  100.                 </div>
  101.                 <div class="col-md-6">
  102.                     <div class="row">
  103.                         <div class="col py-3">
  104.                             <h5 class="text-light">Liens</h5>
  105.                             <ul class="nav flex-column">
  106.                                 <li class="nav-item mb-2">
  107.                                     <div class="dropdown">
  108.                                         {# <a href="#" class="nav-link dropdown-toggle no-caret p-0 text-muted" data-bs-toggle="dropdown" aria-expanded="false" id="button-help"><i class="fa fa-chevron-right fa-fw me-1"></i>Aide</a> #}
  109.                                         <ul class="dropdown-menu">
  110.                                             <li><a href="" class="dropdown-item"><i class="fa fa-chevron-right fa-fw me-1"></i> Généralités</a></li>
  111.                                             <li><a href="" class="dropdown-item"><i class="fa fa-chevron-right fa-fw me-1"></i> Mon compte</a></li>
  112.                                             <li><a href="" class="dropdown-item"><i class="fa fa-chevron-right fa-fw me-1"></i> Trucs et astuces</a></li>
  113.                                         </ul>
  114.                                     </div>
  115.                                 </li>
  116.                                 <li class="nav-item mb-2"><a href="{{ path('app_contact_us_index') }}" class="nav-link p-0 {% if ('_contact_us_' in current_route) %} text-success{% else %} text-muted{% endif %}"><i class="fa fa-chevron-right fa-fw me-1"></i>Nous contacter</a></li>
  117.                             </ul>
  118.                         </div>
  119.                         <div class="col py-3">
  120.                             <h5 class="text-light">Réseaux sociaux</h5>
  121.                             <ul class="nav flex-column">
  122.                                 <li class="nav-item mb-2">
  123.                                     <a href="https://www.facebook.com/profile.php?id=100091163472284" title="Calcul-turf.com | Facebook" target="blank" class="nav-link me-1 p-0 d-inline text-muted fs-4"><i class="fab fa-square-facebook"></i></a>
  124.                                     <a href="https://twitter.com/calculturf" target="blank" class="nav-link p-0 d-inline text-muted fs-4"><i class="fab fa-square-twitter"></i></a>
  125.                                 </li>
  126.                             </ul>
  127.                         </div>
  129.                         <div class="col py-3">
  130.                             <h5 class="text-light">Autre liens</h5>
  131.                             <ul class="nav flex-column">
  132.                                 <li class="nav-item mb-2"><a href='{{ asset('./cgv.pdf') }}' class="nav-link p-0 text-muted"><i class="fa fa-chevron-right fa-fw me-1"></i>CGV</a></li>
  133.                                 {# <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted"><i class="fa fa-chevron-right fa-fw me-1"></i>Cookies</a></li> #}
  134.                                 <li class="nav-item mb-2"><a href="{{ path('app_jeu_resp') }}" class="nav-link p-0 text-muted"><i class="fa fa-chevron-right fa-fw me-1"></i>Jeu responsable</a></li>
  135.                             </ul>
  136.                         </div>
  137.                     </div>
  138.                 </div>
  139.             </div>
  140.             <p class="text-center text-muted mt-3">© 2023 &middot; Calcul-Turf</p>
  141.         </footer>
  142.     </div>
  143. </div>
  144. <a id="to-top" class="btn btn-dark bordered border-light to-top"><i class="fas fa-chevron-up"></i></a>
  145. <div class="modal-loading">
  146.     <div class="modal-loading-body">
  147.         <div class="row">
  148.             <div class="col-md-12"></div>
  149.         </div>
  150.     </div>
  151. </div>
  152. </body>
  153. {% block javascripts %}
  154.     {% if (current_route == 'program') %}
  155.         {{ encore_entry_script_tags('app_program') }}
  156.     {% elseif (current_route == 'actualites') %}
  157.         {{ encore_entry_script_tags('app_actualites') }}
  158.     {# {% elseif (current_route == 'program_course') %}
  159.         {{ encore_entry_script_tags('app_program_course') }} #}
  160.     {% else %}
  161.         {{ encore_entry_script_tags('app') }}
  162.     {% endif %}
  163.     <script type="text/javascript">
  164.         document.addEventListener("scroll", function () {
  165.             var scrolledEl = this.documentElement.scrollTop;
  166.             if (scrolledEl > 200) document.getElementById('to-top').style.display = "block";
  167.             else document.getElementById('to-top').style.display = "none";
  168.         });
  170.         document.getElementById('to-top').addEventListener("click", function (e) {
  171.             e.preventDefault();
  172.             scrollToTop(100);
  173.         });
  175.         function scrollToTop(_timeTo) {
  176.             $([document.documentElement, document.body]).animate({
  177.                 scrollTop: 0
  178.             }, _timeTo);
  179.         }
  181.         function showLoader() {
  182.             $('.modal-loading').find('.modal-loading-body').find('.col-md-12').html("Chargement...<br>Patientez s'il vous plaît!");
  183.             $('.modal-loading').css({'display': 'flex'});
  184.         }
  186.         function hideLoader() {
  187.             $('.modal-loading').hide();
  188.             $('.modal-loading').find('.modal-loading-body').find('.col-md-12').html("");
  189.         }
  190.     </script>
  191. {% endblock %}
  192. </html>