templates/ecommerce/parent.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <!-- Title Meta -->
  6.     <meta charset="utf-8"/>
  7.     <title>Delsap'</title>
  8.     {% block stylesheets %}
  10.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.         <meta name="description" content="A fully responsive premium admin dashboard template"/>
  12.         <meta name="author" content="Techzaa"/>
  13.         <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  15.         <!-- App favicon -->
  16.         <link rel="shortcut icon" href="/assets/images/logo_delsart.png">
  18.         <!-- Vendor css (Require in all Page) -->
  19.         <link href="/ecommerce/assets/css/vendor.min.css" rel="stylesheet" type="text/css"/>
  21.         <!-- Icons css (Require in all Page) -->
  22.         <link href="/ecommerce/assets/css/icons.min.css" rel="stylesheet" type="text/css"/>
  24.         <!-- App css (Require in all Page) -->
  25.         <link href="/ecommerce/assets/css/app.min.css" rel="stylesheet" type="text/css"/>
  26.         <link href="/assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css"/>
  27.         <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
  30.         <!-- Theme Config js (Require in all Page) -->
  31.         <script src="/ecommerce/assets/js/config.js"></script>
  32.         <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet">
  33.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdi/css/materialdesignicons.min.css">
  36.     {% endblock %}
  38. </head>
  40. <body>
  42. <!-- START Wrapper -->
  43. <div class="wrapper">
  44.     {% block header %}
  45.         <header class="topbar">
  46.             <div class="container-fluid">
  47.                 <div class="navbar-header">
  48.                     <div class="d-flex align-items-center">
  49.                         <div class="topbar-item">
  50.                             <button type="button" class="button-toggle-menu me-2">
  51.                                 <iconify-icon icon="solar:hamburger-menu-broken"
  52.                                               class="fs-24 align-middle"></iconify-icon>
  53.                             </button>
  54.                         </div>
  56.                         <div class="topbar-item">
  57.                             <h4 class="fw-bold topbar-button pe-none text-uppercase mb-0">{{ "hello"|trans}} {{ app.user.firstName }} {{ app.user.lastname }} <br><small>{{ app.user.connectedAt ? app.user.connectedAt.name : ""  }}</small></h4></h4>
  58.                         </div>
  59.                     </div>
  61.                     {% if app.request.server.get('APP_ENV') != 'prod' %}
  62.                         <div class="alert alert-warning alert-dismissible fade show" role="alert">
  63.                             <i class="mdi mdi-alert-outline me-2"></i>
  64.                             Attention environnement de test
  65.                         </div>
  66.                     {% endif %}
  69.                     <div class="d-flex align-items-center gap-1">
  70.                         <div class="dropdown topbar-item">
  71.                             <button type="button" class="btn header-item noti-icon waves-effect" onclick="window.location.href='/admin/'">
  72.                                 <i class="bx bx-desktop"></i>
  73.                             </button>
  74.                         </div>
  75.                         <div class="dropdown topbar-item">
  76.                             <a type="button" class="topbar-button" id="page-header-user-dropdown"
  77.                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  78.                                 <a class="nav-link dropdown-toggle language-title" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  79.                                     {{ app.session.get('_locale') ? app.session.get('_locale')|upper : 'FR' }}
  80.                                     <i class="ri-arrow-down-s-line"></i>
  81.                                 </a>
  82.                             </a>
  83.                             <div class="dropdown-menu dropdown-menu-end">
  84.                                 <h6 class="dropdown-header">Sélectionnez votre langue !</h6>
  85.                                 <a class="dropdown-item" href="/ecommerce/change-langage/fr">
  86.                                     <span
  87.                                             class="align-middle">FR - Français </span>
  88.                                 </a>
  89.                                 <a class="dropdown-item" href="/ecommerce/change-langage/fr">
  90.                                    <span
  91.                                            class="align-middle">EN - English </span>
  92.                                 </a>
  93.                                 <a class="dropdown-item" href="/ecommerce/change-langage/fr">
  94.                                    <span
  95.                                            class="align-middle">NL - Nederlands </span>
  96.                                 </a>
  97.                             </div>
  98.                         </div>
  99.                         <div class="dropdown topbar-item">
  100.                             <a type="button" class="topbar-button" id="page-header-user-dropdown"
  101.                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  102.                                 <a class="nav-link dropdown-toggle language-title" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  103.                                     {{ app.user.connectedAt ? app.user.connectedAt.name : 'Selectionner un établissement' }}
  104.                                     <i class="ri-arrow-down-s-line"></i>
  105.                                 </a>
  106.                             </a>
  107.                             <div class="dropdown-menu dropdown-menu-end">
  108.                                 <h6 class="dropdown-header">Connectez votre établissement</h6>
  109.                                 {% set establishments =  twig_service.userEstablishments(app.user) %}
  110.                                 {% for establishment in establishments.userEstablishments %}
  111.                                     {% if app.user.connectedAt is not null %}
  112.                                         {% if establishment.establishment.id != app.user.connectedAt.id %}
  113.                                         <a class="dropdown-item"  href="/ecommerce/connected-to/{{ establishment.establishment.id }}">
  114.                                         <span
  115.                                                 class="align-middle"> {{ establishment.establishment.name }} </span>
  116.                                         </a>
  117.                                         {% endif %}
  118.                                      {% else %}
  119.                                             <a class="dropdown-item"  href="/ecommerce/connected-to/{{ establishment.establishment.id }}">
  120.                                         <span
  121.                                                 class="align-middle"> {{ establishment.establishment.name }} </span>
  122.                                             </a>
  123.                                     {% endif %}
  124.                                 {% endfor %}
  125.                             </div>
  126.                         </div>
  130.                         <div class="topbar-item">
  131.                             <button type="button" class="topbar-button" id="light-dark-mode">
  132.                                 <iconify-icon icon="solar:moon-bold-duotone" class="fs-24 align-middle"></iconify-icon>
  133.                             </button>
  134.                         </div>
  136.                         <div class="topbar-item">
  137.                             <a type="button" class="topbar-button position-relative" id="cart" href="/ecommerce/cart/detail">
  138.                                 <iconify-icon icon="solar:cart-large-2-bold-duotone" class="fs-24 align-middle"></iconify-icon>
  139.                                 {% set articles =  twig_service.cartArticles(app.user.connectedAt) %}
  140.                                 {% if articles %}
  141.                                     <span class="badge bg-danger rounded-pill position-absolute top-0 start-100 translate-middle"
  142.                                           style="font-size: 0.75rem; transform: translate(-50%, -50%);">
  143.                                     {{ articles }}
  144.                                 </span>
  145.                                 {% endif %}
  146.                             </a>
  147.                         </div>
  149. {#                        <div class="dropdown topbar-item">#}
  150. {#                            <button type="button" class="topbar-button position-relative"#}
  151. {#                                    id="page-header-notifications-dropdown" data-bs-toggle="dropdown"#}
  152. {#                                    aria-haspopup="true" aria-expanded="false">#}
  153. {#                                <iconify-icon icon="solar:bell-bing-bold-duotone"#}
  154. {#                                              class="fs-24 align-middle"></iconify-icon>#}
  155. {#                                <span class="position-absolute topbar-badge fs-10 translate-middle badge bg-danger rounded-pill">3<span#}
  156. {#                                            class="visually-hidden">unread messages</span></span>#}
  157. {#                            </button>#}
  158. {#                            <div class="dropdown-menu py-0 dropdown-lg dropdown-menu-end"#}
  159. {#                                 aria-labelledby="page-header-notifications-dropdown">#}
  160. {#                                <div class="p-3 border-top-0 border-start-0 border-end-0 border-dashed border">#}
  161. {#                                    <div class="row align-items-center">#}
  162. {#                                        <div class="col">#}
  163. {#                                            <h6 class="m-0 fs-16 fw-semibold"> Notifications</h6>#}
  164. {#                                        </div>#}
  165. {#                                        <div class="col-auto">#}
  166. {#                                            <a href="javascript: void(0);" class="text-dark text-decoration-underline">#}
  167. {#                                                <small>Clear All</small>#}
  168. {#                                            </a>#}
  169. {#                                        </div>#}
  170. {#                                    </div>#}
  171. {#                                </div>#}
  172. {#                                <div data-simplebar style="max-height: 280px;">#}
  173. {#                                    <!-- Item -->#}
  174. {#                                    <a href="javascript:void(0);" class="dropdown-item py-3 border-bottom text-wrap">#}
  175. {#                                        <div class="d-flex">#}
  176. {#                                            <div class="flex-shrink-0">#}
  177. {#                                                <img src="/ecommerce/assets/images/users/avatar-1.jpg"#}
  178. {#                                                     class="img-fluid me-2 avatar-sm rounded-circle" alt="avatar-1"/>#}
  179. {#                                            </div>#}
  180. {#                                            <div class="flex-grow-1">#}
  181. {#                                                <p class="mb-0"><span class="fw-medium">Josephine Thompson </span>commented#}
  182. {#                                                    on admin panel <span>" Wow 😍! this admin looks good and awesome design"</span>#}
  183. {#                                                </p>#}
  184. {#                                            </div>#}
  185. {#                                        </div>#}
  186. {#                                    </a>#}
  187. {#                                    <!-- Item -->#}
  188. {#                                    <a href="javascript:void(0);" class="dropdown-item py-3 border-bottom">#}
  189. {#                                        <div class="d-flex">#}
  190. {#                                            <div class="flex-shrink-0">#}
  191. {#                                                <div class="avatar-sm me-2">#}
  192. {#                                                                 <span class="avatar-title bg-soft-info text-info fs-20 rounded-circle">#}
  193. {#                                                                      D#}
  194. {#                                                                 </span>#}
  195. {#                                                </div>#}
  196. {#                                            </div>#}
  197. {#                                            <div class="flex-grow-1">#}
  198. {#                                                <p class="mb-0 fw-semibold">Donoghue Susan</p>#}
  199. {#                                                <p class="mb-0 text-wrap">#}
  200. {#                                                    Hi, How are you? What about our next meeting#}
  201. {#                                                </p>#}
  202. {#                                            </div>#}
  203. {#                                        </div>#}
  204. {#                                    </a>#}
  205. {#                                    <!-- Item -->#}
  206. {#                                    <a href="javascript:void(0);" class="dropdown-item py-3 border-bottom">#}
  207. {#                                        <div class="d-flex">#}
  208. {#                                            <div class="flex-shrink-0">#}
  209. {#                                                <img src="assets/images/users/avatar-3.jpg"#}
  210. {#                                                     class="img-fluid me-2 avatar-sm rounded-circle" alt="avatar-3"/>#}
  211. {#                                            </div>#}
  212. {#                                            <div class="flex-grow-1">#}
  213. {#                                                <p class="mb-0 fw-semibold">Jacob Gines</p>#}
  214. {#                                                <p class="mb-0 text-wrap">Answered to your comment on the cash flow#}
  215. {#                                                    forecast's graph 🔔.</p>#}
  216. {#                                            </div>#}
  217. {#                                        </div>#}
  218. {#                                    </a>#}
  219. {#                                    <!-- Item -->#}
  220. {#                                    <a href="javascript:void(0);" class="dropdown-item py-3 border-bottom">#}
  221. {#                                        <div class="d-flex">#}
  222. {#                                            <div class="flex-shrink-0">#}
  223. {#                                                <div class="avatar-sm me-2">#}
  224. {#                                                                 <span class="avatar-title bg-soft-warning text-warning fs-20 rounded-circle">#}
  225. {#                                                                      <iconify-icon#}
  226. {#                                                                              icon="iconamoon:comment-dots-duotone"></iconify-icon>#}
  227. {#                                                                 </span>#}
  228. {#                                                </div>#}
  229. {#                                            </div>#}
  230. {#                                            <div class="flex-grow-1">#}
  231. {#                                                <p class="mb-0 fw-semibold text-wrap">You have received <b>20</b> new#}
  232. {#                                                    messages in the#}
  233. {#                                                    conversation</p>#}
  234. {#                                            </div>#}
  235. {#                                        </div>#}
  236. {#                                    </a>#}
  237. {#                                    <!-- Item -->#}
  238. {#                                    <a href="javascript:void(0);" class="dropdown-item py-3 border-bottom">#}
  239. {#                                        <div class="d-flex">#}
  240. {#                                            <div class="flex-shrink-0">#}
  241. {#                                                <img src="assets/images/users/avatar-5.jpg"#}
  242. {#                                                     class="img-fluid me-2 avatar-sm rounded-circle" alt="avatar-5"/>#}
  243. {#                                            </div>#}
  244. {#                                            <div class="flex-grow-1">#}
  245. {#                                                <p class="mb-0 fw-semibold">Shawn Bunch</p>#}
  246. {#                                                <p class="mb-0 text-wrap">#}
  247. {#                                                    Commented on Admin#}
  248. {#                                                </p>#}
  249. {#                                            </div>#}
  250. {#                                        </div>#}
  251. {#                                    </a>#}
  252. {#                                </div>#}
  253. {#                                <div class="text-center py-3">#}
  254. {#                                    <a href="javascript:void(0);" class="btn btn-primary btn-sm">View All Notification#}
  255. {#                                        <i class="bx bx-right-arrow-alt ms-1"></i></a>#}
  256. {#                                </div>#}
  257. {#                            </div>#}
  258. {#                        </div>#}
  260.                         <!-- Theme Setting -->
  261. {#                        <div class="topbar-item d-none d-md-flex">#}
  262. {#                            <button type="button" class="topbar-button" id="theme-settings-btn"#}
  263. {#                                    data-bs-toggle="offcanvas" data-bs-target="#theme-settings-offcanvas"#}
  264. {#                                    aria-controls="theme-settings-offcanvas">#}
  265. {#                                <iconify-icon icon="solar:settings-bold-duotone"#}
  266. {#                                              class="fs-24 align-middle"></iconify-icon>#}
  267. {#                            </button>#}
  268. {#                        </div>#}
  270.                         <!-- User -->
  271.                         <div class="dropdown topbar-item">
  272.                             <a type="button" class="topbar-button" id="page-header-user-dropdown"
  273.                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  274.                                         <span class="d-flex align-items-center" style="font-size: 30px;">
  275.                                             <iconify-icon icon="iconamoon:profile-circle-fill"></iconify-icon>
  276.                                         </span>
  277.                             </a>
  278.                             <div class="dropdown-menu dropdown-menu-end">
  279.                                 <!-- item-->
  280.                                 <h6 class="dropdown-header">{{ app.user.firstName }} {{ app.user.lastName }}</h6>
  281.                                 <a class="dropdown-item" href="/ecommerce/profile/">
  282.                                     <i class="bx bx-user-circle text-muted fs-18 align-middle me-1"></i><span
  283.                                             class="align-middle">Profil</span>
  284.                                 </a>
  285.                                 <a class="dropdown-item" href="/ecommerce/profile/team">
  286.                                     <i class="bx bx-message-dots text-muted fs-18 align-middle me-1"></i><span
  287.                                             class="align-middle">Mon équipe</span>
  288.                                 </a>
  289.                                 <a class="dropdown-item" onclick="$('#modalHelp').modal('show')">
  290.                                     <i class="bx bx-help-circle text-muted fs-18 align-middle me-1"></i><span
  291.                                             class="align-middle">Help</span>
  292.                                 </a>
  293.                                 <div class="dropdown-divider my-1"></div>
  294.                                 <a class="dropdown-item text-danger" href="/logout">
  295.                                     <i class="bx bx-log-out fs-18 align-middle me-1"></i><span class="align-middle">Déconnexion</span>
  296.                                 </a>
  297.                             </div>
  298.                         </div>
  300.                     </div>
  301.                 </div>
  302.             </div>
  303.         </header>
  304.         <div>
  305.             <div class="offcanvas offcanvas-end border-0" tabindex="-1" id="theme-settings-offcanvas">
  306.                 <div class="d-flex align-items-center bg-primary p-3 offcanvas-header">
  307.                     <h5 class="text-white m-0">Theme Settings</h5>
  308.                     <button type="button" class="btn-close btn-close-white ms-auto" data-bs-dismiss="offcanvas"
  309.                             aria-label="Close"></button>
  310.                 </div>
  312.                 <div class="offcanvas-body p-0">
  313.                     <div data-simplebar class="h-100">
  314.                         <div class="p-3 settings-bar">
  316.                             <div>
  317.                                 <h5 class="mb-3 font-16 fw-semibold">Color Scheme</h5>
  319.                                 <div class="form-check mb-2">
  320.                                     <input class="form-check-input" type="radio" name="data-bs-theme"
  321.                                            id="layout-color-light" value="light">
  322.                                     <label class="form-check-label" for="layout-color-light">Light</label>
  323.                                 </div>
  325.                                 <div class="form-check mb-2">
  326.                                     <input class="form-check-input" type="radio" name="data-bs-theme"
  327.                                            id="layout-color-dark" value="dark">
  328.                                     <label class="form-check-label" for="layout-color-dark">Dark</label>
  329.                                 </div>
  330.                             </div>
  332.                             <div>
  333.                                 <h5 class="my-3 font-16 fw-semibold">Topbar Color</h5>
  335.                                 <div class="form-check mb-2">
  336.                                     <input class="form-check-input" type="radio" name="data-topbar-color"
  337.                                            id="topbar-color-light" value="light">
  338.                                     <label class="form-check-label" for="topbar-color-light">Light</label>
  339.                                 </div>
  340.                                 <div class="form-check mb-2">
  341.                                     <input class="form-check-input" type="radio" name="data-topbar-color"
  342.                                            id="topbar-color-dark" value="dark">
  343.                                     <label class="form-check-label" for="topbar-color-dark">Dark</label>
  344.                                 </div>
  345.                             </div>
  348.                             <div>
  349.                                 <h5 class="my-3 font-16 fw-semibold">Menu Color</h5>
  351.                                 <div class="form-check mb-2">
  352.                                     <input class="form-check-input" type="radio" name="data-menu-color"
  353.                                            id="leftbar-color-light" value="light">
  354.                                     <label class="form-check-label" for="leftbar-color-light">
  355.                                         Light
  356.                                     </label>
  357.                                 </div>
  359.                                 <div class="form-check mb-2">
  360.                                     <input class="form-check-input" type="radio" name="data-menu-color"
  361.                                            id="leftbar-color-dark" value="dark">
  362.                                     <label class="form-check-label" for="leftbar-color-dark">
  363.                                         Dark
  364.                                     </label>
  365.                                 </div>
  366.                             </div>
  368.                             <div>
  369.                                 <h5 class="my-3 font-16 fw-semibold">Sidebar Size</h5>
  371.                                 <div class="form-check mb-2">
  372.                                     <input class="form-check-input" type="radio" name="data-menu-size"
  373.                                            id="leftbar-size-default" value="default">
  374.                                     <label class="form-check-label" for="leftbar-size-default">
  375.                                         Default
  376.                                     </label>
  377.                                 </div>
  379.                                 <div class="form-check mb-2">
  380.                                     <input class="form-check-input" type="radio" name="data-menu-size"
  381.                                            id="leftbar-size-small" value="condensed">
  382.                                     <label class="form-check-label" for="leftbar-size-small">
  383.                                         Condensed
  384.                                     </label>
  385.                                 </div>
  387.                                 <div class="form-check mb-2">
  388.                                     <input class="form-check-input" type="radio" name="data-menu-size"
  389.                                            id="leftbar-hidden" value="hidden">
  390.                                     <label class="form-check-label" for="leftbar-hidden">
  391.                                         Hidden
  392.                                     </label>
  393.                                 </div>
  395.                                 <div class="form-check mb-2">
  396.                                     <input class="form-check-input" type="radio" name="data-menu-size"
  397.                                            id="leftbar-size-small-hover-active" value="sm-hover-active">
  398.                                     <label class="form-check-label" for="leftbar-size-small-hover-active">
  399.                                         Small Hover Active
  400.                                     </label>
  401.                                 </div>
  403.                                 <div class="form-check mb-2">
  404.                                     <input class="form-check-input" type="radio" name="data-menu-size"
  405.                                            id="leftbar-size-small-hover" value="sm-hover">
  406.                                     <label class="form-check-label" for="leftbar-size-small-hover">
  407.                                         Small Hover
  408.                                     </label>
  409.                                 </div>
  410.                             </div>
  412.                         </div>
  413.                     </div>
  414.                 </div>
  415.                 <div class="offcanvas-footer border-top p-3 text-center">
  416.                     <div class="row">
  417.                         <div class="col">
  418.                             <button type="button" class="btn btn-danger w-100" id="reset-layout">Reset</button>
  419.                         </div>
  420.                     </div>
  421.                 </div>
  422.             </div>
  423.         </div>
  424.         <!-- ========== Topbar End ========== -->
  426.         <!-- ========== App Menu Start ========== -->
  427.         <div class="main-nav" id="sidebarContainer">
  428.             <!-- Sidebar Logo -->
  429.             <div class="logo-box">
  430.                 <a href="/ecommerce" class="logo-dark">
  431.                     <img src="/assets/images/logo_delsart.png" class="logo-sm" alt="logo sm">
  432.                     <img src="/assets/images/logo_delsart.png" class="logo-lg" alt="logo dark">
  433.                 </a>
  434.                 <a href="/ecommerce" class="logo-light">
  435.                     <img src="/assets/images/logo_delsart.png" class="logo-sm" alt="logo sm">
  436.                     <img src="/assets/images/logo_delsart.png" class="logo-lg" alt="logo light">
  437.                 </a>
  438.                 <button type="button" class="button-sm-hover" aria-label="Show Full Sidebar">
  439.                     <iconify-icon icon="solar:double-alt-arrow-right-bold-duotone" class="button-sm-hover-icon"></iconify-icon>
  440.                 </button>
  441.             </div>
  443.             <!-- Barre latérale (menu) -->
  444.             <div class="sidebar d-block" data-simplebar>
  445.                 <ul class="navbar-nav" id="navbar-nav">
  447.                     <li class="menu-title">Menu</li>
  449.                     <li class="nav-item">
  450.                         <a class="nav-link" href="/ecommerce/">
  451.                                    <span class="nav-icon">
  452.                                         <iconify-icon icon="solar:widget-5-bold-duotone"></iconify-icon>
  453.                                    </span>
  454.                             <span class="nav-text"> Accueil </span>
  455.                         </a>
  456.                     </li>
  457.                     <li class="nav-item">
  458.                         <a class="nav-link" href="/ecommerce/product/list">
  459.                                    <span class="nav-icon">
  460.                                         <iconify-icon icon="material-symbols:list"></iconify-icon>
  461.                                    </span>
  462.                             <span class="nav-text"> Ma carte </span>
  463.                         </a>
  464.                     </li>
  465.                     <li class="nav-item">
  466.                         <a class="nav-link" href="/ecommerce/profile/articles-waiting">
  467.                                    <span class="nav-icon">
  468.                                         <iconify-icon icon="mingcute:loading-fill"></iconify-icon>
  469.                                    </span>
  470.                             <span class="nav-text"> Articles en attente </span>
  471.                         </a>
  472.                     </li>
  473.                     <li class="nav-item">
  474.                         <a class="nav-link" href="/ecommerce/wishlist/list">
  475.                                    <span class="nav-icon">
  476.                                         <iconify-icon icon="solar:heart-angle-bold-duotone"></iconify-icon>
  477.                                    </span>
  478.                             <span class="nav-text"> Wishlist </span>
  479.                         </a>
  480.                     </li>
  481.                     <li class="nav-item">
  482.                         <a class="nav-link" href="/ecommerce/promotion/">
  483.                                    <span class="nav-icon">
  484.                                         <iconify-icon icon="iconamoon:discount-fill"></iconify-icon>
  485.                                    </span>
  486.                             <span class="nav-text"> Promotions </span>
  487.                         </a>
  488.                     </li>
  489.                     <li class="nav-item">
  490.                         <a class="nav-link" href="/ecommerce/product/news">
  491.                                    <span class="nav-icon">
  492.                                         <iconify-icon icon="emojione-monotone:new-button"></iconify-icon>
  493.                                    </span>
  494.                             <span class="nav-text"> Nouveautés </span>
  495.                         </a>
  496.                     </li>
  497.                     <li class="nav-item">
  498.                         <a class="nav-link" href="/ecommerce/order/list">
  499.                                    <span class="nav-icon">
  500.                                         <iconify-icon icon="lets-icons:order"></iconify-icon>
  501.                                    </span>
  502.                             <span class="nav-text"> Mes commandes </span>
  503.                         </a>
  504.                     </li>
  505.                     <li class="nav-item">
  506.                         <a class="nav-link" href="/ecommerce/invoices/list">
  507.                                    <span class="nav-icon">
  508.                                         <iconify-icon icon="fa6-solid:file-invoice-dollar"></iconify-icon>
  509.                                    </span>
  510.                             <span class="nav-text"> Mes factures </span>
  511.                         </a>
  512.                     </li>
  513.                     <li class="nav-item">
  514.                         <a class="nav-link menu-arrow" href="#sidebarOrders" data-bs-toggle="collapse" role="button"
  515.                            aria-expanded="false" aria-controls="sidebarOrders">
  516.                                    <span class="nav-icon">
  517.                                         <iconify-icon icon="solar:settings-bold"></iconify-icon>
  518.                                    </span>
  519.                             <span class="nav-text">Paramètres</span>
  520.                         </a>
  521.                         <div class="collapse" id="sidebarOrders">
  522.                             <ul class="nav sub-navbar-nav">
  523.                                 <li class="sub-nav-item">
  524.                                     <a class="sub-nav-link" href="/ecommerce/profile/">Mes informations</a>
  525.                                 </li>
  526.                                 <li class="sub-nav-item">
  527.                                     <a class="sub-nav-link" href="/ecommerce/profile/establishments">Mes établissements</a>
  528.                                 </li>
  529.                                 <li class="sub-nav-item">
  530.                                     <a class="sub-nav-link" href="/ecommerce/profile/team">Equipes & accès</a>
  531.                                 </li>
  532.                                 <li class="sub-nav-item">
  533.                                     <a class="sub-nav-link" href="/logout">Déconnexion</a>
  534.                                 </li>
  535.                             </ul>
  536.                         </div>
  537.                     </li>
  538.                 </ul>
  539.             </div>
  540.             <div class="position-absolute bottom-0 start-0 end-0 mb-2">
  541.                 <ul class="navbar-nav">
  542.                     <li class="nav-item">
  543.                         <button class="nav-link" onclick="$('#modalHelp').modal('show')">
  544.                             <span class="nav-icon">
  545.                                 <iconify-icon icon="material-symbols:help-outline"></iconify-icon>
  546.                             </span>
  547.                             <span class="nav-text"> Aide </span>
  548.                         </button>
  549.                     </li>
  550.                 </ul>
  551.             </div>
  552.         </div>
  553.     {% endblock %}
  556.     <!-- ==================================================== -->
  557.     <div class="page-content">
  558.         {% block body %}
  560.         {% endblock %}
  561.         {% block footer %}
  562.             <footer class="footer">
  563.                 <div class="container-fluid">
  564.                     <div class="row">
  565.                         <div class="col-12 text-center">
  566.                             <script>document.write(new Date().getFullYear())</script>
  567.                             © Delsart | Develop by <a href="https://www.wecodx.com" target="_blank">Wecodx</a>
  568.                         </div>
  569.                     </div>
  570.                 </div>
  571.             </footer>
  572.         {% endblock %}
  573.     </div>
  574.     <div class="modal fade" id="modalHelp" tabindex="-1" aria-labelledby="modalHelpLabel" aria-hidden="true">
  575.         <div class="modal-dialog">
  576.             <div class="modal-content">
  577.                 <div class="modal-header">
  578.                     <h4 class="modal-title" id="modalHelpLabel">Besoin d'aide ?</h4>
  579.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  580.                 </div>
  581.                 <form id="helpForm" onsubmit="event.preventDefault(); sendHelp();">
  582.                     <div class="modal-body">
  583.                         <div class="text-muted mb-3 d-flex align-items-center">
  584.                             <i class="bi bi-telephone me-2"></i>
  585.                             <span>Pour une demande urgente, contactez-nous au
  586.                             <a href="tel:+3281205457" class="text-decoration-none text-dark">+3281205457</a>
  587.                         </span>
  588.                         </div>
  590.                         <div class="mb-3">
  591.                             <label for="problemTitle" class="form-label">Titre de votre problème</label>
  592.                             <input type="text" class="form-control" id="title" required>
  593.                         </div>
  595.                         <div class="mb-3">
  596.                             <label for="problem" class="form-label">Décrivez votre problème</label>
  597.                             <textarea class="form-control" id="description" rows="3" required></textarea>
  598.                         </div>
  599.                     </div>
  601.                     <div class="modal-footer d-flex flex-column align-items-start">
  602.                         <div class="d-flex justify-content-end w-100 gap-2">
  603.                             <button type="submit" class="btn btn-success" id="buttonSend">Envoyer</button>
  604.                             <div id="loading-send" class="spinner-border text-primary" role="status" style="display:none"></div>
  605.                             <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
  606.                         </div>
  607.                     </div>
  608.                 </form>
  609.             </div>
  610.         </div>
  611.     </div>
  613. </div>
  614. {% block javascript %}
  615. <!-- Vendor Javascript (Require in all Page) -->
  616. <script src="/ecommerce/assets/js/vendor.js"></script>
  618. <!-- App Javascript (Require in all Page) -->
  619. <script src="/ecommerce/assets/js/app.js"></script>
  621. <!-- Vector Map Js -->
  622. <script src="/ecommerce/assets/vendor/jsvectormap/js/jsvectormap.min.js"></script>
  623. <script src="/ecommerce/assets/vendor/jsvectormap/maps/world-merc.js"></script>
  624. <script src="/ecommerce/assets/vendor/jsvectormap/maps/world.js"></script>
  625. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  627. <!-- Dashboard Js -->
  628. <script src="/ecommerce/assets/js/pages/dashboard.js"></script>
  629. <script src="/assets/libs/select2/js/select2.min.js"></script>
  630. <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
  632. <script>
  633.     function sendHelp() {
  635.         $('#loading-send').show();
  636.         $('#buttonSend').hide();
  638.         // Envoi de la requête AJAX
  639.         $.ajax({
  640.             type: "POST",
  641.             url: '/ecommerce/help/send',
  642.             data: {
  643.             title: $('#title').val(),
  644.             description: $('#description').val(),
  645.          },
  646.         success: (response) => {
  647.                 $('#modalHelp').modal('hide');
  648.                 $('#loading-send').hide();
  649.                 $('#buttonSend').show();
  651.                 $('#title').val('');
  652.                 $('#description').val('');
  654.                 toastr["success"]("Message envoyé ! ");
  655.     },
  656.         error: function(error) {
  657.             $('#loading-send').hide();
  658.             $('#buttonSend').show();
  659.              toastr["error"]("Erreur lors de l'envoi du message ");
  660.     }
  661. });
  662. }
  663. </script>
  664. {% endblock %}
  665. </body>
  666. </html>