templates/bundles/EasyAdminBundle/layout.html.twig line 1

  1. {# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
  2. {% trans_default_domain ea.i18n.translationDomain %}
  4. <!DOCTYPE html>
  5. <html lang="{{ ea.i18n.htmlLocale }}" dir="{{ ea.i18n.textDirection }}" data-turbo="false">
  6. <head>
  7.     {% block head_metas %}
  8.         <meta charset="utf-8">
  9.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.         <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp, noimageindex, notranslate, nocache" />
  11.         <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  12.         <meta name="generator" content="EasyAdmin" />
  13.     {% endblock head_metas %}
  15.     {% set page_title_block_output %}{% block page_title %}{{ block('content_title') }}{% endblock %}{% endset %}
  16.     <title>{{ page_title_block_output|striptags|raw }}</title>
  18.     {% block head_stylesheets %}
  19.         <link rel="stylesheet" href="{{ asset('app.css', ea.assets.defaultAssetPackageName) }}">
  20.     {% endblock %}
  22.     {% block configured_stylesheets %}
  23.         {{ include('@EasyAdmin/includes/_css_assets.html.twig', { assets: ea.assets.cssAssets ?? [] }, with_context = false) }}
  24.         {{ include('@EasyAdmin/includes/_encore_link_tags.html.twig', { assets: ea.assets.webpackEncoreAssets ?? [] }, with_context = false) }}
  25.     {% endblock %}
  27.     {% block head_favicon %}
  28.         <link rel="shortcut icon" href="{{ asset(ea.dashboardFaviconPath) }}">
  29.     {% endblock %}
  31.     {% block head_javascript %}
  32.         <script src="{{ asset('app.js', ea.assets.defaultAssetPackageName) }}"></script>
  33.     {% endblock head_javascript %}
  35.     {% block configured_javascripts %}
  36.         {{ include('@EasyAdmin/includes/_js_assets.html.twig', { assets: ea.assets.jsAssets ?? [] }, with_context = false) }}
  37.         {{ include('@EasyAdmin/includes/_encore_script_tags.html.twig', { assets: ea.assets.webpackEncoreAssets ?? [] }, with_context = false) }}
  38.     {% endblock %}
  40.     {% if 'rtl' == ea.i18n.textDirection %}
  41.         <link rel="stylesheet" href="{{ asset('app.rtl.css', ea.assets.defaultAssetPackageName) }}">
  42.     {% endif %}
  44.     {% block configured_head_contents %}
  45.         {% for htmlContent in ea.assets.headContents ?? [] %}
  46.             {{ htmlContent|raw }}
  47.         {% endfor %}
  48.     {% endblock %}
  50.     <link rel="preconnect" href="https://fonts.googleapis.com">
  51.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  52.     <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
  54.     <style>
  55.         .header-custom {
  56.             color: #1B75BC;
  57.             font-family: "Ubuntu", sans-serif;
  58.         }
  59.         .header-title-baseline {
  60.             font-weight: 500;
  61.             font-size: 3em;
  62.         }
  63.         .header-title-baseline-baseline {
  64.             font-weight: 300;
  65.             font-size: 1em;
  66.         }
  68.         .header-title {
  69.             margin-right: 2em;
  70.         }
  71.         .header-logo {
  72.             margin-left: 2em;
  73.         }
  75.         .banner-container {
  76.             width: 100%;
  77.             height: 80px;
  78.             background-color: #1B75BC;
  79.             display: flex;
  80.             justify-content: center;
  81.             align-items: center;
  82.         }
  84.         .banner-container > p {
  85.             font-size: 25px;
  86.             color: #e8e8e8;
  87.             text-shadow: 0px 2px 10px #000000;
  88.         }
  89.     </style>
  91.     <link rel="stylesheet" href="{{ asset('style.css') }}">
  93. </head>
  95. {% block body %}
  96.     <body {% block body_attr %}{% endblock %}
  97.             id="{% block body_id %}{% endblock %}"
  98.             class="ea {% block body_class %}{% endblock %}"
  99.             data-ea-content-width="{{ ea.crud.contentWidth ?? ea.dashboardContentWidth ?? 'normal' }}"
  100.             data-ea-sidebar-width="{{ ea.crud.sidebarWidth ?? ea.dashboardSidebarWidth ?? 'normal' }}"
  101.             data-ea-dark-scheme-is-enabled="{{ ea.dashboardHasDarkModeEnabled ? 'true' : 'false' }}"
  102.     >
  103.     {% block javascript_page_layout %}
  104.         <script src="{{ asset('page-layout.js', ea.assets.defaultAssetPackageName) }}"></script>
  105.     {% endblock javascript_page_layout %}
  106.     {% block javascript_page_color_scheme %}
  107.         <script src="{{ asset('page-color-scheme.js', ea.assets.defaultAssetPackageName) }}"></script>
  108.     {% endblock javascript_page_color_scheme %}
  110.     <div class="w-100 bg-white d-flex justify-content-between header-custom">
  111.         <div class="header-logo">
  112.             <img src="{{ asset('/static/admin/image/logo_site.png') }}" alt="Logo Institut d'Études Scientifiques Cargèse">
  113.         </div>
  114.         <div class="header-title d-flex align-items-center">
  115.             <span class="header-title-baseline">Institut d'Études Scientifiques | </span>&nbsp;&nbsp;<span class="header-title-baseline-baseline">Cargèse</span>
  116.         </div>
  117.     </div>
  118.     {% block wrapper_wrapper %}
  119.         {% block flash_messages %}
  120.             {{ include(ea.templatePath('flash_messages')) }}
  121.         {% endblock flash_messages %}
  123.         {% set user_menu_avatar %}
  124.             {% if null == ea.userMenu.avatarUrl %}
  125.                 <span class="user-avatar">
  126.                     <span class="fa-stack">
  127.                         <i class="user-avatar-icon-background fas fa-square fa-stack-2x"></i>
  128.                         <i class="user-avatar-icon-foreground {{ ea.user is not null ? 'fa fa-user' : 'fas fa-user-slash' }} fa-stack-1x fa-inverse"></i>
  129.                     </span>
  130.                 </span>
  131.             {% else %}
  132.                 <img class="user-avatar" src="{{ ea.userMenu.avatarUrl }}" />
  133.             {% endif %}
  134.         {% endset %}
  136.         {% set impersonator_permission = constant('Symfony\\Component\\Security\\Core\\Authorization\\Voter\\AuthenticatedVoter::IS_IMPERSONATOR') is defined ? 'IS_IMPERSONATOR' : 'ROLE_PREVIOUS_ADMIN' %}
  138.     <div class="page-actions">
  139.         <div class="global-actions">
  141.         {% set user_menu_dropdown %}
  142.             <div>
  143.                     <div style="padding-right: 10px">
  144.                         <span class="user-name">{{ ea.user is null ? 'user.anonymous'|trans(domain = 'EasyAdminBundle') : ea.userMenu.name }}</span>
  145.                     </div>
  146.             </div>
  147.                 {% block user_menu %}
  148.                     {% if ea.userMenu.items|length > 0 %}
  149.                         {% for item in ea.userMenu.items %}
  150.                                 {% if not item.isMenuSection %}
  151.                                     <a href="{{ item.linkUrl }}" class="user-action {{ item.cssClass }}"
  152.                                        target="{{ item.linkTarget }}" rel="{{ item.linkRel }}"
  153.                                        referrerpolicy="origin-when-cross-origin">
  154.                                         {% if item.icon is not empty %}<i class="fa fa-fw {{ item.icon }}"></i>{% endif %}
  155.                                         {{ item.label|trans }}
  156.                                     </a>
  157.                                 {% endif %}
  158.                         {% endfor %}
  159.                     {% endif %}
  160.                 {% endblock user_menu %}
  162.         {% endset %}
  164.         {% set settings_dropdown %}
  165.             {% if ea.dashboardLocales or ea.dashboardHasDarkModeEnabled %}
  166.                 <div style="padding-left: 50px">
  168.                         {% if ea.dashboardLocales %}
  169.                             {% for localeDto in ea.dashboardLocales %}
  170.                                     <a href="{{ ea_url().set('_locale', localeDto.locale) }}" class="{% if app.request.locale == localeDto.locale %} active{% endif %}">
  171.                                         {% if localeDto.icon %}
  172.                                             <i class="{{ localeDto.icon }}"></i>
  173.                                         {% endif %}
  174.                                         {{ localeDto.name }}
  175.                                     </a>
  176.                             {% endfor %}
  177.                         {% endif %}
  178.                 </div>
  179.             {% endif %}
  180.         {% endset %}
  181.         </div>
  182.     </div>
  183.         <div class="wrapper">
  184.             {% block wrapper %}
  185.                 <div class="responsive-header">
  186.                     {% block responsive_header %}
  187.                         <button id="navigation-toggler" type="button" aria-label="Toggle navigation">
  188.                             <i class="fa fa-fw fa-bars"></i>
  189.                         </button>
  191.                         <div id="responsive-header-logo" class="text-truncate ms-auto">
  192.                             {% block responsive_header_logo %}
  193.                                 <a class="responsive-logo" title="{{ ea.dashboardTitle|striptags }}" href="{{ path(ea.dashboardRouteName) }}">
  194.                                     {{ ea.dashboardTitle|raw }}
  195.                                 </a>
  196.                             {% endblock responsive_header_logo %}
  197.                         </div>
  199.                         <div class="dropdown user-menu-wrapper {{ is_granted(impersonator_permission) ? 'user-is-impersonated' }} ms-auto">
  200.                             <a class="user-details" type="button" data-bs-toggle="dropdown" data-bs-offset="0,5" aria-expanded="false">
  201.                                 {# to make the site design consistent, always display the user avatar in responsive header
  202.                                    and hide the user name (because there's no space left) regardless of the user config #}
  203.                                 {% if ea.userMenu.avatarDisplayed %}
  204.                                     {{ user_menu_avatar }}
  205.                                 {% else %}
  206.                                     <i class="user-avatar fa fa-fw {{ ea.user is not null ? 'fa-user' : 'fa-user-times' }}"></i>
  207.                                 {% endif %}
  208.                             </a>
  210.                             {{ user_menu_dropdown }}
  211.                         </div>
  213.                         {{ settings_dropdown }}
  214.                     {% endblock responsive_header %}
  215.                 </div>
  217.                 <div class="sidebar-wrapper">
  218.                     <aside class="sidebar">
  219.                         {% block sidebar %}
  220.                             <header class="main-header">
  221.                                 {% block header %}
  222.                                     <nav class="navbar" role="navigation">
  223.                                         {% block header_navbar %}
  224.                                             <div id="header-logo">
  225.                                                 {% block header_logo %}
  226.                                                     <a class="logo" title="{{ ea.dashboardTitle|striptags }}" href="{{ path(ea.dashboardRouteName) }}">
  227.                                                         <span class="logo-custom">{{ ea.dashboardTitle|raw }}</span>
  228.                                                         <span class="logo-compact"><i class="fas fa-home"></i></span>
  229.                                                     </a>
  230.                                                 {% endblock header_logo %}
  231.                                             </div>
  232.                                         {% endblock header_navbar %}
  233.                                     </nav>
  234.                                 {% endblock header %}
  235.                             </header>
  237.                             {% block main_menu_wrapper %}
  238.                                 {{ include(ea.templatePath('main_menu')) }}
  239.                             {% endblock main_menu_wrapper %}
  240.                         {% endblock sidebar %}
  242.                         <div id="sidebar-resizer-handler" class="resizer-handler resizer-handler-left"></div>
  243.                     </aside>
  244.                 </div>
  246.                 <section class="main-content">
  248.                     {% set has_search = ea.crud is not null and ea.crud.isSearchEnabled %}
  249.                     <aside class="content-top {{ has_search ? 'ea-search-enabled' : 'ea-search-disabled' }}">
  250.                         {% block content_top_header %}
  251.                             <div class="content-search">
  252.                                 {% if has_search %}
  253.                                     {% block search %}
  255.                                         <form class="form-action-search" method="get">
  256.                                             {% block search_form %}
  257.                                                 {% block search_form_filters %}
  258.                                                     {% for field, array in ea.search.appliedFilters %}
  259.                                                         {% for key, value in array %}
  260.                                                             {# This code re-applies your filters on searches, an iterable check is needed in cases we have more than one object for a filter #}
  261.                                                             {% if value is iterable %}
  262.                                                                 {% for index, iterValue in value %}
  263.                                                                     {# This sub-level iterable check is needed in cases we have more complex filters like the DateTimeFilter cf. issue #5038 #}
  264.                                                                     {% if iterValue is iterable %}
  265.                                                                         {% for subIndex, subIterValue in iterValue %}
  266.                                                                             <input type="hidden" name="filters[{{ field }}][{{ key }}][{{ index }}][{{ subIndex }}]" value="{{ subIterValue }}">
  267.                                                                         {% endfor %}
  268.                                                                     {% else %}
  269.                                                                         <input type="hidden" name="filters[{{ field }}][{{ key }}][{{ index }}]" value="{{ iterValue }}">
  270.                                                                     {% endif %}
  271.                                                                 {% endfor %}
  272.                                                             {% else %}
  273.                                                                 <input type="hidden" name="filters[{{ field }}][{{ key }}]" value="{{ value }}">
  274.                                                             {% endif %}
  275.                                                         {% endfor %}
  276.                                                     {% endfor %}
  277.                                                 {% endblock %}
  279.                                                 <input type="hidden" name="crudAction" value="index">
  280.                                                 <input type="hidden" name="crudControllerFqcn" value="{{ ea.request.query.get('crudControllerFqcn') }}">
  281.                                                 <input type="hidden" name="menuIndex" value="{{ ea.request.query.get('menuIndex') }}">
  282.                                                 <input type="hidden" name="submenuIndex" value="{{ ea.request.query.get('submenuIndex') }}">
  283.                                                 <input type="hidden" name="page" value="1">
  285.                                                 <div class="form-group">
  286.                                                     <div class="form-widget">
  287.                                                         <i class="fas fa-search content-search-icon"></i>
  289.                                                         <label class="content-search-label" data-value="{{ app.request.get('query') }}">
  290.                                                             <input class="form-control {{ app.request.get('query') is null ? 'is-blank' }}" type="search" name="query" value="{{ app.request.get('query') ?? '' }}" placeholder="{{ t('action.search', ea.i18n.translationParameters, 'EasyAdminBundle')|trans }}" spellcheck="false" autocorrect="off" onInput="this.parentNode.dataset.value=this.value"{% if ea.crud.currentAction == 'index' and ea.crud.autofocusSearch == true %} autofocus="autofocus"{% endif %}>
  291.                                                         </label>
  293.                                                         {% if app.request.get('query') %}
  294.                                                             <a href="{{ ea_url().unset('query') }}" class="content-search-reset">
  295.                                                                 <i class="fas fa-fw fa-times"></i>
  296.                                                             </a>
  297.                                                         {% endif %}
  298.                                                     </div>
  299.                                                 </div>
  300.                                             {% endblock %}
  301.                                         </form>
  302.                                     {% endblock search %}
  303.                                 {% endif %}
  304.                             </div>
  306.                             {% if ea.user is null %}
  307.                                 <a class="btn btn-primary" style="margin-right: 15px;" href="{{ path('app_login') }}">{{ 'menu.btn.login'|trans([], 'admin') }}</a>
  308.                                 <a class="btn btn-secondary" href="{{ path('app_register') }}">{{ 'menu.btn.register'|trans([], 'admin') }}</a>
  310.                             {% endif %}
  312.                             {% if ea.user is not null %}
  313.                                 {% block header_custom_menu %}
  314.                                         {{ user_menu_dropdown }}
  315.                                 {% endblock header_custom_menu %}
  316.                             {% endif %}
  318.                             {{ settings_dropdown }}
  319.                         {% endblock content_top_header %}
  320.                     </aside>
  322.                     <div class="banner-container">
  323.                         {% set has_help_message = (ea.crud.helpMessage ?? '') is not empty %}
  325.                         <p class="mb-0">{% block content_title %}{% endblock %}
  327.                             {% block content_help %}
  328.                                 {% if has_help_message %}
  329.                                     <a tabindex="0" class="content-header-help" data-bs-toggle="popover" data-bs-custom-class="ea-content-help-popover" data-bs-animation="true" data-bs-html="true" data-bs-placement="bottom" data-bs-trigger="focus" data-bs-content="{{ ea.crud.helpMessage|trans|e('html_attr') }}">
  330.                                         <i class="far fa-question-circle"></i>
  331.                                     </a>
  332.                                 {% endif %}
  333.                             {% endblock %}</p>
  334.                     </div>
  335.                     <div class="content-wrapper">
  336.                         {% block content %}
  337.                             <article class="content">
  338.                                 {% block content_header_wrapper %}
  339.                                     {% set has_help_message = (ea.crud.helpMessage ?? '') is not empty %}
  340.                                     <section class="content-header">
  341.                                         {% block content_header %}
  342.                                             <div class="content-header-title">
  343.                                                 <h1 class="title">
  345.                                                 </h1>
  346.                                             </div>
  348.                                             {% block page_actions_wrapper %}
  349.                                                 <div class="page-actions">{% block page_actions %}{% endblock %}</div>
  350.                                             {% endblock %}
  351.                                         {% endblock content_header %}
  352.                                     </section>
  353.                                 {% endblock content_header_wrapper %}
  355.                                 <section id="main" class="content-body">
  356.                                     {% block main %}{% endblock %}
  357.                                 </section>
  359.                                 {% block content_footer_wrapper %}
  360.                                     {% set content_footer = block('content_footer') is defined ? block('content_footer') : '' %}
  361.                                     {% if content_footer is not empty %}
  362.                                         <section class="content-footer">
  363.                                             {{ content_footer }}
  364.                                         </section>
  365.                                     {% endif %}
  366.                                 {% endblock %}
  367.                             </article>
  368.                         {% endblock content %}
  370.                         <div id="content-resizer-handler" class="resizer-handler resizer-handler-right"></div>
  371.                     </div>
  372.                 </section>
  373.             {% endblock wrapper %}
  374.         </div>
  375.     {% endblock wrapper_wrapper %}
  377.     {% block body_javascript %}{% endblock body_javascript %}
  379.     <script type="text/javascript">
  380.         document.addEventListener('DOMContentLoaded', function () {
  381.             // INSCRIPTION
  382.             // VALIDATION PRE-INSCRIPTION / INSCRIPTION
  383.             document.getElementById('soumissionInscription')?.addEventListener('click', function(event) {
  385.                 var isInscription = document.getElementById('tablist-tab-form-inscription-tab-voyage');
  387.                 // Infos personnelles
  388.                 var Inscription_institution = document.getElementById('Inscription_institution')?.value;
  389.                 var Inscription_nationalite = document.getElementById('Inscription_nationalite')?.value;
  390.                 var Inscription_telephone = document.getElementById('Inscription_telephone')?.value;
  391.                 
  392.                 // Infos scientifiques
  393.                 var Inscription_situationScientifique = document.getElementById('Inscription_situationScientifique')?.value;
  394.                 var Inscription_contextScientifique = document.getElementById('Inscription_contextScientifique')?.value;
  395.                 var Inscription_qualiteScientifique = document.getElementById('Inscription_qualiteScientifique')?.value;
  396.                 
  397.                 // Votre voyage
  398.                 var Inscription_dateArrive = document.getElementById('Inscription_dateArrive')?.value;
  399.                 var Inscription_dateDepart = document.getElementById('Inscription_dateDepart')?.value;
  400.                 var Inscription_modeTransport = document.getElementById('Inscription_modeTransport')?.value;
  401.                 var Inscription_villeArrive = document.getElementById('Inscription_villeArrive')?.value;
  402.                 var Inscription_referenceVoyage = document.getElementById('Inscription_referenceVoyage')?.value;
  403.                 var Inscription_modeTransfert = document.getElementById('Inscription_modeTransfert')?.value;
  404.                 
  405.                 // Votre Logement
  406.                 var Inscription_logementDateDebut = document.getElementById('Inscription_logementDateDebut')?.value;
  407.                 var Inscription_logementDateFin = document.getElementById('Inscription_logementDateFin')?.value;
  408.                 var Inscription_logementLieu = document.getElementById('Inscription_logementLieu')?.value;
  409.                 
  410.                 // Votre Régime alimentaire
  411.                 
  412.                 // Accompagnants
  415.                 if(isInscription) {
  416.                     // TODO : ajouter les champs obligatoires pour l'inscription (sur tous les onglets)
  417.                     if (Inscription_institution.trim() === ''
  418.                         || Inscription_nationalite.trim() === ''
  419.                         || Inscription_telephone.trim() === ''
  420.                         || Inscription_situationScientifique.trim() === ''
  421.                         || Inscription_contextScientifique.trim() === ''
  422.                         || Inscription_qualiteScientifique.trim() === ''
  423.                         || Inscription_dateArrive.trim() === ''
  424.                         || Inscription_dateDepart.trim() === ''
  425.                         || Inscription_modeTransport.trim() === ''
  426.                         || Inscription_villeArrive.trim() === ''
  427.                         || Inscription_referenceVoyage.trim() === ''
  428.                         || Inscription_modeTransfert.trim() === ''
  429.                         || Inscription_logementDateDebut.trim() === ''
  430.                         || Inscription_logementDateFin.trim() === ''
  431.                         || Inscription_logementLieu.trim() === ''
  432.                     ) {
  434.                         event.preventDefault();
  435.                         window.alert('{{ 'dialog.action.required'|trans([], 'admin') }}')
  436.                     }
  437.                 } else {
  438.                     // TODO : ajouter les champs obligatoires pour la pre-inscription (Sur les deux premiers onglets)
  439.                     if (Inscription_institution.trim() === ''
  440.                         || Inscription_nationalite.trim() === ''
  441.                         || Inscription_telephone.trim() === ''
  442.                     ) {
  444.                         event.preventDefault();
  445.                         window.alert('{{ 'dialog.action.required'|trans([], 'admin') }}')
  446.                     }
  447.                 }
  448.             });
  450.             // BOUTONS DE VALIDATION
  451.             document.querySelectorAll('.validerInscription').forEach(function(bouton) {
  452.                 bouton.addEventListener('click', function() {
  453.                     var confirmed = window.confirm('{{ 'dialog.action.message'|trans([], 'admin') }}');
  454.                     if (!confirmed) {
  455.                         event.preventDefault();
  456.                     }
  457.                 });
  458.             });
  459.             document.querySelectorAll('.refuserInscription').forEach(function(bouton) {
  460.                 bouton.addEventListener('click', function() {
  461.                     var confirmed = window.confirm('{{ 'dialog.action.message'|trans([], 'admin') }}');
  462.                     if (!confirmed) {
  463.                         event.preventDefault();
  464.                     }
  465.                 });
  466.             });
  467.             document.querySelectorAll('.validerPreInscription').forEach(function(bouton) {
  468.                 bouton.addEventListener('click', function() {
  469.                     var confirmed = window.confirm('{{ 'dialog.action.message'|trans([], 'admin') }}');
  470.                     if (!confirmed) {
  471.                         event.preventDefault();
  472.                     }
  473.                 });
  474.             });
  475.             document.querySelectorAll('.refuserPreInscription').forEach(function(bouton) {
  476.                 bouton.addEventListener('click', function() {
  477.                     var confirmed = window.confirm('{{ 'dialog.action.message'|trans([], 'admin') }}');
  478.                     if (!confirmed) {
  479.                         event.preventDefault();
  480.                     }
  481.                 });
  482.             });
  483.             document.querySelectorAll('.listeAttentePreInscription').forEach(function(bouton) {
  484.                 bouton.addEventListener('click', function() {
  485.                     var confirmed = window.confirm('{{ 'dialog.action.message'|trans([], 'admin') }}');
  486.                     if (!confirmed) {
  487.                         event.preventDefault();
  488.                     }
  489.                 });
  490.             });
  492.             var InscriptionQualiteScientifique = document.getElementById('Inscription_qualiteScientifique');
  494.             InscriptionQualiteScientifique?.addEventListener('change', function () {
  495.                 var InscriptionEcoleSingle = document.getElementById('Inscription_ecole_single');
  496.                 var InscriptionEcoleAccompagnants = document.getElementById('Inscription_ecole_accompagnants');
  498.                 if(InscriptionEcoleSingle != null && !InscriptionEcoleSingle.value) {
  499.                     InscriptionEcoleSingle.value = '0';
  500.                 }
  502.                 if(InscriptionEcoleAccompagnants != null && !InscriptionEcoleAccompagnants.value) {
  503.                     InscriptionEcoleAccompagnants.value = '0';
  504.                 }
  506.                 // Vérifiez si l'option avec la valeur 8 est sélectionnée
  507.                 var isOption8Selected = Array.from(InscriptionQualiteScientifique.options).some(function(option) {
  508.                     return option.value === '8' && option.selected;
  509.                 });
  511.                 // Logique pour déterminer si le champ conditionnel doit être affiché ou masqué
  512.                 // Sélectionnez tous les radios avec le nom "Inscription[logementMode]"
  513.                 var radios = document.querySelectorAll('input[name="Inscription[logementMode]"]');
  515.                 // Désactivez tous les radios
  516.                 radios.forEach(function(radio) {
  517.                     radio.disabled = isOption8Selected && InscriptionEcoleSingle.value === '0';
  518.                 });
  520.                 var tabAccompagnant = document.getElementById('tablist-tab-form-inscription-tab-accompagnant');
  521.                 if(tabAccompagnant != null) {
  522.                     if(isOption8Selected && InscriptionEcoleAccompagnants.value === '0') {
  523.                         tabAccompagnant.style.display = 'none';
  524.                     } else {
  525.                         tabAccompagnant.style.display = 'block';
  526.                     }
  527.                 }
  528.             });
  529.             InscriptionQualiteScientifique?.dispatchEvent(new Event('change'));
  531.             // ECOLE
  532.             document.getElementById('submitAndValidate')?.addEventListener('click', function() {
  533.                 var confirmed = window.confirm('{{ 'dialog.action.message'|trans([], 'admin') }}');
  534.                 if (!confirmed) {
  535.                     event.preventDefault();
  536.                 }
  537.             });
  538.             document.getElementById('submitAndValidateNoEmail')?.addEventListener('click', function() {
  539.                 var confirmed = window.confirm('{{ 'dialog.action.message'|trans([], 'admin') }}');
  540.                 if (!confirmed) {
  541.                     event.preventDefault();
  542.                 }
  543.             });
  544.             document.getElementById('submitAndReject')?.addEventListener('click', function() {
  545.                 var confirmed = window.confirm('{{ 'dialog.action.message'|trans([], 'admin') }}');
  546.                 if (!confirmed) {
  547.                     event.preventDefault();
  548.                 }
  549.             });
  550.             document.getElementById('submitAndDraft')?.addEventListener('click', function() {
  551.                 var confirmed = window.confirm('{{ 'dialog.action.message'|trans([], 'admin') }}');
  552.                 if (!confirmed) {
  553.                     event.preventDefault();
  554.                 }
  555.             });
  557.             var ecoleDatePreInscriptionDebut = document.getElementById('Ecole_datePreInscriptionDebut')
  558.             var ecoleDatePreInscriptionFin = document.getElementById('Ecole_datePreInscriptionFin')
  559.             var ecoleDateInscriptionDebut = document.getElementById('Ecole_dateInscriptionDebut')
  560.             var ecoleDateInscriptionFin = document.getElementById('Ecole_dateInscriptionFin')
  562.             var ecoleModeInscriptionPlaceholder = document.getElementById('Ecole_modeInscription_placeholder');
  563.             var ecoleModeInscriptionPlaceholder0 = document.getElementById('Ecole_modeInscription_0');
  564.             var ecoleModeInscriptionPlaceholder1 = document.getElementById('Ecole_modeInscription_1');
  566.             ecoleModeInscriptionPlaceholder?.addEventListener('change', function () {
  567.                 // tout griser
  568.                 if(ecoleModeInscriptionPlaceholder.checked) {
  569.                     ecoleDatePreInscriptionDebut.disabled = true;
  570.                     ecoleDatePreInscriptionFin.disabled = true;
  571.                     ecoleDateInscriptionDebut.disabled = true;
  572.                     ecoleDateInscriptionFin.disabled = true;
  573.                 }
  574.             })
  575.             ecoleModeInscriptionPlaceholder0?.addEventListener('change', function () {
  576.                 // griser pre inscriptions
  577.                 if(ecoleModeInscriptionPlaceholder0.checked) {
  578.                     ecoleDatePreInscriptionDebut.disabled = true;
  579.                     ecoleDatePreInscriptionFin.disabled = true;
  580.                     ecoleDateInscriptionDebut.disabled = false;
  581.                     ecoleDateInscriptionFin.disabled = false;
  582.                 }
  583.             })
  584.             ecoleModeInscriptionPlaceholder1?.addEventListener('change', function () {
  585.                 // tout visible
  586.                 if(ecoleModeInscriptionPlaceholder1.checked) {
  587.                     ecoleDatePreInscriptionDebut.disabled = false;
  588.                     ecoleDatePreInscriptionFin.disabled = false;
  589.                     ecoleDateInscriptionDebut.disabled = false;
  590.                     ecoleDateInscriptionFin.disabled = false;
  591.                 }
  592.             })
  593.             ecoleModeInscriptionPlaceholder?.dispatchEvent(new Event('change'));
  594.             ecoleModeInscriptionPlaceholder0?.dispatchEvent(new Event('change'));
  595.             ecoleModeInscriptionPlaceholder1?.dispatchEvent(new Event('change'));
  596.         });
  597.     </script>
  599.     {% block configured_body_contents %}
  600.         {% for htmlContent in ea.assets.bodyContents ?? [] %}
  601.             {{ htmlContent|raw }}
  602.         {% endfor %}
  603.     {% endblock %}
  604.     </body>
  605. {% endblock body %}
  606. </html>