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 %}Passeurs d'images - Politique tarifaire{% endblock %}</title>
  6.         <link rel="icon" href="{{ asset ('asset/img/favicon-96x96.png')}}">
  7.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  8.         {% block stylesheets %}
  9.             {{ encore_entry_link_tags('app') }}
  10.         {% endblock %}
  12.         {% block javascripts %}
  13.             {{ encore_entry_script_tags('app') }}
  14.         {% endblock %}
  15.     </head>
  16.     <body>
  18.     {% if app.user == null %}
  19.         <div class="row p-4" style="background-color: #32BEF0">
  20.             <div class="row col-9 col-s-8">
  21.                 <div class="col-2 col-s-2" style="margin-bottom: 20px;">
  22.                     <img src="{{ asset ('asset/img/niLOGO.png')}}" class="" alt="logoNormandieImages" style="min-width: 5rem;max-width: 8rem;">
  23.                 </div>
  24.                 <div class="col-10 col-s-10 text-center pt-5" style="color: white; font-weight: bold; font-size: 2rem">
  25.                     PASSEURS D'IMAGES<br>
  26.                     POLITIQUE TARIFAIRE
  27.                 </div>
  28.             </div>
  29.             <div class="col-3 col-s-4">
  30.                 <div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" style="width: 90%; min-height: 100%">
  31.                     <div class="toast-header" style="background-color: #1B70A0">
  32.                         <strong class="me-auto text-white">Connexion</strong>
  33.                     </div>
  34.                     <form method="post" action="{{ path('app_login') }}">
  35.                         <div class="toast-body">
  36.                             {% if error %}
  37.                                 {% if error.messageKey| split('|') | first == "empty confirmation" %}
  38.                                     <div class="alert alert-danger py-1">
  39.                                         Vous n'avez pas confirmé votre adresse mail. Pour cela, vous avez reçu un mail contenant un lien de confirmation.<br>
  40.                                         <a href="{{ path('app_envoi_mail_confirmation', {'email' : error.messageKey| split('|') | last}) }}">Recevoir de nouveau le mail de confirmation</a>
  41.                                     </div>
  42.                                 {% else %}
  43.                                     <div class="alert alert-danger py-1">
  44.                                         {{ error.messageKey|trans(error.messageData, 'security') }}
  45.                                     </div>
  46.                                 {% endif %}
  47.                             {% endif %}
  48.                             <div style="">
  49.                                 <input type="email" value="" name="email" id="inputEmail" class="form-control form-control-sm mb-2" placeholder="Adresse email" required autofocus>
  50.                                 <input type="password" name="password" id="inputPassword" class="form-control form-control-sm" placeholder="Mot de passe" required>
  51.                                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  52.                                 <a href="{{ path('reset_password') }}">mot de passe oublié ?</a>
  53.                             </div>
  54.                             <div class="col-12 mb-2">
  55.                                 <button class="btn btn-sm btn-primary" type="submit">Se connecter</button>
  56.                             </div>
  57.                         </div>
  58.                     </form>
  59.                 </div>
  60.             </div>
  61.             <div class="col-12 col-s-12 mt-2 d-none">
  62.                 <div class="alert alert-dismissible alert-danger">
  63.                     <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
  64.                     <h4 class="alert-heading">Attention !</h4>
  65.                     <p class="mb-0">
  66.                         MAINTENANCE : La plateforme sera fermée les 16 et 17 décembre
  67.                     </p>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     {% endif %}
  73.     {% block body %}{% endblock %}
  75.     <footer>
  76.         <div>
  77.             <div class="col-12 col-s-12 p-3 mt-5" style="background: #303033; color: #fff!important;">
  78.                 <div class="col-4 col-s-4">
  79.                     <h6 class="footer-h6">Siège social</h6>
  80.                     <div class="footer-text-small">
  81.                         <p>Atrium<br> 115 Boulevard de l'Europe<br> 76100 Rouen</p>
  82.                     </div>
  83.                     <div class="footer-contact pt-3">
  84.                         <a class="" href="https://www.normandieimages.fr/normandie-images/contacts">
  85.                             <img id="contacts" alt="Contacts" height="25px" src="{{ asset("asset/img/contacts.png") }}">
  86.                             <img id="contacts-hover" class="d-none" alt="Contacts" height="25px" src="{{ asset("asset/img/contacts-hover.png") }}">
  87.                         </a>
  88.                     </div>
  89.                 </div>
  90.                 <div class="col-4 col-s-4">
  91.                     <h6 class="footer-h6">Établissement secondaire</h6>
  92.                     <div class="footer-text-small">
  93.                         <span>
  94.                             Pentacle - Bâtiment C<br>
  95.                             5 avenue de Tsukuba<br>
  96.                             14200 Hérouville Saint-Clair<br>
  97.                         </span>
  98.                     </div>
  99.                 </div>
  100.                 <div class="col-4 col-s-4">
  101.                     <iframe data-w-type="embedded" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://qxo3.mjt.lu/wgt/qxo3/30i/form?c=07ad4367" width="100%"></iframe>
  102.                     <h6 class="footer-h6 footer-heading-line" style="text-align: center!important;">
  103.                         <span style="color: #fff!important;">SUIVEZ-NOUS :</span>
  104.                     </h6>
  105.                     <div class="col-12 col-s-12">
  106.                         <div class="col-6 col-s-6 px-2" style="text-align: right">
  107.                             <a href="https://www.facebook.com/normandieimages/" target="_blank" rel="noreferrer">
  108.                                 <img alt="Facebook" width="16px" height="16px" src="{{ asset("asset/img/facebook.png") }}">
  109.                             </a>
  110.                         </div>
  111.                         <div class="col-6 col-s-6 px-2" style="text-align: left">
  112.                             <a href="https://vimeo.com/normandieimages" target="_blank" rel="noreferrer">
  113.                                 <img alt="Vimeo" width="16px" height="16px" src="{{ asset("asset/img/vimeo.png") }}">
  114.                             </a>
  115.                         </div>
  116.                     </div>
  117.                 </div>
  118.             </div>
  119.             <div class="col-12 col-s-12 p-3 footer-text-small" style="background: #303033; color: #fff!important;">
  120.                L'ASSOCIATION EST FINANCÉE ET SOUTENUE PAR LE CONSEIL RÉGIONAL DE NORMANDIE, DES SERVICES DE L'ÉTAT : DIRECTION RÉGIONALE DES AFFAIRES CULTURELLES ET L'ACADÉMIE DE NORMANDIE ; CENTRE NATIONAL DU CINÉMA ET DE L'IMAGE ANIMÉE ; CONSEILS DÉPARTEMENTAUX DE L'EURE, DU CALVADOS, DE LA MANCHE, DE L'ORNE ET DE SEINE-MARITIME.
  121.             </div>
  122.             <div class="col-12 col-s-12 p-3" style="background: #303033; color: #fff!important; text-align: center">
  123.                 <div class="col-1 col-s-1">
  124.                     &nbsp;
  125.                 </div>
  126.                 <div class="col-3 col-s-3">
  127.                     <a class="" href="http://www.prefectures-regions.gouv.fr/normandie">
  128.                         <img alt="" class="" data-src="https://www.normandieimages.fr/templates/yootheme/cache/Logo-Pref_Normandie-6b49de04.jpeg" data-srcset="https://www.normandieimages.fr/templates/yootheme/cache/Logo-Pref_Normandie-6b49de04.jpeg 104w, https://www.normandieimages.fr/templates/yootheme/cache/Logo-Pref_Normandie-f194281f.jpeg 208w" data-sizes="(min-width: 104px) 104px" data-width="104" data-height="100" uk-img="" sizes="(min-width: 104px) 104px" srcset="https://www.normandieimages.fr/templates/yootheme/cache/Logo-Pref_Normandie-6b49de04.jpeg 104w, https://www.normandieimages.fr/templates/yootheme/cache/Logo-Pref_Normandie-f194281f.jpeg 208w" src="https://www.normandieimages.fr/templates/yootheme/cache/Logo-Pref_Normandie-6b49de04.jpeg">
  129.                     </a>
  130.                 </div>
  131.                 <div class="col-3 col-s-3">
  132.                     <a class="" href="https://www.normandie.fr/">
  133.                         <img alt="" class="" data-src="https://www.normandieimages.fr/templates/yootheme/cache/RegionNormandie-rvb-3143892a.png" data-srcset="https://www.normandieimages.fr/templates/yootheme/cache/RegionNormandie-rvb-3143892a.png 100w, https://www.normandieimages.fr/templates/yootheme/cache/RegionNormandie-rvb-21bf0aa3.png 200w" data-sizes="(min-width: 100px) 100px" data-width="100" data-height="95" uk-img="" sizes="(min-width: 100px) 100px" srcset="https://www.normandieimages.fr/templates/yootheme/cache/RegionNormandie-rvb-3143892a.png 100w, https://www.normandieimages.fr/templates/yootheme/cache/RegionNormandie-rvb-21bf0aa3.png 200w" src="https://www.normandieimages.fr/templates/yootheme/cache/RegionNormandie-rvb-3143892a.png">
  134.                     </a>
  135.                 </div>
  136.                 <div class="col-3 col-s-3">
  137.                     <a class="" href="http://www.cnc.fr/web/fr">
  138.                         <img alt="logo Centre National du Cinéma et de l'Image Animée" class="" data-src="https://www.normandieimages.fr/templates/yootheme/cache/LOGO_CNC-622354e2.jpeg" data-srcset="https://www.normandieimages.fr/templates/yootheme/cache/LOGO_CNC-622354e2.jpeg 210w, https://www.normandieimages.fr/templates/yootheme/cache/LOGO_CNC-955c100e.jpeg 419w, https://www.normandieimages.fr/templates/yootheme/cache/LOGO_CNC-2f003408.jpeg 420w" data-sizes="(min-width: 210px) 210px" data-width="210" data-height="42" uk-img="" sizes="(min-width: 210px) 210px" srcset="https://www.normandieimages.fr/templates/yootheme/cache/LOGO_CNC-622354e2.jpeg 210w, https://www.normandieimages.fr/templates/yootheme/cache/LOGO_CNC-955c100e.jpeg 419w, https://www.normandieimages.fr/templates/yootheme/cache/LOGO_CNC-2f003408.jpeg 420w" src="https://www.normandieimages.fr/templates/yootheme/cache/LOGO_CNC-622354e2.jpeg">
  139.                     </a>
  140.                 </div>
  141.                 <div class="col-2 col-s-2">
  142.                     &nbsp;
  143.                 </div>
  144.             </div>
  145.             <div class="col-12 col-s-12 p-3" style="background: #303033; color: #fff!important; text-align: center">
  146.                 <div class="col-1 col-s-1">
  147.                     &nbsp;
  148.                 </div>
  149.                 <div class="col-2 col-s-2">
  150.                     <a class="" href="http://www.eure-en-ligne.fr/cg27/accueil_eure_en_ligne">
  151.                         <img alt="Logo Département de l'Eure" data-src="https://www.normandieimages.fr/templates/yootheme/cache/Eure_27_logo_2016svg-837c9135.png" data-srcset="https://www.normandieimages.fr/templates/yootheme/cache/Eure_27_logo_2016svg-837c9135.png 60w, https://www.normandieimages.fr/templates/yootheme/cache/Eure_27_logo_2016svg-b660422e.png 120w" data-sizes="(min-width: 60px) 60px" data-width="60" data-height="60" sizes="(min-width: 60px) 60px" srcset="https://www.normandieimages.fr/templates/yootheme/cache/Eure_27_logo_2016svg-837c9135.png 60w, https://www.normandieimages.fr/templates/yootheme/cache/Eure_27_logo_2016svg-b660422e.png 120w" src="https://www.normandieimages.fr/templates/yootheme/cache/Eure_27_logo_2016svg-837c9135.png">
  152.                     </a>
  153.                 </div>
  154.                 <div class="col-2 col-s-2">
  155.                     <a class="" href="https://www.calvados.fr/accueil.html">
  156.                         <img alt="Logo département du Calvados" data-src="https://www.normandieimages.fr/templates/yootheme/cache/CalvadosDep_logotypes_Global_CMJN-8b2d3ff8.jpeg" data-srcset="https://www.normandieimages.fr/templates/yootheme/cache/CalvadosDep_logotypes_Global_CMJN-8b2d3ff8.jpeg 71w, https://www.normandieimages.fr/templates/yootheme/cache/CalvadosDep_logotypes_Global_CMJN-3933bf7b.jpeg 142w" data-sizes="(min-width: 71px) 71px" data-width="71" data-height="60" sizes="(min-width: 71px) 71px" srcset="https://www.normandieimages.fr/templates/yootheme/cache/CalvadosDep_logotypes_Global_CMJN-8b2d3ff8.jpeg 71w, https://www.normandieimages.fr/templates/yootheme/cache/CalvadosDep_logotypes_Global_CMJN-3933bf7b.jpeg 142w" src="https://www.normandieimages.fr/templates/yootheme/cache/CalvadosDep_logotypes_Global_CMJN-8b2d3ff8.jpeg">
  157.                     </a>
  158.                 </div>
  159.                 <div class="col-2 col-s-2">
  160.                     <a class="" href="http://www.manche.fr/">
  161.                         <img alt="Logo département de la Manche" data-src="https://www.normandieimages.fr/templates/yootheme/cache/DEPARTEMENT50-2019-8742e7bb.jpeg" data-srcset="https://www.normandieimages.fr/templates/yootheme/cache/DEPARTEMENT50-2019-8742e7bb.jpeg 188w, https://www.normandieimages.fr/templates/yootheme/cache/DEPARTEMENT50-2019-19b2ae81.jpeg 250w, https://www.normandieimages.fr/templates/yootheme/cache/DEPARTEMENT50-2019-8217e2ee.jpeg 251w" data-sizes="(min-width: 188px) 188px" data-width="188" data-height="60" sizes="(min-width: 188px) 188px" srcset="https://www.normandieimages.fr/templates/yootheme/cache/DEPARTEMENT50-2019-8742e7bb.jpeg 188w, https://www.normandieimages.fr/templates/yootheme/cache/DEPARTEMENT50-2019-19b2ae81.jpeg 250w, https://www.normandieimages.fr/templates/yootheme/cache/DEPARTEMENT50-2019-8217e2ee.jpeg 251w" src="https://www.normandieimages.fr/templates/yootheme/cache/DEPARTEMENT50-2019-8742e7bb.jpeg">
  162.                     </a>
  163.                 </div>
  164.                 <div class="col-2 col-s-2">
  165.                     <a class="" href="http://www.orne.fr/">
  166.                         <img alt="Logo département de l'Orne" data-src="https://www.normandieimages.fr/templates/yootheme/cache/Orne_61_logo_2015-4ac41998.jpeg" data-srcset="https://www.normandieimages.fr/templates/yootheme/cache/Orne_61_logo_2015-4ac41998.jpeg 123w, https://www.normandieimages.fr/templates/yootheme/cache/Orne_61_logo_2015-b2160ac1.jpeg 246w" data-sizes="(min-width: 123px) 123px" data-width="123" data-height="60" uk-img="" sizes="(min-width: 123px) 123px" srcset="https://www.normandieimages.fr/templates/yootheme/cache/Orne_61_logo_2015-4ac41998.jpeg 123w, https://www.normandieimages.fr/templates/yootheme/cache/Orne_61_logo_2015-b2160ac1.jpeg 246w" src="https://www.normandieimages.fr/templates/yootheme/cache/Orne_61_logo_2015-4ac41998.jpeg">
  167.                     </a>
  168.                 </div>
  169.                 <div class="col-2 col-s-2">
  170.                     <a class="" href="http://www.seinemaritime.fr/">
  171.                         <img src="https://www.normandieimages.fr/templates/yootheme/cache/7b/logo_cd_76_web-7b2db35c.jpeg" width="57" height="60" alt="Logo département de Seine-Maritime" loading="lazy" class="el-image uk-transition-opaque">
  172.                     </a>
  173.                 </div>
  174.             </div>
  175.             <div class="col-12 col-s-12 p-3" style="background: #303033; color: #fff!important; text-align: center">
  176.                 <div class="">
  177.                     <div class="">
  179.                         <div class="">
  180.                             <div class="col-3 col-s-3">
  181.                                 <h6 class="footer-h6 pt-1" style="text-align: left!important;">
  182.                                     <span style="color: #fff!important;">© 2018 NORMANDIE IMAGES</span>
  183.                                 </h6>
  184.                             </div>
  186.                             <div class="col-6 col-s-6 footer-mentions">
  187.                                 <div class="col-6 col-s-6 px-2" style="text-align: right!important;">
  188.                                     <a class="" href="https://www.normandieimages.fr/11-normandie-images/82-mentions-legales-cookies-statistiques" target="_blank">
  189.                                         <span class="footer-text-small">MENTIONS LÉGALES - COOKIES &amp; STATISTIQUES</span>
  190.                                     </a>
  191.                                 </div>
  192.                                 <div class="col-6 col-s-6 px-2" style="text-align: left!important;">
  193.                                     <a class="" href="https://www.normandieimages.fr/sitemap" target="_blank">
  194.                                         <span class="footer-text-small">PLAN DU SITE</span>
  195.                                     </a>
  196.                                 </div>
  197.                             </div>
  199.                             <div class="col-3 col-s-3">
  200.                                 <div class="text-right">
  201.                                     <a class="footer-h6" href="#" >
  202.                                 <span uk-icon="icon: arrow-up; width: 20; height: 20;" class="uk-icon">
  203.                                     <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polygon points="10.5,4 15.37,9.4 14.63,10.08 10.5,5.49 6.37,10.08 5.63,9.4"></polygon><line fill="none" stroke="#000" x1="10.5" y1="16" x2="10.5" y2="5"></line></svg></span>
  204.                                     </a>
  205.                                 </div>
  206.                             </div>
  207.                         </div>
  208.                     </div>
  209.                 </div>
  210.             </div>
  211.         </div>
  212.     </footer>
  214.     </body>
  216.     <!-- CSS only -->
  217.     <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  218.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  219.     <script src="https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" integrity="sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" crossorigin="anonymous"></script>
  220.     <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js" integrity="sha384-zNy6FEbO50N+Cg5wap8IKA4M/ZnLJgzc6w2NqACZaK0u0FXfOWRRJOnQtpZun8ha" crossorigin="anonymous"></script>
  221.     {#<script src="assets/js/dashboard.js"></script>#}
  222.     <!-- JavaScript Bundle with Popper -->
  223.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
  224.     <!-- JavaScript spécifiques -->
  225.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.7/jquery.inputmask.min.js"></script>
  226.     <script type="text/javascript" src="{{ asset ('asset/js/inscription/app.js')}}" ></script>
  227.     <script type="text/javascript" src="{{ asset ('asset/js/cinema/app.js')}}" ></script>
  229.     <link href="{{ asset ('asset/css/style.css')}}" rel="stylesheet">
  230.     <link href="{{ asset ('asset/css/navbar.css')}}" rel="stylesheet">
  232.     <script>
  233.         var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
  234.         var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  235.             return new bootstrap.Popover(popoverTriggerEl)
  236.         })
  237.     </script>
  238. </html>