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 style="background-color: black">
  18.     <div class="row" style="background-color: #80b932; margin: auto; max-width: 95rem">
  20.         {% if app.user == null %}
  21.             <div class="row p-4">
  22.                 <div class="row col-9 col-s-8">
  23.                     <div class="col-2 col-s-2" style="margin-bottom: 20px;">
  24.                         <img src="{{ asset ('asset/img/niLOGO.png')}}" class="" alt="logoNormandieImages" style="min-width: 5rem;max-width: 8rem;">
  25.                     </div>
  26.                     <div class="col-10 col-s-10 text-center pt-5" style="color: white; font-weight: bold; font-size: 2rem">
  27.                         PASSEURS D'IMAGES<br>
  28.                         POLITIQUE TARIFAIRE
  29.                     </div>
  30.                 </div>
  31.                 <div class="col-3 col-s-4">
  32.                     <div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" style="min-height: 100%">
  33.                         <div class="toast-header" style="background-color: #1B70A0">
  34.                             <strong class="me-auto text-white">Connexion</strong>
  35.                         </div>
  36.                         <form method="post" action="{{ path('app_login') }}">
  37.                             <div class="toast-body">
  38.                                 {% if error %}
  39.                                     {% if error.messageKey| split('|') | first == "empty confirmation" %}
  40.                                         <div class="alert alert-danger py-1">
  41.                                             Vous n'avez pas confirmé votre adresse mail. Pour cela, vous avez reçu un mail contenant un lien de confirmation.<br>
  42.                                             <a href="{{ path('app_envoi_mail_confirmation', {'email' : error.messageKey| split('|') | last}) }}">Recevoir de nouveau le mail de confirmation</a>
  43.                                         </div>
  44.                                     {% else %}
  45.                                         <div class="alert alert-danger py-1">
  46.                                             {{ error.messageKey|trans(error.messageData, 'security') }}
  47.                                         </div>
  48.                                     {% endif %}
  49.                                 {% endif %}
  50.                                 <div style="">
  51.                                     <input type="email" value="" name="email" id="inputEmail" class="form-control form-control-sm mb-2" placeholder="Adresse email" required autofocus>
  52.                                     <input type="password" name="password" id="inputPassword" class="form-control form-control-sm" placeholder="Mot de passe" required>
  53.                                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  54.                                     <a href="{{ path('reset_password') }}">première connexion ou mot de passe oublié</a>
  55.                                 </div>
  56.                                 <div class="col-12 mb-2">
  57.                                     <button class="btn btn-sm btn-primary" type="submit">Se connecter</button>
  58.                                 </div>
  59.                             </div>
  60.                         </form>
  61.                     </div>
  62.                 </div>
  63.                 <div class="col-12 col-s-12 mt-2 d-none">
  64.                     <div class="alert alert-dismissible alert-danger">
  65.                         <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
  66.                         <h4 class="alert-heading">Attention !</h4>
  67.                         <p class="mb-0">
  68.                             MAINTENANCE : La plateforme sera fermée les 16 et 17 décembre
  69.                         </p>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         {% endif %}
  75.         {% block body %}{% endblock %}
  77.         <footer class="p-0">
  78.             <div>
  79.                 <div class="col-12 col-s-12 p-3" style="background: #303033; color: #fff!important;">
  80.                     <div class="col-4 col-s-4">
  81.                         <h6 class="footer-h6">Siège social</h6>
  82.                         <div class="footer-text-small">
  83.                             <p>Atrium<br> 115 Boulevard de l'Europe<br> 76100 Rouen</p>
  84.                         </div>
  85.                         <div class="footer-contact pt-3">
  86.                             <a class="" href="https://www.normandieimages.fr/normandie-images/contacts">
  87.                                 <img id="contacts" alt="Contacts" height="25px" src="{{ asset("asset/img/contacts.png") }}">
  88.                                 <img id="contacts-hover" class="d-none" alt="Contacts" height="25px" src="{{ asset("asset/img/contacts-hover.png") }}">
  89.                             </a>
  90.                         </div>
  91.                     </div>
  92.                     <div class="col-4 col-s-4">
  93.                         <h6 class="footer-h6">Établissement secondaire</h6>
  94.                         <div class="footer-text-small">
  95.                             <span>
  96.                                 Pentacle - Bâtiment C<br>
  97.                                 5 avenue de Tsukuba<br>
  98.                                 14200 Hérouville Saint-Clair<br>
  99.                             </span>
  100.                         </div>
  101.                     </div>
  102.                     <div class="col-4 col-s-4">
  103.                         <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>
  104.                         <h6 class="footer-h6 footer-heading-line" style="text-align: center!important;">
  105.                             <span style="color: #fff!important;">SUIVEZ-NOUS :</span>
  106.                         </h6>
  107.                         <div class="col-12 col-s-12">
  108.                             <div class="col-6 col-s-6 px-2" style="text-align: right">
  109.                                 <a href="https://www.facebook.com/normandieimages/" target="_blank" rel="noreferrer">
  110.                                     <img alt="Facebook" width="16px" height="16px" src="{{ asset("asset/img/facebook.png") }}">
  111.                                 </a>
  112.                             </div>
  113.                             <div class="col-6 col-s-6 px-2" style="text-align: left">
  114.                                 <a href="https://vimeo.com/normandieimages" target="_blank" rel="noreferrer">
  115.                                     <img alt="Vimeo" width="16px" height="16px" src="{{ asset("asset/img/vimeo.png") }}">
  116.                                 </a>
  117.                             </div>
  118.                         </div>
  119.                     </div>
  120.                 </div>
  121.                 <div class="col-12 col-s-12 p-3 footer-text-small" style="background: #303033; color: #fff!important;">
  122.                    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.
  123.                 </div>
  124.                 <div class="col-12 col-s-12 p-3" style="background: #303033; color: #fff!important; text-align: center">
  125.                     <div class="col-1 col-s-1">
  126.                         &nbsp;
  127.                     </div>
  128.                     <div class="col-3 col-s-3">
  129.                         <a class="" href="http://www.prefectures-regions.gouv.fr/normandie">
  130.                             <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">
  131.                         </a>
  132.                     </div>
  133.                     <div class="col-3 col-s-3">
  134.                         <a class="" href="https://www.normandie.fr/">
  135.                             <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">
  136.                         </a>
  137.                     </div>
  138.                     <div class="col-3 col-s-3">
  139.                         <a class="" href="http://www.cnc.fr/web/fr">
  140.                             <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">
  141.                         </a>
  142.                     </div>
  143.                     <div class="col-2 col-s-2">
  144.                         &nbsp;
  145.                     </div>
  146.                 </div>
  147.                 <div class="col-12 col-s-12 p-3" style="background: #303033; color: #fff!important; text-align: center">
  148.                     <div class="col-1 col-s-1">
  149.                         &nbsp;
  150.                     </div>
  151.                     <div class="col-2 col-s-2">
  152.                         <a class="" href="http://www.eure-en-ligne.fr/cg27/accueil_eure_en_ligne">
  153.                             <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">
  154.                         </a>
  155.                     </div>
  156.                     <div class="col-2 col-s-2">
  157.                         <a class="" href="https://www.calvados.fr/accueil.html">
  158.                             <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">
  159.                         </a>
  160.                     </div>
  161.                     <div class="col-2 col-s-2">
  162.                         <a class="" href="http://www.manche.fr/">
  163.                             <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">
  164.                         </a>
  165.                     </div>
  166.                     <div class="col-2 col-s-2">
  167.                         <a class="" href="http://www.orne.fr/">
  168.                             <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">
  169.                         </a>
  170.                     </div>
  171.                     <div class="col-2 col-s-2">
  172.                         <a class="" href="http://www.seinemaritime.fr/">
  173.                             <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">
  174.                         </a>
  175.                     </div>
  176.                 </div>
  177.                 <div class="col-12 col-s-12 p-3" style="background: #303033; color: #fff!important; text-align: center">
  178.                     <div class="">
  179.                         <div class="">
  181.                             <div class="">
  182.                                 <div class="col-3 col-s-3">
  183.                                     <h6 class="footer-h6 pt-1" style="text-align: left!important;">
  184.                                         <span style="color: #fff!important;">© 2018 NORMANDIE IMAGES</span>
  185.                                     </h6>
  186.                                 </div>
  188.                                 <div class="col-6 col-s-6 footer-mentions">
  189.                                     <div class="col-6 col-s-6 px-2" style="text-align: right!important;">
  190.                                         <a class="" href="https://www.normandieimages.fr/11-normandie-images/82-mentions-legales-cookies-statistiques" target="_blank">
  191.                                             <span class="footer-text-small">MENTIONS LÉGALES - COOKIES &amp; STATISTIQUES</span>
  192.                                         </a>
  193.                                     </div>
  194.                                     <div class="col-6 col-s-6 px-2" style="text-align: left!important;">
  195.                                         <a class="" href="https://www.normandieimages.fr/sitemap" target="_blank">
  196.                                             <span class="footer-text-small">PLAN DU SITE</span>
  197.                                         </a>
  198.                                     </div>
  199.                                 </div>
  201.                                 <div class="col-3 col-s-3">
  202.                                     <div class="text-right">
  203.                                         <a class="footer-h6" href="#" >
  204.                                             <span uk-icon="icon: arrow-up; width: 20; height: 20;" class="uk-icon">
  205.                                             <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>
  206.                                         </a>
  207.                                     </div>
  208.                                 </div>
  209.                             </div>
  210.                         </div>
  211.                     </div>
  212.                 </div>
  213.             </div>
  214.         </footer>
  215.     </div>
  216.     </body>
  218.     <!-- CSS only -->
  219.     <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  220.     <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">
  221.     <script src="https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" integrity="sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" crossorigin="anonymous"></script>
  222.     <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js" integrity="sha384-zNy6FEbO50N+Cg5wap8IKA4M/ZnLJgzc6w2NqACZaK0u0FXfOWRRJOnQtpZun8ha" crossorigin="anonymous"></script>
  223.     {#<script src="assets/js/dashboard.js"></script>#}
  224.     <!-- JavaScript Bundle with Popper -->
  225.     <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>
  226.     <!-- JavaScript spécifiques -->
  227.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.7/jquery.inputmask.min.js"></script>
  228.     <script type="text/javascript" src="{{ asset ('asset/js/inscription/app.js')}}" ></script>
  229.     <script type="text/javascript" src="{{ asset ('asset/js/cinema/app.js')}}" ></script>
  231.     <link href="{{ asset ('asset/css/style.css')}}" rel="stylesheet">
  232.     <link href="{{ asset ('asset/css/navbar.css')}}" rel="stylesheet">
  234.     <script>
  235.         var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
  236.         var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  237.             return new bootstrap.Popover(popoverTriggerEl)
  238.         })
  239.     </script>
  240. </html>