templates/base_vendor.html.twig line 544

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html
  3.         lang="fr"
  4.         class="light-style layout-navbar-fixed layout-menu-fixed"
  5.         dir="ltr"
  6.         data-theme="theme-default"
  7.         data-assets-path="{{ asset('seller/') }}"
  8.         data-template="vertical-menu-template">
  9. <head>
  10.     <meta charset="UTF-8">
  11.     <title>{% block title %}Welcome!{% endblock %}</title>
  12.     <meta charset="utf-8"/>
  13.     <meta
  14.             name="viewport"
  15.             content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
  17.     <meta name="description" content=""/>
  19.     <!-- Favicon -->
  20.     <link rel="icon" type="image/x-icon" href="../../"/>
  22.     <!-- Fonts -->
  23.     <link rel="preconnect" href="https://fonts.googleapis.com"/>
  24.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
  26.     <link rel="shortcut icon" href="{{ asset('favicon/favicon-16x16.png') }}">
  27.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
  28.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
  29.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
  30.     <link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
  31.     <!-- Author Meta -->
  32.     <meta name="author" content="Foulgor Tech">
  33.     <!-- Meta Description -->
  34.     <meta name="description" content="">
  35.     <!-- Meta Keyword -->
  36.     <meta name="keywords" content="">
  37.     <link
  38.             href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
  39.             rel="stylesheet"/>
  40.     <link rel="stylesheet" href="{{ asset('ui/css/buttons-unified.css') }}">
  41.     <link rel="stylesheet" href="{{ asset('ui/css/responsive.css') }}">
  42.     {% block css %}{% endblock %}
  43. </head>
  44. <body>
  45. <!-- Layout wrapper -->
  46. <div class="layout-wrapper layout-content-navbar">
  47.     <div class="layout-container">
  48.         <!-- Menu -->
  50.         <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
  51.             <div class="app-brand demo">
  52.                 <a href="{{ path('seller_index') }}" class="app-brand-link">
  53.               <span class="app-brand-logo demo" style="height: 50px; width: auto">
  54.                         <img class="w-100" src="{{ asset('logo.png') }}" alt="Logo" style="height: 50px; width: 50px; object-fit: cover;">
  55.               </span>
  56.               
  57.                 </a>
  59.                 <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
  60.                     <i class="ti menu-toggle-icon d-none d-xl-block ti-sm align-middle"></i>
  61.                     <i class="ti ti-x d-block d-xl-none ti-sm align-middle"></i>
  62.                 </a>
  63.             </div>
  65.             <div class="menu-inner-shadow"></div>
  67.             <ul class="menu-inner py-1">
  68.                 <!-- Dashboards -->
  69.                 <li class="menu-item
  70.                     {% if current_menu is defined and current_menu == "home" %}
  71.                     active
  72.                     {% endif %}
  73.                     ">
  74.                     <a href="{{ path('seller_index') }}" class="menu-link">
  75.                         <i class="menu-icon tf-icons ti ti-smart-home"></i>
  76.                         <div data-i18n="Accueil">Accueil</div>
  77.                     </a>
  78.                 </li>
  79.                 <li class="menu-item
  80.                     {% if current_menu is defined and current_menu == "shop" %}
  81.                     active open
  82.                     {% endif %}
  83.                     ">
  84.                     <a href="javascript:void(0)" class="menu-link menu-toggle">
  85.                         <i class="menu-icon tf-icons ti ti-building-skyscraper"></i>
  86.                         <div data-i18n="Shops">Shops</div>
  87.                     </a>
  88.                     <ul class="menu-sub">
  89.                         <li class="menu-item
  90.                             {% if current is defined and current == "shopNew" %}
  91.                             active
  92.                             {% endif %}
  93.                             ">
  94.                             <a href="{{ path('seller_shop_new') }}" class="menu-link">
  95.                                 <div>Nouvelle boutique</div>
  96.                             </a>
  97.                         </li>
  98.                         {% for shop in app.user.shops %}
  99.                         <li class="menu-item
  100.                             {% if (current_menu is defined and current_menu == "shop") and (slugShop is defined and slugShop == shop.slug ) %}
  101.                             active
  102.                             {% endif %}
  103.                             ">
  104.                             <a href="{{ path('seller_shop_show', {'slug': shop.slug}) }}" class="menu-link">
  105.                                 <div>{{ shop.name }}</div>
  106.                             </a>
  107.                         </li>
  108.                         {% endfor %}
  109.                     </ul>
  110.                 </li>
  111.                 <li class="menu-item {% if current_menu is defined and current_menu == "pricing" %}active{% endif %}">
  112.                     <a href="{{ path('seller_pricing') }}" class="menu-link">
  113.                         <i class="menu-icon tf-icons ti ti-currency-dollar"></i>
  114.                         <div data-i18n="Tarifs | Plans">Tarifs | Plans</div>
  115.                     </a>
  116.                 </li>
  117.                 <li class="menu-item {% if current_menu is defined and current_menu == "faq" %}active{% endif %}">
  118.                     <a href="{{ path('seller_faq') }}" class="menu-link">
  119.                         <i class="menu-icon tf-icons ti ti-question-mark"></i>
  120.                         <div data-i18n="FAQ">FAQ</div>
  121.                     </a>
  122.                 </li>
  123.             </ul>
  124.         </aside>
  126.         <div class="layout-page">
  127.             <!-- Navbar -->
  128.             <nav
  129.                     class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
  130.                     id="layout-navbar">
  131.                 <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
  132.                     <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
  133.                         <i class="ti ti-menu-2 ti-sm"></i>
  134.                     </a>
  135.                 </div>
  137.                 <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
  138.                     <!-- Search -->
  139.                     <div class="navbar-nav align-items-center">
  140.                         <div class="nav-item navbar-search-wrapper mb-0">
  141.                             <a class="nav-item nav-link search-toggler d-flex align-items-center px-0"
  142.                                href="javascript:void(0);">
  143.                                 <i class="ti ti-search ti-md me-2"></i>
  144.                                 <span class="d-none d-md-inline-block text-muted">Search (Ctrl+/)</span>
  145.                             </a>
  146.                         </div>
  147.                     </div>
  148.                     <!-- /Search -->
  150.                     <ul class="navbar-nav flex-row align-items-center ms-auto">
  151.                         <!-- Language -->
  152.                         <li class="nav-item dropdown-language dropdown me-2 me-xl-0">
  153.                             <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);"
  154.                                data-bs-toggle="dropdown">
  155.                                 <i class="fi fi-us fis rounded-circle me-1 fs-3"></i>
  156.                             </a>
  157.                             <ul class="dropdown-menu dropdown-menu-end">
  158.                                 <li>
  159.                                     <a class="dropdown-item" href="javascript:void(0);" data-language="en">
  160.                                         <i class="fi fi-us fis rounded-circle me-1 fs-3"></i>
  161.                                         <span class="align-middle">English</span>
  162.                                     </a>
  163.                                 </li>
  164.                                 <li>
  165.                                     <a class="dropdown-item" href="javascript:void(0);" data-language="fr">
  166.                                         <i class="fi fi-fr fis rounded-circle me-1 fs-3"></i>
  167.                                         <span class="align-middle">French</span>
  168.                                     </a>
  169.                                 </li>
  170.                                 <li>
  171.                                     <a class="dropdown-item" href="javascript:void(0);" data-language="de">
  172.                                         <i class="fi fi-de fis rounded-circle me-1 fs-3"></i>
  173.                                         <span class="align-middle">German</span>
  174.                                     </a>
  175.                                 </li>
  176.                                 <li>
  177.                                     <a class="dropdown-item" href="javascript:void(0);" data-language="pt">
  178.                                         <i class="fi fi-pt fis rounded-circle me-1 fs-3"></i>
  179.                                         <span class="align-middle">Portuguese</span>
  180.                                     </a>
  181.                                 </li>
  182.                             </ul>
  183.                         </li>
  184.                         <!--/ Language -->
  186.                         <!-- Style Switcher -->
  187.                         <li class="nav-item me-2 me-xl-0">
  188.                             <a class="nav-link style-switcher-toggle hide-arrow" href="javascript:void(0);">
  189.                                 <i class="ti ti-md"></i>
  190.                             </a>
  191.                         </li>
  192.                         <!--/ Style Switcher -->
  194.                         <!-- Quick links  -->
  195.                         <li class="nav-item dropdown-shortcuts navbar-dropdown dropdown me-2 me-xl-0">
  196.                             <a
  197.                                     class="nav-link dropdown-toggle hide-arrow"
  198.                                     href="javascript:void(0);"
  199.                                     data-bs-toggle="dropdown"
  200.                                     data-bs-auto-close="outside"
  201.                                     aria-expanded="false">
  202.                                 <i class="ti ti-layout-grid-add ti-md"></i>
  203.                             </a>
  204.                             <div class="dropdown-menu dropdown-menu-end py-0">
  205.                                 <div class="dropdown-menu-header border-bottom">
  206.                                     <div class="dropdown-header d-flex align-items-center py-3">
  207.                                         <h5 class="text-body mb-0 me-auto">Shortcuts</h5>
  208.                                         <a
  209.                                                 href="javascript:void(0)"
  210.                                                 class="dropdown-shortcuts-add text-body"
  211.                                                 data-bs-toggle="tooltip"
  212.                                                 data-bs-placement="top"
  213.                                                 title="Add shortcuts"
  214.                                         ><i class="ti ti-sm ti-apps"></i
  215.                                             ></a>
  216.                                     </div>
  217.                                 </div>
  218.                                 <div class="dropdown-shortcuts-list scrollable-container">
  219.                                     <div class="row row-bordered overflow-visible g-0">
  220.                                         <div class="dropdown-shortcuts-item col">
  221.                           <span class="dropdown-shortcuts-icon rounded-circle mb-2">
  222.                             <i class="ti ti-calendar fs-4"></i>
  223.                           </span>
  224.                                             <a href="app-calendar.html" class="stretched-link">Calendar</a>
  225.                                             <small class="text-muted mb-0">Appointments</small>
  226.                                         </div>
  227.                                         <div class="dropdown-shortcuts-item col">
  228.                           <span class="dropdown-shortcuts-icon rounded-circle mb-2">
  229.                             <i class="ti ti-file-invoice fs-4"></i>
  230.                           </span>
  231.                                             <a href="app-invoice-list.html" class="stretched-link">Invoice App</a>
  232.                                             <small class="text-muted mb-0">Manage Accounts</small>
  233.                                         </div>
  234.                                     </div>
  235.                                     <div class="row row-bordered overflow-visible g-0">
  236.                                         <div class="dropdown-shortcuts-item col">
  237.                           <span class="dropdown-shortcuts-icon rounded-circle mb-2">
  238.                             <i class="ti ti-users fs-4"></i>
  239.                           </span>
  240.                                             <a href="app-user-list.html" class="stretched-link">User App</a>
  241.                                             <small class="text-muted mb-0">Manage Users</small>
  242.                                         </div>
  243.                                         <div class="dropdown-shortcuts-item col">
  244.                           <span class="dropdown-shortcuts-icon rounded-circle mb-2">
  245.                             <i class="ti ti-lock fs-4"></i>
  246.                           </span>
  247.                                             <a href="app-access-roles.html" class="stretched-link">Role Management</a>
  248.                                             <small class="text-muted mb-0">Permission</small>
  249.                                         </div>
  250.                                     </div>
  251.                                     <div class="row row-bordered overflow-visible g-0">
  252.                                         <div class="dropdown-shortcuts-item col">
  253.                           <span class="dropdown-shortcuts-icon rounded-circle mb-2">
  254.                             <i class="ti ti-chart-bar fs-4"></i>
  255.                           </span>
  256.                                             <a href="index.html" class="stretched-link">Dashboard</a>
  257.                                             <small class="text-muted mb-0">User Profile</small>
  258.                                         </div>
  259.                                         <div class="dropdown-shortcuts-item col">
  260.                           <span class="dropdown-shortcuts-icon rounded-circle mb-2">
  261.                             <i class="ti ti-settings fs-4"></i>
  262.                           </span>
  263.                                             <a href="pages-account-settings-account.html"
  264.                                                class="stretched-link">Setting</a>
  265.                                             <small class="text-muted mb-0">Account Settings</small>
  266.                                         </div>
  267.                                     </div>
  268.                                     <div class="row row-bordered overflow-visible g-0">
  269.                                         <div class="dropdown-shortcuts-item col">
  270.                           <span class="dropdown-shortcuts-icon rounded-circle mb-2">
  271.                             <i class="ti ti-help fs-4"></i>
  272.                           </span>
  273.                                             <a href="pages-help-center-landing.html" class="stretched-link">Help
  274.                                                 Center</a>
  275.                                             <small class="text-muted mb-0">FAQs & Articles</small>
  276.                                         </div>
  277.                                         <div class="dropdown-shortcuts-item col">
  278.                           <span class="dropdown-shortcuts-icon rounded-circle mb-2">
  279.                             <i class="ti ti-square fs-4"></i>
  280.                           </span>
  281.                                             <a href="modal-examples.html" class="stretched-link">Modals</a>
  282.                                             <small class="text-muted mb-0">Useful Popups</small>
  283.                                         </div>
  284.                                     </div>
  285.                                 </div>
  286.                             </div>
  287.                         </li>
  288.                         <!-- Quick links -->
  290.                         <!-- Notification -->
  291.                         <li class="nav-item dropdown-notifications navbar-dropdown dropdown me-3 me-xl-1">
  292.                             <a
  293.                                     class="nav-link dropdown-toggle hide-arrow"
  294.                                     href="javascript:void(0);"
  295.                                     data-bs-toggle="dropdown"
  296.                                     data-bs-auto-close="outside"
  297.                                     aria-expanded="false">
  298.                                 <i class="ti ti-bell ti-md"></i>
  299.                                 <span class="badge bg-danger rounded-pill badge-notifications">5</span>
  300.                             </a>
  301.                             <ul class="dropdown-menu dropdown-menu-end py-0">
  302.                                 <li class="dropdown-menu-header border-bottom">
  303.                                     <div class="dropdown-header d-flex align-items-center py-3">
  304.                                         <h5 class="text-body mb-0 me-auto">Notification</h5>
  305.                                         <a
  306.                                                 href="javascript:void(0)"
  307.                                                 class="dropdown-notifications-all text-body"
  308.                                                 data-bs-toggle="tooltip"
  309.                                                 data-bs-placement="top"
  310.                                                 title="Mark all as read"
  311.                                         ><i class="ti ti-mail-opened fs-4"></i
  312.                                             ></a>
  313.                                     </div>
  314.                                 </li>
  315.                                 <li class="dropdown-notifications-list scrollable-container">
  316.                                     <ul class="list-group list-group-flush">
  317.                                         <li class="list-group-item list-group-item-action dropdown-notifications-item">
  318.                                             <div class="d-flex">
  319.                                                 <div class="flex-shrink-0 me-3">
  320.                                                     <div class="avatar">
  321.                                                         <img src="../../assets/img/avatars/1.png" alt
  322.                                                              class="h-auto rounded-circle"/>
  323.                                                     </div>
  324.                                                 </div>
  325.                                                 <div class="flex-grow-1">
  326.                                                     <h6 class="mb-1">Congratulation Lettie 🎉</h6>
  327.                                                     <p class="mb-0">Won the monthly best seller gold badge</p>
  328.                                                     <small class="text-muted">1h ago</small>
  329.                                                 </div>
  330.                                                 <div class="flex-shrink-0 dropdown-notifications-actions">
  331.                                                     <a href="javascript:void(0)" class="dropdown-notifications-read"
  332.                                                     ><span class="badge badge-dot"></span
  333.                                                         ></a>
  334.                                                     <a href="javascript:void(0)" class="dropdown-notifications-archive"
  335.                                                     ><span class="ti ti-x"></span
  336.                                                         ></a>
  337.                                                 </div>
  338.                                             </div>
  339.                                         </li>
  340.                                         <li class="list-group-item list-group-item-action dropdown-notifications-item">
  341.                                             <div class="d-flex">
  342.                                                 <div class="flex-shrink-0 me-3">
  343.                                                     <div class="avatar">
  344.                                                         <span class="avatar-initial rounded-circle bg-label-danger">CF</span>
  345.                                                     </div>
  346.                                                 </div>
  347.                                                 <div class="flex-grow-1">
  348.                                                     <h6 class="mb-1">Charles Franklin</h6>
  349.                                                     <p class="mb-0">Accepted your connection</p>
  350.                                                     <small class="text-muted">12hr ago</small>
  351.                                                 </div>
  352.                                                 <div class="flex-shrink-0 dropdown-notifications-actions">
  353.                                                     <a href="javascript:void(0)" class="dropdown-notifications-read"
  354.                                                     ><span class="badge badge-dot"></span
  355.                                                         ></a>
  356.                                                     <a href="javascript:void(0)" class="dropdown-notifications-archive"
  357.                                                     ><span class="ti ti-x"></span
  358.                                                         ></a>
  359.                                                 </div>
  360.                                             </div>
  361.                                         </li>
  362.                                         <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
  363.                                             <div class="d-flex">
  364.                                                 <div class="flex-shrink-0 me-3">
  365.                                                     <div class="avatar">
  366.                                                         <img src="../../assets/img/avatars/2.png" alt
  367.                                                              class="h-auto rounded-circle"/>
  368.                                                     </div>
  369.                                                 </div>
  370.                                                 <div class="flex-grow-1">
  371.                                                     <h6 class="mb-1">New Message ✉️</h6>
  372.                                                     <p class="mb-0">You have new message from Natalie</p>
  373.                                                     <small class="text-muted">1h ago</small>
  374.                                                 </div>
  375.                                                 <div class="flex-shrink-0 dropdown-notifications-actions">
  376.                                                     <a href="javascript:void(0)" class="dropdown-notifications-read"
  377.                                                     ><span class="badge badge-dot"></span
  378.                                                         ></a>
  379.                                                     <a href="javascript:void(0)" class="dropdown-notifications-archive"
  380.                                                     ><span class="ti ti-x"></span
  381.                                                         ></a>
  382.                                                 </div>
  383.                                             </div>
  384.                                         </li>
  385.                                         <li class="list-group-item list-group-item-action dropdown-notifications-item">
  386.                                             <div class="d-flex">
  387.                                                 <div class="flex-shrink-0 me-3">
  388.                                                     <div class="avatar">
  389.                                 <span class="avatar-initial rounded-circle bg-label-success"
  390.                                 ><i class="ti ti-shopping-cart"></i
  391.                                     ></span>
  392.                                                     </div>
  393.                                                 </div>
  394.                                                 <div class="flex-grow-1">
  395.                                                     <h6 class="mb-1">Whoo! You have new order 🛒</h6>
  396.                                                     <p class="mb-0">ACME Inc. made new order $1,154</p>
  397.                                                     <small class="text-muted">1 day ago</small>
  398.                                                 </div>
  399.                                                 <div class="flex-shrink-0 dropdown-notifications-actions">
  400.                                                     <a href="javascript:void(0)" class="dropdown-notifications-read"
  401.                                                     ><span class="badge badge-dot"></span
  402.                                                         ></a>
  403.                                                     <a href="javascript:void(0)" class="dropdown-notifications-archive"
  404.                                                     ><span class="ti ti-x"></span
  405.                                                         ></a>
  406.                                                 </div>
  407.                                             </div>
  408.                                         </li>
  409.                                         <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
  410.                                             <div class="d-flex">
  411.                                                 <div class="flex-shrink-0 me-3">
  412.                                                     <div class="avatar">
  413.                                                         <img src="../../assets/img/avatars/9.png" alt
  414.                                                              class="h-auto rounded-circle"/>
  415.                                                     </div>
  416.                                                 </div>
  417.                                                 <div class="flex-grow-1">
  418.                                                     <h6 class="mb-1">Application has been approved 🚀</h6>
  419.                                                     <p class="mb-0">Your ABC project application has been approved.</p>
  420.                                                     <small class="text-muted">2 days ago</small>
  421.                                                 </div>
  422.                                                 <div class="flex-shrink-0 dropdown-notifications-actions">
  423.                                                     <a href="javascript:void(0)" class="dropdown-notifications-read"
  424.                                                     ><span class="badge badge-dot"></span
  425.                                                         ></a>
  426.                                                     <a href="javascript:void(0)" class="dropdown-notifications-archive"
  427.                                                     ><span class="ti ti-x"></span
  428.                                                         ></a>
  429.                                                 </div>
  430.                                             </div>
  431.                                         </li>
  432.                                         <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
  433.                                             <div class="d-flex">
  434.                                                 <div class="flex-shrink-0 me-3">
  435.                                                     <div class="avatar">
  436.                                 <span class="avatar-initial rounded-circle bg-label-success"
  437.                                 ><i class="ti ti-chart-pie"></i
  438.                                     ></span>
  439.                                                     </div>
  440.                                                 </div>
  441.                                                 <div class="flex-grow-1">
  442.                                                     <h6 class="mb-1">Monthly report is generated</h6>
  443.                                                     <p class="mb-0">July monthly financial report is generated</p>
  444.                                                     <small class="text-muted">3 days ago</small>
  445.                                                 </div>
  446.                                                 <div class="flex-shrink-0 dropdown-notifications-actions">
  447.                                                     <a href="javascript:void(0)" class="dropdown-notifications-read"
  448.                                                     ><span class="badge badge-dot"></span
  449.                                                         ></a>
  450.                                                     <a href="javascript:void(0)" class="dropdown-notifications-archive"
  451.                                                     ><span class="ti ti-x"></span
  452.                                                         ></a>
  453.                                                 </div>
  454.                                             </div>
  455.                                         </li>
  456.                                         <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
  457.                                             <div class="d-flex">
  458.                                                 <div class="flex-shrink-0 me-3">
  459.                                                     <div class="avatar">
  460.                                                         <img src="../../assets/img/avatars/5.png" alt
  461.                                                              class="h-auto rounded-circle"/>
  462.                                                     </div>
  463.                                                 </div>
  464.                                                 <div class="flex-grow-1">
  465.                                                     <h6 class="mb-1">Send connection request</h6>
  466.                                                     <p class="mb-0">Peter sent you connection request</p>
  467.                                                     <small class="text-muted">4 days ago</small>
  468.                                                 </div>
  469.                                                 <div class="flex-shrink-0 dropdown-notifications-actions">
  470.                                                     <a href="javascript:void(0)" class="dropdown-notifications-read"
  471.                                                     ><span class="badge badge-dot"></span
  472.                                                         ></a>
  473.                                                     <a href="javascript:void(0)" class="dropdown-notifications-archive"
  474.                                                     ><span class="ti ti-x"></span
  475.                                                         ></a>
  476.                                                 </div>
  477.                                             </div>
  478.                                         </li>
  479.                                         <li class="list-group-item list-group-item-action dropdown-notifications-item">
  480.                                             <div class="d-flex">
  481.                                                 <div class="flex-shrink-0 me-3">
  482.                                                     <div class="avatar">
  483.                                                         <img src="../../assets/img/avatars/6.png" alt
  484.                                                              class="h-auto rounded-circle"/>
  485.                                                     </div>
  486.                                                 </div>
  487.                                                 <div class="flex-grow-1">
  488.                                                     <h6 class="mb-1">New message from Jane</h6>
  489.                                                     <p class="mb-0">Your have new message from Jane</p>
  490.                                                     <small class="text-muted">5 days ago</small>
  491.                                                 </div>
  492.                                                 <div class="flex-shrink-0 dropdown-notifications-actions">
  493.                                                     <a href="javascript:void(0)" class="dropdown-notifications-read"
  494.                                                     ><span class="badge badge-dot"></span
  495.                                                         ></a>
  496.                                                     <a href="javascript:void(0)" class="dropdown-notifications-archive"
  497.                                                     ><span class="ti ti-x"></span
  498.                                                         ></a>
  499.                                                 </div>
  500.                                             </div>
  501.                                         </li>
  502.                                         <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
  503.                                             <div class="d-flex">
  504.                                                 <div class="flex-shrink-0 me-3">
  505.                                                     <div class="avatar">
  506.                                 <span class="avatar-initial rounded-circle bg-label-warning"
  507.                                 ><i class="ti ti-alert-triangle"></i
  508.                                     ></span>
  509.                                                     </div>
  510.                                                 </div>
  511.                                                 <div class="flex-grow-1">
  512.                                                     <h6 class="mb-1">CPU is running high</h6>
  513.                                                     <p class="mb-0">CPU Utilization Percent is currently at 88.63%,</p>
  514.                                                     <small class="text-muted">5 days ago</small>
  515.                                                 </div>
  516.                                                 <div class="flex-shrink-0 dropdown-notifications-actions">
  517.                                                     <a href="javascript:void(0)" class="dropdown-notifications-read"
  518.                                                     ><span class="badge badge-dot"></span
  519.                                                         ></a>
  520.                                                     <a href="javascript:void(0)" class="dropdown-notifications-archive"
  521.                                                     ><span class="ti ti-x"></span
  522.                                                         ></a>
  523.                                                 </div>
  524.                                             </div>
  525.                                         </li>
  526.                                     </ul>
  527.                                 </li>
  528.                                 <li class="dropdown-menu-footer border-top">
  529.                                     <a
  530.                                             href="javascript:void(0);"
  531.                                             class="dropdown-item d-flex justify-content-center text-primary p-2 h-px-40 mb-1 align-items-center">
  532.                                         View all notifications
  533.                                     </a>
  534.                                 </li>
  535.                             </ul>
  536.                         </li>
  537.                         <!--/ Notification -->
  539.                         <!-- User -->
  540.                         <li class="nav-item navbar-dropdown dropdown-user dropdown">
  541.                             <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);"
  542.                                data-bs-toggle="dropdown">
  543.                                 <div class="avatar avatar-online">
  544.                                     <img src="{{ asset(app.user.profilePictureUrl) }}" alt class="h-auto rounded-circle"/>
  545.                                 </div>
  546.                             </a>
  547.                             <ul class="dropdown-menu dropdown-menu-end">
  548.                                 <li>
  549.                                     <a class="dropdown-item" href="pages-account-settings-account.html">
  550.                                         <div class="d-flex">
  551.                                             <div class="flex-shrink-0 me-3">
  552.                                                 <div class="avatar avatar-online">
  553.                                                     <img src="{{ asset(app.user.profilePictureUrl) }}" alt
  554.                                                          class="h-auto rounded-circle"/>
  555.                                                 </div>
  556.                                             </div>
  557.                                             <div class="flex-grow-1">
  558.                                                 <span class="fw-semibold d-block">{{ app.user.firstname }} {{ app.user.lastname }}</span>
  559.                                                 <small class="text-muted">{{ app.user.email }}</small>
  560.                                             </div>
  561.                                         </div>
  562.                                     </a>
  563.                                 </li>
  564.                                 <li>
  565.                                     <div class="dropdown-divider"></div>
  566.                                 </li>
  567.                                 <li>
  568.                                     <a class="dropdown-item" href="pages-profile-user.html">
  569.                                         <i class="ti ti-user-check me-2 ti-sm"></i>
  570.                                         <span class="align-middle">My Profile</span>
  571.                                     </a>
  572.                                 </li>
  573.                                 <li>
  574.                                     <a class="dropdown-item" href="pages-account-settings-account.html">
  575.                                         <i class="ti ti-settings me-2 ti-sm"></i>
  576.                                         <span class="align-middle">Settings</span>
  577.                                     </a>
  578.                                 </li>
  579.                                 <li>
  580.                                     <a class="dropdown-item" href="pages-account-settings-billing.html">
  581.                         <span class="d-flex align-items-center align-middle">
  582.                           <i class="flex-shrink-0 ti ti-credit-card me-2 ti-sm"></i>
  583.                           <span class="flex-grow-1 align-middle">Billing</span>
  584.                           <span class="flex-shrink-0 badge badge-center rounded-pill bg-label-danger w-px-20 h-px-20"
  585.                           >2</span
  586.                           >
  587.                         </span>
  588.                                     </a>
  589.                                 </li>
  590.                                 <li>
  591.                                     <div class="dropdown-divider"></div>
  592.                                 </li>
  593.                                 <li>
  594.                                     <a class="dropdown-item" href="pages-help-center-landing.html">
  595.                                         <i class="ti ti-lifebuoy me-2 ti-sm"></i>
  596.                                         <span class="align-middle">Help</span>
  597.                                     </a>
  598.                                 </li>
  599.                                 <li>
  600.                                     <a class="dropdown-item" href="pages-faq.html">
  601.                                         <i class="ti ti-help me-2 ti-sm"></i>
  602.                                         <span class="align-middle">FAQ</span>
  603.                                     </a>
  604.                                 </li>
  605.                                 <li>
  606.                                     <a class="dropdown-item" href="pages-pricing.html">
  607.                                         <i class="ti ti-currency-dollar me-2 ti-sm"></i>
  608.                                         <span class="align-middle">Pricing</span>
  609.                                     </a>
  610.                                 </li>
  611.                                 <li>
  612.                                     <div class="dropdown-divider"></div>
  613.                                 </li>
  614.                                 <li>
  615.                                     <a class="dropdown-item" href="auth-login-cover.html" target="_blank">
  616.                                         <i class="ti ti-logout me-2 ti-sm"></i>
  617.                                         <span class="align-middle">Log Out</span>
  618.                                     </a>
  619.                                 </li>
  620.                             </ul>
  621.                         </li>
  622.                         <!--/ User -->
  623.                     </ul>
  624.                 </div>
  626.                 <!-- Search Small Screens -->
  627.                 <div class="navbar-search-wrapper search-input-wrapper d-none">
  628.                     <input
  629.                             type="text"
  630.                             class="form-control search-input container-xxl border-0"
  631.                             placeholder="Search..."
  632.                             aria-label="Search..."/>
  633.                     <i class="ti ti-x ti-sm search-toggler cursor-pointer"></i>
  634.                 </div>
  635.             </nav>
  636.             <!-- / Navbar -->
  638.             <!-- Content wrapper -->
  639.             <div class="content-wrapper">
  640.                 <!-- Content -->
  641.                 
  642.                 <!-- Flash Messages -->
  643.                     {% include 'components/_flash_messages.html.twig' %}
  645.                 {% block body %}{% endblock %}
  647.                 <!-- Footer -->
  648.                 <footer class="content-footer footer bg-footer-theme">
  649.                     <div class="container-xxl">
  650.                         <div class="footer-container d-flex align-items-center justify-content-between py-2 flex-md-row flex-column">
  651.                             <div>
  652.                                 ©
  653.                                 <script>
  654.                                     document.write(new Date().getFullYear());
  655.                                 </script>
  656.                                 , créé avec ❤️ par <a href="https://tech.foulgor.com" target="_blank" class="fw-semibold">Foulgor Tech</a>
  657.                             </div>
  658.                             <div>
  659.                                 <a
  660.                                         href="https://demos.pixinvent.com/vuexy-html-admin-template/documentation/"
  661.                                         target="_blank"
  662.                                         class="footer-link me-4"
  663.                                 >Documentation</a
  664.                                 >
  666.                                 <a href="https://pixinvent.ticksy.com/" target="_blank" class="footer-link d-none d-sm-inline-block"
  667.                                 >Support</a
  668.                                 >
  669.                             </div>
  670.                         </div>
  671.                     </div>
  672.                 </footer>
  673.                 <!-- / Footer -->
  675.                 <div class="content-backdrop fade"></div>
  676.             </div>
  677.             <!-- Content wrapper -->
  678.         </div>
  679.         <!-- / Layout page -->
  680.     </div>
  682.     <div class="layout-overlay layout-menu-toggle"></div>
  684.     <div class="drag-target"></div>
  685. </div>
  687. {% block javascript %}{% endblock %}
  688. </body>
  689. </html>