templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.     {% block head %}
  5.         <base href="">
  6.         <title>{{ app_setting.name }} - {% block head_title %}Espace Client{% endblock %}</title>
  7.         <meta charset="utf-8" />
  8.         <meta name="description" content="" />
  9.         <meta name="viewport" content="width=device-width, initial-scale=1" />
  10.         <link rel="canonical" href="" />
  11.         <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  12.         <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  13.         <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  14.         <link rel="manifest" href="/site.webmanifest">
  15.         <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  16.         <meta name="msapplication-TileColor" content="#2b5797">
  17.         <meta name="theme-color" content="#ffffff">
  18.         {% block metas %}{% endblock %}
  19.         {% block stylesheets %}
  20.         {{ encore_entry_link_tags('app') }}
  21.         {{ encore_entry_link_tags('plugins') }}
  22.         {% endblock stylesheets %}
  23.         {% block javascripts %}
  24.         {{ encore_entry_script_tags('app') }}
  25.         {% endblock javascripts %}
  26.     {% endblock head %}
  27.     </head>
  28.     <body data-kt-name="metronic" id="kt_body" class="toolbar-enabled app-blank" {{ stimulus_controller('app') }}>
  29.         {% block body %}
  31.         {% set activiteSlug = app.request.attributes.has('activiteSlug') ? app.request.attributes.get('activiteSlug') : null %}
  32.         {% set annee = app.request.attributes.has('annee') ? app.request.attributes.get('annee') : null %}
  34.         <!--begin::Theme mode setup on page load-->
  35.         <script>if ( document.documentElement ) { const defaultThemeMode = "light"; const name = document.body.getAttribute("data-kt-name"); let themeMode = localStorage.getItem("kt_" + ( name !== null ? name + "_" : "" ) + "theme_mode_value"); if ( themeMode === null ) { if ( defaultThemeMode === "system" ) { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } else { themeMode = defaultThemeMode; } } document.documentElement.setAttribute("data-theme", themeMode); }
  36.         </script>
  37.         <!--end::Theme mode setup on page load-->
  38.         <div class="d-flex flex-column flex-root">
  39.         {% block main %}
  40.             <div class="page d-flex flex-row flex-column-fluid">
  41.                 {% block page %}
  42.                 <div class="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper">
  43.                     <div id="kt_header" class="header align-items-stretch bg-white" data-kt-sticky="false" data-kt-sticky-name="header" data-kt-sticky-offset="{default: '200px', lg: '300px'}">
  44.                     {% block header %}
  45.                         <div class="container-xxl d-flex align-items-center">
  46.                             <!--begin::Header menu toggle-->
  47.                             <div class="d-flex topbar align-items-center d-lg-none ms-n2 me-3" title="Show aside menu">
  48.                                 <div class="btn btn-icon btn-primary w-40px h-40px " id="kt_header_menu_mobile_toggle">
  49.                                     <!--begin::Svg Icon | path: icons/duotune/abstract/abs015.svg-->
  50.                                     <span class="svg-icon svg-icon-1">
  51.                                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  52.                                             <path d="M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z" fill="currentColor" />
  53.                                             <path opacity="0.3" d="M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z" fill="currentColor" />
  54.                                         </svg>
  55.                                     </span>
  56.                                     <!--end::Svg Icon-->
  57.                                 </div>
  58.                             </div>
  59.                             <!--end::Header menu toggle-->
  60.                             {% block header_logo %}
  61.                             <div class="header-logo me-5 me-md-10 flex-grow-1 flex-lg-grow-0">
  62.                                 <a href="{{ activiteSlug ? path('homepage', { activiteSlug: activiteSlug, annee: annee }) : '#' }}">
  63.                                     {% if app_setting.logo %}
  64.                                         <img alt="Logo" src="{{ asset("uploads/settings/" ~ app_setting.logo) }}" class="logo-default h-30px h-sm-45px d-block mx-auto" />
  65.                                     {% endif %}
  66.                                 </a>
  67.                             </div>
  68.                             {% endblock header_logo %}
  69.                             <div class="d-flex align-items-stretch flex-lg-grow-1">
  70.                                 {% block navbar %}
  71.                                 <div class="d-flex align-items-stretch ms-auto" id="kt_header_nav">
  72.                                     <!--begin::Menu wrapper-->
  73.                                     <div class="header-menu align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '300px': '250px'}" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_header_menu_mobile_toggle" data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_body', lg: '#kt_header_nav'}">
  74.                                         <!--begin::Menu-->
  75.                                         <div class="menu menu-rounded menu-column menu-lg-row menu-active-bg menu-title-gray-700 menu-state-primary menu-arrow-gray-400 fw-semibold my-5 my-lg-0 align-items-stretch px-2 px-lg-0" id="#kt_header_menu" data-kt-menu="false">
  76.                                             <!--begin:Menu item-->
  77.                                             {% set url = path('homepage', { activiteSlug: activite.slug, annee: annee }) %}
  78.                                             <div class="menu-item me-0 me-lg-2{% if app.request.pathinfo is same as(url) %} here{% endif %}">
  79.                                                 <!--begin:Menu link-->
  80.                                                 <a href="{{ activiteSlug ? path('homepage', { activiteSlug: activiteSlug, annee: annee }) : '#' }}" class="menu-link py-3">
  81.                                                     <span class="menu-title text-center">Déposer mes pièces comptables</span>
  82.                                                 </a>
  83.                                                 <!--end:Menu link-->
  84.                                             </div>
  85.                                             <!--end:Menu item-->
  86.                                             <!--begin:Menu item-->
  87.                                             <div data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2{% if app.request.pathinfo is same as path('documents_contablimo', { activiteSlug: activite.slug, annee: annee }) %} here{% endif %}">
  88.                                                 <!--begin:Menu link-->
  89.                                                 <a href="{{ path('documents_contablimo', { activiteSlug: activite.slug, annee: annee }) }}" class="menu-link py-3">
  90.                                                     <span class="menu-title text-center">Mes documents fiscaux </span>
  91.                                                 </a>
  92.                                                 <!--end:Menu link-->
  93.                                             </div>
  94.                                             <!--end:Menu item-->
  95.                                             <!--begin:Menu item-->
  96.                                             <div data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2{% if app.request.pathinfo is same as path('faq', { activiteSlug: activite.slug, annee: annee }) %} here{% endif %}">
  97.                                                 <!--begin:Menu link-->
  98.                                                 <a href="{{ path('faq', { activiteSlug: activite.slug, annee: annee }) }}" class="menu-link py-3">
  99.                                                     <span class="menu-title text-center"> Questions fréquentes </span>
  100.                                                 </a>
  101.                                                 <!--end:Menu link-->
  102.                                             </div>
  103.                                             <!--end:Menu item-->
  104.                                         </div>
  105.                                         <!--end::Menu-->
  106.                                     </div>
  107.                                     <!--end::Menu wrapper-->
  108.                                 </div>
  109.                                 {% endblock navbar %}
  110.                                 <div class="topbar d-flex align-items-stretch flex-shrink-0">
  111.                                     <!--begin::User-->
  112.                                     <div class="d-flex align-items-center me-n3 ms-1 ms-lg-3" id="kt_header_user_menu_toggle">
  113.                                         <!--begin::Menu wrapper-->
  114.                                         <div class="btn btn-primary btn-active-success btn-icon-success px-3 px-sm-5" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
  115.                                             <i class="fs-2x bi bi-person px-0 px-sm-2"></i>
  116.                                             <span class="d-none d-sm-inline">{{ app.user.prenom }}</span>
  117.                                         </div>
  118.                                         <!--begin::User account menu-->
  119.                                         <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-semibold py-4 fs-6 w-300px" data-kt-menu="true">
  120.                                             <!--begin::Menu item-->
  121.                                             <div class="menu-item px-3">
  122.                                                 <div class="menu-content d-flex align-items-center px-3">
  123.                                                     <!--begin::Avatar-->
  124.                                                     <div class="symbol symbol-50px me-5">
  125.                                                         <div class="symbol-label fs-2 fw-semibold bg-primary text-inverse-primary">
  126.                                                             {{ app.user.prenom|first }}
  127.                                                             {{ app.user.nom|first}}
  128.                                                         </div>
  129.                                                     </div>
  130.                                                     <!--end::Avatar-->
  131.                                                     <!--begin::Username-->
  132.                                                     <div class="d-flex flex-column overflow-hidden">
  133.                                                         <div class="fw-bold d-flex align-items-center fs-5">{{ app.user }}
  134.                                                         </div>
  135.                                                         <span class="fw-semibold text-muted fs-7 text-truncate">{{ app.user.email }}</span>
  136.                                                     </div>
  137.                                                     <!--end::Username-->
  138.                                                 </div>
  139.                                             </div>
  140.                                             <!--end::Menu item-->
  141.                                             <!--begin::Menu separator-->
  142.                                             <div class="separator my-2"></div>
  143.                                             <!--end::Menu separator-->
  144.                                             <!--begin::Menu item-->
  145.                                             <div class="menu-item px-5">
  146.                                                 <a href="{{ path('logout') }}" class="menu-link px-5">Se déconnecter</a>
  147.                                             </div>
  148.                                             <!--end::Menu item-->
  149.                                         </div>
  150.                                         <!--end::User account menu-->
  151.                                         <!--end::Menu wrapper-->
  152.                                     </div>
  153.                                     <!--end::User -->
  154.                                 </div>
  155.                             </div>
  156.                         </div>
  157.                     {% endblock header %}
  158.                     </div>
  159.                     <div class="toolbar py-5 py-lg-15 bg-primary mb-10" id="kt_toolbar">
  160.                     {% block toolbar %}
  161.                         <div id="kt_toolbar_container" class="container-xxl d-flex flex-stack flex-wrap">
  162.                             {% block page_title %}
  163.                             <div class="page-title d-flex flex-column me-3">
  164.                                 <h1 class="d-flex text-white fw-bold my-1">{% block title %}{% endblock title %}</h1>
  165.                                 <h2 class="text-success fw-semibold my-1">{% block subtitle %}{% endblock subtitle %}</h2>
  166.                             </div>
  167.                             {% endblock page_title %}
  168.                             {% block actions %}
  169.                             <div class="d-flex align-items-center py-3 py-md-1">
  170.                                 {# <div class="me-4">
  171.                                     <a href="#" class="btn btn-custom btn-active-white btn-flex btn-color-white btn-active-color-primary fw-bold" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
  172.                                     <!--begin::Svg Icon | path: icons/duotune/general/gen031.svg-->
  173.                                     <span class="svg-icon svg-icon-5 svg-icon-gray-500 me-1">
  174.                                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  175.                                             <path d="M19.0759 3H4.72777C3.95892 3 3.47768 3.83148 3.86067 4.49814L8.56967 12.6949C9.17923 13.7559 9.5 14.9582 9.5 16.1819V19.5072C9.5 20.2189 10.2223 20.7028 10.8805 20.432L13.8805 19.1977C14.2553 19.0435 14.5 18.6783 14.5 18.273V13.8372C14.5 12.8089 14.8171 11.8056 15.408 10.964L19.8943 4.57465C20.3596 3.912 19.8856 3 19.0759 3Z" fill="currentColor" />
  176.                                         </svg>
  177.                                     </span>
  178.                                     <!--end::Svg Icon-->Filter</a>
  179.                                     <!--begin::Menu 1-->
  180.                                     <div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_62c3f50546e78">
  181.                                         <!--begin::Header-->
  182.                                         <div class="px-7 py-5">
  183.                                             <div class="fs-5 text-dark fw-bold">Filter Options</div>
  184.                                         </div>
  185.                                         <!--end::Header-->
  186.                                         <!--begin::Menu separator-->
  187.                                         <div class="separator border-gray-200"></div>
  188.                                         <!--end::Menu separator-->
  189.                                         <!--begin::Form-->
  190.                                         <div class="px-7 py-5">
  191.                                             <!--begin::Input group-->
  192.                                             <div class="mb-10">
  193.                                                 <!--begin::Label-->
  194.                                                 <label class="form-label fw-semibold">Status:</label>
  195.                                                 <!--end::Label-->
  196.                                                 <!--begin::Input-->
  197.                                                 <div>
  198.                                                     <select class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_62c3f50546e78" data-allow-clear="true">
  199.                                                         <option></option>
  200.                                                         <option value="1">Approved</option>
  201.                                                         <option value="2">Pending</option>
  202.                                                         <option value="2">In Process</option>
  203.                                                         <option value="2">Rejected</option>
  204.                                                     </select>
  205.                                                 </div>
  206.                                                 <!--end::Input-->
  207.                                             </div>
  208.                                             <!--end::Input group-->
  209.                                             <!--begin::Input group-->
  210.                                             <div class="mb-10">
  211.                                                 <!--begin::Label-->
  212.                                                 <label class="form-label fw-semibold">Member Type:</label>
  213.                                                 <!--end::Label-->
  214.                                                 <!--begin::Options-->
  215.                                                 <div class="d-flex">
  216.                                                     <!--begin::Options-->
  217.                                                     <label class="form-check form-check-sm form-check-custom form-check-solid me-5">
  218.                                                         <input class="form-check-input" type="checkbox" value="1" />
  219.                                                         <span class="form-check-label">Author</span>
  220.                                                     </label>
  221.                                                     <!--end::Options-->
  222.                                                     <!--begin::Options-->
  223.                                                     <label class="form-check form-check-sm form-check-custom form-check-solid">
  224.                                                         <input class="form-check-input" type="checkbox" value="2" checked="checked" />
  225.                                                         <span class="form-check-label">Customer</span>
  226.                                                     </label>
  227.                                                     <!--end::Options-->
  228.                                                 </div>
  229.                                                 <!--end::Options-->
  230.                                             </div>
  231.                                             <!--end::Input group-->
  232.                                             <!--begin::Input group-->
  233.                                             <div class="mb-10">
  234.                                                 <!--begin::Label-->
  235.                                                 <label class="form-label fw-semibold">Notifications:</label>
  236.                                                 <!--end::Label-->
  237.                                                 <!--begin::Switch-->
  238.                                                 <div class="form-check form-switch form-switch-sm form-check-custom form-check-solid">
  239.                                                     <input class="form-check-input" type="checkbox" value="" name="notifications" checked="checked" />
  240.                                                     <label class="form-check-label">Enabled</label>
  241.                                                 </div>
  242.                                                 <!--end::Switch-->
  243.                                             </div>
  244.                                             <!--end::Input group-->
  245.                                             <!--begin::Actions-->
  246.                                             <div class="d-flex justify-content-end">
  247.                                                 <button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true">Reset</button>
  248.                                                 <button type="submit" class="btn btn-sm btn-primary" data-kt-menu-dismiss="true">Apply</button>
  249.                                             </div>
  250.                                             <!--end::Actions-->
  251.                                         </div>
  252.                                         <!--end::Form-->
  253.                                     </div>
  254.                                     <!--end::Menu 1-->
  255.                                     <!--end::Menu-->
  256.                                 </div> #}
  257.                                 <!--end::Wrapper-->
  258.                                 <!--begin::Button-->
  259.                                 {# <a href="#" data-theme="light" class="btn btn-bg-white btn-active-color-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app" id="kt_toolbar_primary_button">Create</a> #}
  260.                                 <!--end::Button-->
  261.                             </div>
  262.                             {% endblock actions %}
  263.                         </div>
  264.                         <!--end::Container-->
  265.                     {% endblock toolbar %}
  266.                     </div>
  267.                     <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
  268.                         <div class="content flex-row-fluid" id="kt_content">
  270.                         {% for label, messages in app.flashes %}
  271.                             {% for message in messages %}
  272.                                 <div class="container d-flex justify-content-between align-items-center fs-sm-5 fs-6 fw-bold text-white my-5 rounded bg-{{ label }} alert alert-dismissible py-3 px-1 px-sm-3" role="alert">
  273.                                     <div><img class="px-3" src="{{ asset('build/media/icons/icon-check.svg') }}" alt="Icône loupe">{{ message }}</div>
  274.                                     <button type="button" class="px-3 btn btn-icon" data-bs-dismiss="alert"><img src="{{ asset('build/media/icons/icon-close-white.svg') }}" alt="Icône loupe"></button>
  275.                                 </div>
  276.                             {% endfor %}
  277.                         {% endfor %}
  279.                         {% block content %}
  280.                         {% endblock content %}
  281.                         </div>
  282.                         <!--end::Post-->
  283.                     </div>
  284.                     <!--end::Container-->
  285.                     {% block footer %}
  286.                         {#<div
  287.                             class="footer mt-4 pb-1 d-flex flex-lg-column" id="kt_footer">
  288.                             <!--begin::Container-->
  289.                             <div
  290.                                 class="container-xxl d-flex flex-column flex-md-row align-items-center justify-content-center">
  291.                                 <!--begin::Menu-->
  292.                                 <ul class="menu menu-primary fs-7 fw-semibold d-flex flex-column flex-md-row">
  293.                                     <div class="order-2 order-md-1">
  294.                                         <li class="menu-item m-0">
  295.                                             <div class="text-success d-flex justify-content-center fw-semibold me-1 menu-link px-2 pe-none">© Contablimo 2023</div>
  296.                                         </li>
  297.                                     </div>
  298.                                     <div class="d-flex order-1">
  299.                                         <div class="menu-item align-self-center d-none d-md-block">-</div>
  300.                                         <li class="menu-item w-auto">
  301.                                             <a href="#" target="_blank" class="menu-link text-center px-sm-3">Mentions légales</a>
  302.                                         </li>
  303.                                         <div class="menu-item align-self-center justify-content-center d-md-block">-</div>
  304.                                         <li class="menu-item">
  305.                                             <a href="#." target="_blank" class="menu-link text-center px-sm-3">Conditions générales</a>
  306.                                         </li>
  307.                                         <div class="menu-item align-self-center justify-content-center d-md-block">-</div>
  308.                                         <li class="menu-item">
  309.                                             <a href="#" target="_blank" class="menu-link text-center px-sm-3">Nous contacter</a>
  310.                                         </li>
  311.                                     </div>
  312.                                 </ul>
  313.                                 <!--end::Menu-->
  314.                             </div>
  315.                         </div>#}
  316.                     {% endblock footer %}
  317.                 </div>
  318.                 <!--end::Wrapper-->
  319.             </div>
  320.             {% endblock page %}
  321.         {% endblock main %}
  322.         </div>
  323.         <!--begin::Scrolltop-->
  324.         <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
  325.             <!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
  326.             <span class="svg-icon">
  327.                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  328.                     <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor" />
  329.                     <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor" />
  330.                 </svg>
  331.             </span>
  332.             <!--end::Svg Icon-->
  333.         </div>
  334.         <!--end::Scrolltop-->
  335.         {% block modals %}
  336.         {% endblock modals %}
  337.     {% endblock body %}
  338.     </body>
  339. </html>