templates/partials/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <!-- Bootstrap 5 -->
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1" />
  8.     <title>{% block title %}Max-interfor{% endblock %}</title>
  10.     <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap" rel="stylesheet">
  12.     <script src="https://kit.fontawesome.com/11084d3540.js" crossorigin="anonymous"></script>
  13.     <script src="https://www.google.com/recaptcha/api.js?render=6Lf982YpAAAAAMoDZWtOsIXXxv0coqlZOfg3YL6m"></script>
  15.     <!-- Favicon -->
  16.     <link rel="apple-touch-icon" href="{{ asset("/img/favicon/apple-touch-icon.png") }}" sizes="180x180">
  17.     <link rel="icon" href="{{ asset("/img/favicon/favicon-32x32.png") }}" sizes="32x32" type="image/png">
  18.     <link rel="icon" href="{{ asset("/img/favicon/favicon-16x16.png") }}" sizes="16x16" type="image/png">
  20.     <link rel="icon" href="{{ asset("/img/favicon/favicon.ico") }}" />
  22.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
  23.     <link rel="stylesheet" href="{{ asset('/css/admin/styles.css') }}">
  24.     <link rel="stylesheet" href="{{ asset('/css/admin/custom.css') }}">
  26.         {{ encore_entry_link_tags('app') }}
  27.     {% if app.environment == 'prod' %}
  28.         <!-- Global site tag (gtag.js) - Google Analytics -->
  29.                 <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z0L8028J2G"></script>
  30.                 <script>
  31.                     window.dataLayer = window.dataLayer || [];
  32.                     function gtag(){dataLayer.push(arguments);}
  33.                     gtag('js', new Date());
  34.                     gtag('config', 'G-Z0L8028J2G');
  35.                 </script>
  36.         <!-- Google Tag Manager -->
  37. {#        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':#}
  38. {#                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],#}
  39. {#                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=#}
  40. {#                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);#}
  41. {#            })(window,document,'script','dataLayer','GTM-KRR7H53');</script>#}
  42.         <!-- End Google Tag Manager -->
  46.     {% endif %}
  47.     <!-- Meta Pixel Code -->
  49.     <script>
  51.         !function(f,b,e,v,n,t,s)
  53.         {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  55.             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  57.             if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  59.             n.queue=[];t=b.createElement(e);t.async=!0;
  61.             t.src=v;s=b.getElementsByTagName(e)[0];
  63.             s.parentNode.insertBefore(t,s)}(window, document,'script',
  65.             'https://connect.facebook.net/en_US/fbevents.js');
  67.         fbq('init', '689658102920602');
  69.         fbq('track', 'PageView');
  71.     </script>
  73.     <noscript><img height="1" width="1" style="display:none"
  75.                    src="https://www.facebook.com/tr?id=689658102920602&ev=PageView&noscript=1"
  77.         /></noscript>
  79.     <!-- End Meta Pixel Code -->
  82. </head>
  84. <body>
  85. <style>
  86.     .grecaptcha-badge { visibility: hidden; }
  88. </style>
  89. <!-- Google Tag Manager (noscript) -->
  90. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KRR7H53"
  91.                   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  92. <!-- End Google Tag Manager (noscript) -->
  93. {% block body %}
  94.     {% block javascript %}{% endblock %}
  96. {% endblock %}
  97.         {% include "partials/footer.html.twig" %}
  98.     </div>
  99. </div>
  100. <div class="modal fade" id="show-contact" tabindex="-1" role="dialog" aria-keyshortcuts="true" aria-labelledby="show-modal-contactModalLabel" aria-hidden="true">
  101.     <div class="modal-dialog" role="document">
  102.         <div class="modal-content">
  103.             <div class="modal-header">
  104.                 <h5 class="modal-title" id="exampleModalLabel">Contacter Interfor</h5>
  105.                 <button type="button btn-dark" class="close" data-dismiss="modal" aria-label="Close">
  106.                     <span aria-hidden="true">&times;</span>
  107.                 </button>
  108.             </div>
  110.             <div class="modal-body ">
  111.                 <div id="form">
  112.                     <form id="contact-form">
  113.                         <div class="form-group"style="margin: 0 30px">
  114.                             <div>
  115.                                 <label>Nom Prénom</label>
  116.                                 <input type="text" class="form-control" name="name" required>
  117.                             </div>
  118.                             <div >
  119.                                 <label>Email</label>
  120.                                 <input type="email" class="form-control" name="email" required>
  121.                             </div>
  122.                             <div >
  123.                                 <label>Motif</label>
  124.                                 <input type="text" class="form-control" name="subject" required>
  125.                             </div>
  126.                             <div  class="mt-2">
  127.                                 <label>Votre message : </label>
  128.                                 <textarea style="min-height: 30pt;" id="commentLuminjo" class="form-control" name="content" required></textarea>
  129.                             </div>
  130.                             <div  class="mt-5 text-center">
  131.                                 <button class="g-recaptcha btn btn-primary"
  132. {#                                        data-sitekey="6Lf982YpAAAAAMoDZWtOsIXXxv0coqlZOfg3YL6m"#}
  133. {#                                        data-callback='submitLumingo'#}
  134. {#                                        data-action='submit'#}
  135.                                         type="submit" onclick="submitLumingo(event)" class="btn btn-primary"
  136.                                 >Envoyer</button>
  137.                             </div>
  138.                         </div>
  139.                     </form>
  140.                 </div>
  141.                 <div id="form-valid" style="display: none">
  142.                     <div class="alert alert-success">Le message a bien été envoyé</div>
  143.                 </div>
  144.                 <div id="form-error" style="display: none">
  145.                     <div class="alert alert-danger">Un erreur est survenue lors de l'envoi du message, veuillez réessayer ultérieurement</div>
  146.                 </div>
  147.             </div>
  149.         </div>
  150.     </div>
  151. </div>
  153. </body>
  155. {% block javascripts %}
  156.     <script src="https://max-interfor.luminjo.com/js/embed.js"></script>
  157.     <script src="{{ asset('./js/jquery.min.js') }}"></script>
  159. {#    <script src="https://www.google.com/recaptcha/api.js?render=6Lf982YpAAAAAMoDZWtOsIXXxv0coqlZOfg3YL6m#}
  160. {#"></script>#}
  162.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  163.     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  164.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  165.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
  166.     <script>
  167.      function submitLumingo(e) {
  168.         grecaptcha.ready(function() {
  169.             grecaptcha.execute('6Lf982YpAAAAAMoDZWtOsIXXxv0coqlZOfg3YL6m', {action: 'submit'}).then(function(token) {
  170.                 const message = $('#commentLuminjo').val();
  171.                 let name = $('input[name="name"]').val();
  172.                 let email = $('input[name="email"]').val();
  173.                 let subject = $('input[name="subject"]').val();
  174.                 $.ajax({
  175.                     dataType: 'json',
  176.                     type: 'POST',
  177.                     contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
  178.                     url: '{{ path('send_luminjo_api') }}',
  179.                     data: {
  180.                         token: token,
  181.                         name: name,
  182.                         message: message,
  183.                         email: email,
  184.                         subject: subject
  185.                     },
  186.                     success: function (data) {
  188.                         window.location.reload()
  189.                         e.preventDefault()
  190.                     },
  191.                     error: function (data) {
  192.                         e.preventDefault()
  193.                     },
  194.                 });
  195.             });
  196.         });
  197.     };
  199.     </script>
  200. {#    <script src="https://www.google.com/recaptcha/api.js"></script>#}
  201. {% endblock %}
  202. </html>