{% if app.user %}<!doctype html><html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable"><head> <meta charset="utf-8" /> <title>Cosa tunisie </title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" /> <meta content="Themesbrand" name="author" /> <!-- App favicon --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>{# <link rel="shortcut icon" href="{{ asset('uploads/logoSetting/' ~ setting.favicon ) }}">#} <link rel="shortcut icon" href="{{ asset('assets/images/coz.png') }}"> <!-- jsvectormap css --> <link href="{{ asset('assets/libs/jsvectormap/css/jsvectormap.min.css') }}" rel="stylesheet" type="text/css" /> <!--Swiper slider css--> <link href="{{ asset('assets/libs/swiper/swiper-bundle.min.css') }}" rel="stylesheet" type="text/css" /> <!-- Layout config Js --> <script src="{{ asset('assets/js/layout.js') }}"></script> <!-- Bootstrap Css --> <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" /> <!-- Icons Css --> <link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" /> <!-- App Css--> <link href="{{ asset('assets/css/app.min.css') }}" rel="stylesheet" type="text/css" /> <!-- custom Css--> <link href="{{ asset('assets/css/custom.min.css') }}" rel="stylesheet" type="text/css" /> <!-- Sweet Alert css--> <link href="{{ asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" /> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> {# <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />#} {# <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha384-miH+nGF+L1jduYvghWyrn6vozIlF2zfJI6ohxz2otgO6Gtx/TK5msXh7R1zTkhZh" crossorigin="anonymous">#} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" /> <!--datatable responsive css--> <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" /> <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"></head>{#<head>#}{# <meta charset="utf-8" />#}{# <title>Coza tunisie </title>#}{# <meta name="viewport" content="width=device-width, initial-scale=1.0">#}{# <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />#}{# <meta content="Themesbrand" name="author" />#}{# <!-- App favicon -->#}{# <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>#}{# <link rel="shortcut icon" href="{{ asset('assets/images/coz.png') }}">#}{# <!-- jsvectormap css -->#}{# <link href="{{ asset('assets/libs/jsvectormap/css/jsvectormap.min.css') }}" rel="stylesheet" type="text/css" />#}{# <!--Swiper slider css-->#}{# <link href="{{ asset('assets/libs/swiper/swiper-bundle.min.css') }}" rel="stylesheet" type="text/css" />#}{# <!-- Layout config Js -->#}{# <script src="{{ asset('assets/js/layout.js') }}"></script>#}{# <!-- Bootstrap Css -->#}{# <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />#}{# <!-- Icons Css -->#}{# <link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />#}{# <!-- App Css-->#}{# <link href="{{ asset('assets/css/app.min.css') }}" rel="stylesheet" type="text/css" />#}{# <!-- custom Css-->#}{# <link href="{{ asset('assets/css/custom.min.css') }}" rel="stylesheet" type="text/css" />#}{# <!-- Sweet Alert css-->#}{# <link href="{{ asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />#}{# <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />#}{# <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>#}{# <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha384-miH+nGF+L1jduYvghWyrn6vozIlF2zfJI6ohxz2otgO6Gtx/TK5msXh7R1zTkhZh" crossorigin="anonymous">#}{# <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" crossorigin="anonymous" />#}{# <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" />#}{# <!--datatable responsive css-->#}{# <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" />#}{# <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">#}{#</head>#}<body><!-- Begin page --><div id="layout-wrapper"> <header id="page-topbar"> <div class="layout-width"> <div class="navbar-header"> <div class="d-flex"> <!-- LOGO --> <div class="navbar-brand-box horizontal-logo"> <a href="#" class="logo logo-dark"> <span class="logo-sm"> <img src="#" alt="" height="22"> </span> <span class="logo-lg"> <img src="#" alt="" height="17"> </span> </a> <a href="#" class="logo logo-light"> <span class="logo-sm"> <img src="#" alt="" height="22"> </span> <span class="logo-lg"> <img src="#" alt="" height="17"> </span> </a> </div> <button type="button" class="btn btn-sm px-3 fs-16 header-item vertical-menu-btn topnav-hamburger" id="topnav-hamburger-icon"> <span class="hamburger-icon"> <span></span> <span></span> <span></span> </span> </button> <!-- App Search--> <form class="app-search d-none d-md-block">{# <div class="position-relative">#}{# <input type="text" class="form-control" placeholder="Search..." autocomplete="off" id="search-options" value="">#}{# <span class="mdi mdi-magnify search-widget-icon"></span>#}{# <span class="mdi mdi-close-circle search-widget-icon search-widget-icon-close d-none" id="search-close-options"></span>#}{# </div>#} <div class="dropdown-menu dropdown-menu-lg" id="search-dropdown"> <div data-simplebar style="max-height: 320px;"> <!-- item--> <div class="dropdown-header"> <h6 class="text-overflow text-muted mb-0 text-uppercase">Recent Searches</h6> </div> <div class="dropdown-item bg-transparent text-wrap"> <a href="index.html" class="btn btn-soft-secondary btn-sm btn-rounded">how to setup <i class="mdi mdi-magnify ms-1"></i></a> <a href="index.html" class="btn btn-soft-secondary btn-sm btn-rounded">buttons <i class="mdi mdi-magnify ms-1"></i></a> </div> <!-- item--> <div class="dropdown-header mt-2"> <h6 class="text-overflow text-muted mb-1 text-uppercase">Pages</h6> </div> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="ri-bubble-chart-line align-middle fs-18 text-muted me-2"></i> <span>Analytics Dashboard</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="ri-lifebuoy-line align-middle fs-18 text-muted me-2"></i> <span>Help Center</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="ri-user-settings-line align-middle fs-18 text-muted me-2"></i> <span>My account settings</span> </a> <!-- item--> <div class="dropdown-header mt-2"> <h6 class="text-overflow text-muted mb-2 text-uppercase">Members</h6> </div> <div class="notification-list"> <!-- item --> <a href="javascript:void(0);" class="dropdown-item notify-item py-2"> <div class="d-flex"> <img src="#" class="me-3 rounded-circle avatar-xs" alt="user-pic"> <div class="flex-1"> <h6 class="m-0">Angela Bernier</h6> <span class="fs-11 mb-0 text-muted">Manager</span> </div> </div> </a> <!-- item --> <a href="javascript:void(0);" class="dropdown-item notify-item py-2"> <div class="d-flex"> <img src="#" class="me-3 rounded-circle avatar-xs" alt="user-pic"> <div class="flex-1"> <h6 class="m-0">David Grasso</h6> <span class="fs-11 mb-0 text-muted">Web Designer</span> </div> </div> </a> <!-- item --> <a href="javascript:void(0);" class="dropdown-item notify-item py-2"> <div class="d-flex"> <img src="#" class="me-3 rounded-circle avatar-xs" alt="user-pic"> <div class="flex-1"> <h6 class="m-0">Mike Bunch</h6> <span class="fs-11 mb-0 text-muted">React Developer</span> </div> </div> </a> </div> </div> <div class="text-center pt-3 pb-1"> <a href="pages-search-results.html" class="btn btn-primary btn-sm">View All Results <i class="ri-arrow-right-line ms-1"></i></a> </div> </div> </form> </div> <div class="d-flex align-items-center"> <div class="dropdown d-md-none topbar-head-dropdown header-item"> <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" id="page-header-search-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="bx bx-search fs-22"></i> </button> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-search-dropdown"> <form class="p-3"> <div class="form-group m-0"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username"> <button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button> </div> </div> </form> </div> </div> <div class="ms-1 header-item d-none d-sm-flex"> <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" data-toggle="fullscreen"> <i class='bx bx-fullscreen fs-22'></i> </button> </div> <div class="ms-1 header-item d-none d-sm-flex"> <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle light-dark-mode"> <i class='bx bx-moon fs-22'></i> </button> </div> {% if is_granted('ROLE_SUPER_ADMIN') %} <div class="dropdown topbar-head-dropdown ms-1 header-item" id="notificationDropdown">{# <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" id="page-header-notifications-dropdown" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">#}{# <i class='bx bx-bell fs-22'></i>#}{# <span class="position-absolute topbar-badge fs-10 translate-middle badge rounded-pill bg-danger" id="totalnotif">0<span class="visually-hidden">messages non lus</span></span>#}{# </button>#} <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-notifications-dropdown"> <div class="dropdown-head bg-primary bg-pattern rounded-top"> <div class="p-3"> <div class="row align-items-center"> <div class="col"> <h6 class="m-0 fs-16 fw-semibold text-white"> Notifications </h6> </div> <div class="col-auto dropdown-tabs"> <span class="badge badge-soft-light fs-13" id="totnouvelle"> 0 Notif</span> </div> </div> </div> <div class="px-2 pt-2"> <ul class="nav nav-tabs dropdown-tabs nav-tabs-custom" data-dropdown-tabs="true" id="notificationItemsTab" role="tablist"> <li class="nav-item waves-effect waves-light"> <a class="nav-link active" data-bs-toggle="tab" href="#demande_devis-tab" id="ttdemande" role="tab" aria-selected="true"> Demande devis </a> </li> <li class="nav-item waves-effect waves-light"> <a class="nav-link" data-bs-toggle="tab" href="#interventions-tab" id="ttintervention" role="tab" aria-selected="false"> Interventions </a> </li> </ul> </div> </div> <div class="tab-content position-relative" id="notificationItemsTabContent"> <div class="tab-pane fade show active py-2 ps-2" id="demande_devis-tab" role="tabpanel" aria-labelledby="demande_devis-tab"> </div> <div class="tab-pane fade py-2 ps-2" id="interventions-tab" role="tabpanel" aria-labelledby="interventions-tab"> </div> <div class="notification-actions" id="notification-actions"> <div class="d-flex text-muted justify-content-center"> Select <div id="select-content" class="text-body fw-semibold px-1">0</div> Result <button type="button" class="btn btn-link link-danger p-0 ms-3" data-bs-toggle="modal" data-bs-target="#removeNotificationModal">Remove</button> </div> </div> </div> </div> </div> {% endif %} <div class="dropdown ms-sm-3 header-item topbar-user"> <button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="d-flex align-items-center">{# <img class="rounded-circle header-profile-user" src="{{ asset('uploads/admin/' ~ app.user.photo) }}" alt="Header Avatar">#} <img class="rounded-circle header-profile-user" src="{{ app.user.photo ? asset('uploads/admin/' ~ app.user.photo) : asset('assets/images/users/avatar-1.jpg') }}" alt="Header Avatar"> <span class="text-start ms-xl-2"> <span class="d-none d-xl-inline-block ms-1 fw-medium user-name-text">{{ app.user.nom }} {{ app.user.prenom }}</span> <span class="d-none d-xl-block ms-1 fs-12 text-muted user-name-sub-text"> {% if is_granted('ROLE_SUPER_ADMIN') %} Admin {% elseif is_granted('ROLE_TECHNICIEN') %} Technicien {% endif %} </span> </span> </span> </button> <div class="dropdown-menu dropdown-menu-end"> <!-- item--> <h6 class="dropdown-header">Welcome Anna!</h6> <a class="dropdown-item" href="{{ path('app_editprofile') }}"><i class="mdi mdi-account-circle text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Profile</span></a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="{{ path('app_logout') }}"><i class="mdi mdi-logout text-muted fs-16 align-middle me-1"></i> <span class="align-middle" data-key="t-logout">Logout</span></a> </div> </div> </div> </div> </div> </header> <!-- removeNotificationModal --> <div id="removeNotificationModal" class="modal fade zoomIn" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="NotificationModalbtn-close"></button> </div> <div class="modal-body"> <div class="mt-2 text-center"> <lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop" colors="primary:#f7b84b,secondary:#f06548" style="width:100px;height:100px"></lord-icon> <div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5"> <h4>Are you sure ?</h4> <p class="text-muted mx-4 mb-0">Are you sure you want to remove this Notification ?</p> </div> </div> <div class="d-flex gap-2 justify-content-center mt-4 mb-2"> <button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button> <button type="button" class="btn w-sm btn-danger" id="delete-notification">Yes, Delete It!</button> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- ========== App Menu ========== --> <div class="app-menu navbar-menu"> <!-- LOGO --> <div class="navbar-brand-box"> <!-- Dark Logo--> <a href="#" class="logo logo-dark"> <span class="logo-sm"> <img src="#" alt="" height="22"> </span> <span class="logo-lg"> <img src="#" alt="" height="17"> </span> </a> <!-- Light Logo--> <a href="#" class="logo logo-light"> <span class="logo-sm"> <img src="{{ asset('assets/images/coz.png') }}" alt="" height="27"> </span> <span class="logo-lg"> <img src="{{ asset('assets/images/coz.png') }}" alt="" height="24"> </span> </a> <button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover" id="vertical-hover"> <i class="ri-record-circle-line"></i> </button> </div> <div id="scrollbar"> <div class="container-fluid"> <div id="two-column-menu"> </div> <ul class="navbar-nav" id="navbar-nav"> <li class="menu-title"><span data-key="t-menu">Menu</span></li> {% if is_granted('ROLE_COMMERCIAL') %} <li class="nav-item"> <a class="nav-link menu-link" href="{{ path('app_famillesdarticles_index_commercial') }}"> <i class="ri-shopping-bag-line"></i> <span>Gestion des articles</span> </a> </li> <li class="nav-item"> <a class="nav-link menu-link" href="{{ path('app_liste_facture_commercial') }}"> <i class="ri-bill-line"></i> <span>Gestion des factures</span> </a> </li> <li class="nav-item"> <a class="nav-link menu-link" href="{{ path('app_commercial_blp') }}"> <i class="ri-truck-line"></i> <span>Gestion BLP</span> </a> </li> <li class="nav-item"> <a class="nav-link menu-link" href="{{ path('app_devis_liste_bl_commercial') }}"> <i class="ri-inbox-archive-line"></i> <span>Gestion BL</span> </a> </li> <li class="nav-item"> <a class="nav-link menu-link" href="{{ path('app_devis_archives_commercial') }}"> <i class="ri-archive-line"></i> <span>Gestion archives BL</span> </a> </li> {% endif %} {% if is_granted('ROLE_SUPER_ADMIN') %} <li class="nav-item"> <a class="nav-link menu-link" href="{{ path('app_home') }}"> <i class="ri-dashboard-2-line"></i> <span >Tableau de bord</span> </a> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Clients" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="ri-file-user-fill"></i> <span data-key="t-dashboards">Clients</span> </a> <div class="collapse menu-dropdown" id="Clients"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_clients') }}" class="nav-link" data-key="t-analytics"> Ajouter client </a> </li> <li class="nav-item"> <a href="{{ path('app_clients_liste') }}" class="nav-link" data-key="t-crm"> Liste des clients </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Fournisseurs" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="ri-folder-user-fill"></i> <span data-key="t-dashboards">Fournisseurs</span> </a> <div class="collapse menu-dropdown" id="Fournisseurs"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_fournisseur_new') }}" class="nav-link" data-key="t-analytics"> Ajouter Fournisseur </a> </li> <li class="nav-item"> <a href="{{ path('app_fournisseur_index') }}" class="nav-link" data-key="t-crm"> Liste des fournisseurs </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Piece" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class=" ri-plug-fill"></i> <span data-key="t-dashboards"> Famille d'articles</span> </a> <div class="collapse menu-dropdown" id="Piece"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_familles_index') }}" class="nav-link" data-key="t-crm"> Familles </a> </li> <li class="nav-item"> <a href="{{ path('app_famillesdarticles_index') }}" class="nav-link" data-key="t-crm"> Articles </a> </li> {# <li class="nav-item">#} {# <a href="{{ path('app_aiguilles_index') }}" class="nav-link" data-key="t-crm"> Aiguilles </a>#} {# </li>#} {# <li class="nav-item">#} {# <a href="{{ path('app_platines_index') }}" class="nav-link" data-key="t-crm"> Platines </a>#} {# </li>#} {# <li class="nav-item">#} {# <a href="{{ path('app_courroie_index') }}" class="nav-link" data-key="t-crm"> Courroies </a>#} {# </li>#} </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Machine" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class=" ri-t-shirt-air-fill"></i> <span data-key="t-dashboards">Gestion machines</span> </a> <div class="collapse menu-dropdown" id="Machine"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_gestionmachines_index') }}" class="nav-link" data-key="t-analytics">Machines </a> </li> <li class="nav-item"> <a href="{{ path('app_structure_index') }}" class="nav-link" data-key="t-analytics">Structures </a> </li> <li class="nav-item"> <a href="{{ path('app_machine_index') }}" class="nav-link" data-key="t-analytics">Types de Machine </a> </li> <li class="nav-item"> <a href="{{ path('app_marque_machine_index') }}" class="nav-link" data-key="t-crm"> Marques de machine </a> </li> <li class="nav-item"> <a href="{{ path('app_modele_machine_index') }}" class="nav-link" data-key="t-crm"> Modèles de machine </a> </li> <li class="nav-item"> <a href="{{ path('app_jauge_machine_index') }}" class="nav-link" data-key="t-crm"> Jauges de machine </a> </li> <li class="nav-item"> <a href="{{ path('app_diametre_machine_index') }}" class="nav-link" data-key="t-crm"> Diamètres de machine </a> </li> <li class="nav-item"> <a href="{{ path('app_nbchute_index') }}" class="nav-link" data-key="t-crm"> Nombre de chute </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#fiche" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="bx bx-bx bx-file"></i> <span data-key="t-dashboards">Documents des achats</span> </a> <div class="collapse menu-dropdown" id="fiche"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_ficheoffre_new') }}" class="nav-link" data-key="t-analytics"> Ajouter </a> </li> <li class="nav-item"> <a href="{{ path('app_ficheoffre_index') }}" class="nav-link" data-key="t-crm"> Liste </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="{{ path('app_ficheachatnf_index') }}"> <i class="ri-shopping-cart-2-fill"></i> <span data-key="t-widgets">Gestion achats NF</span> </a> </li> <li class="nav-item"> <a class="nav-link menu-link" href="{{ path('app_bondesortie_index') }}"> <i class="ri-truck-line"></i> <span data-key="t-widgets">Bon de sortie</span> </a> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#demandedevis" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="bx bx-bx bx-file"></i> <span data-key="t-dashboards">Demande devis</span> </a> <div class="collapse menu-dropdown" id="demandedevis"> <ul class="nav nav-sm flex-column">{# <li class="nav-item">#}{# <a href="{{ path('app_devis_new') }}" class="nav-link" data-key="t-analytics"> Ajouter </a>#}{# </li>#} <li class="nav-item"> <a href="{{ path('app_devis_demande') }}" class="nav-link" data-key="t-crm" data-value="app_devis_demande"> Liste </a> </li> <li class="nav-item"> <a href="{{ path('app_historiquedemandedevis_index') }}" class="nav-link" data-key="t-crm"> Archives des demandes de devis </a> </li>{# <li class="nav-item">#}{# <a href="{{ path('app_devis_archives') }}" class="nav-link" data-key="t-crm"> Archives Bl </a>#}{# </li>#} </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#vente" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="bx bx-bx bx-file"></i> <span data-key="t-dashboards">Documents des ventes</span> </a> <div class="collapse menu-dropdown" id="vente"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_devis_new') }}" class="nav-link" data-key="t-analytics"> Ajouter </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_liste_facture') }}" class="nav-link" data-key="t-crm" data-value="app_devis_index"> Liste des factures </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_liste_devis') }}" class="nav-link" data-key="t-crm" data-value="app_devis_index"> Liste des devis </a> </li>{# <li class="nav-item">#}{# <a href="{{ path('app_devis_iste_demande_devis') }}" class="nav-link" data-key="t-crm" data-value="app_devis_index"> Liste des demandes </a>#}{# </li>#} <li class="nav-item"> <a href="{{ path('app_devis_liste_bl') }}" class="nav-link" data-key="t-crm" data-value="app_devis_index"> Liste des bons de livraison </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_liste_commandes') }}" class="nav-link" data-key="t-crm" data-value="app_devis_index"> Liste des commandes </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_fbl') }}" class="nav-link" data-key="t-crm"> Fusionner Bl </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_liste_blfus') }}" class="nav-link" data-key="t-crm"> Fusionner BLFUS </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_archives') }}" class="nav-link" data-key="t-crm"> Archives Bl </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#BLP" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="bx bx-bx bx-file"></i> <span data-key="t-dashboards">BLP</span> </a> <div class="collapse menu-dropdown" id="BLP"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_devis_particulier_new') }}" class="nav-link" data-key="t-analytics"> Ajouter </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_particulier_index') }}" class="nav-link" data-key="t-crm"> Liste </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_fblp') }}" class="nav-link" data-key="t-crm"> Fusionner BLP </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_particulier_archive_blp') }}" class="nav-link" data-key="t-crm"> Archives BLP </a> </li> <li class="nav-item"> <a href="{{ path('app_devis_particulier_facture_mvt') }}" class="nav-link" data-key="t-crm"> Liste facture mouvement </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#importaion" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="ri-ship-2-fill"></i> <span data-key="t-dashboards">Importation directe</span> </a> <div class="collapse menu-dropdown" id="importaion"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_importdirect_index') }}" class="nav-link" data-key="t-crm">Liste des imports directs</a> </li> <li class="nav-item"> <a href="{{ path('app_commissions_importdirect') }}" class="nav-link" data-key="t-crm">Tableau des commissions</a> </li> <li class="nav-item"> <a href="{{ path('app_detailsimportdirect_index') }}" class="nav-link" data-key="t-crm">Détails importation</a> </li> <li class="nav-item"> <a href="{{ path('app_accessoire_index') }}" class="nav-link" data-key="t-crm">Accessoire</a> </li> <li class="nav-item"> <a href="{{ path('app_detailsimportdirect_index') }}" class="nav-link" data-key="t-crm">Liste détails imports directs </a> </li> <li class="nav-item"> <a href="{{ path('app_banque_index') }}" class="nav-link" data-key="t-crm">Banque </a> </li> <li class="nav-item"> <a href="{{ path('app_typedepaiement_index') }}" class="nav-link" data-key="t-crm">Type de paiement </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Techniciens" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="ri-dashboard-2-line"></i> <span data-key="t-dashboards">Techniciens</span> </a> <div class="collapse menu-dropdown" id="Techniciens"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_assistant') }}" class="nav-link" data-key="t-analytics"> Ajouter technicien </a> </li> <li class="nav-item"> <a href="{{ path('app_listeassitant') }}" class="nav-link" data-key="t-crm"> Liste des techniciens </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Interventions" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarApps"> <i class="ri-apps-2-line"></i> <span data-key="t-apps"> Interventions</span> </a> <div class="collapse menu-dropdown" id="Interventions"> <ul class="nav nav-sm flex-column">{# <li class="nav-item">#}{# <a href="{{ path('app_intervention_new') }}" class="nav-link" data-key="t-calendar"> Ajouter intervention </a>#}{# </li>#} {% if is_granted('ROLE_TECHNICIEN') %} <li class="nav-item"> <a href="{{ path('app_intervention_new_inter') }}" class="nav-link" data-key="t-calendar"> Ajouter intervention </a> </li> {% endif %} <li class="nav-item"> <a href="{{ path('app_intervention_index') }}" class="nav-link" data-key="t-chat" data-value="app_intervention_index"> Liste des interventions </a> </li>{# <li class="nav-item">#}{# <a href="{{ path('app_intervention_par_machine') }}" class="nav-link" data-key="t-chat">Interventions par série de machine</a>#}{# </li>#} <li class="nav-item"> <a href="{{ path('app_historiqueintervention_archivefacture') }}" class="nav-link" data-key="t-chat"> Archives des interventions </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Régions" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="ri-map-pin-line"></i> <span data-key="t-dashboards">Régions & Frais</span> </a> <div class="collapse menu-dropdown" id="Régions"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_fraisdeliv_new') }}" class="nav-link" data-key="t-analytics"> Ajouter </a> </li> <li class="nav-item"> <a href="{{ path('app_fraisdeliv_index') }}" class="nav-link" data-key="t-crm"> Liste </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#msgerror" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class=" ri-alert-fill"></i> <span data-key="t-dashboards">Message d'erreur & Panne</span> </a> <div class="collapse menu-dropdown" id="msgerror"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_messageerreur_new') }}" class="nav-link" data-key="t-crm"> Ajouter un Message d'Erreur & une Panne </a> </li> <li class="nav-item"> <a href="{{ path('app_messageerreur_index') }}" class="nav-link" data-key="t-crm"> Liste des Messages d'Erreur et des Pannes </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#archivearticle" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="ri-stack-line"></i> <span data-key="t-dashboards">Archive Article</span> </a> <div class="collapse menu-dropdown" id="archivearticle"> <ul class="nav nav-sm flex-column"> {# <li class="nav-item">#} {# <a href="{{ path('app_archivearticle_show', {'id': archiveArticle.id}) }}" class="nav-link" data-key="t-analytics"> Voir </a>#} {# </li>#} <li class="nav-item"> <a href="{{ path('app_archivearticle_index') }}" class="nav-link" data-key="t-crm"> Liste </a> </li> </ul> </div> </li> {% elseif is_granted('ROLE_TECHNICIEN') %}{# <li class="nav-item">#}{# <a class="nav-link menu-link" href="{{ path('app_intervention_Technicien') }}" >#}{# <i class="ri-apps-2-line"></i> <span data-key="t-apps"> Interventions</span>#}{# </a>#}{# </li>#} <li class="nav-item"> <a class="nav-link menu-link" href="#Interventions" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarApps"> <i class="ri-apps-2-line"></i> <span data-key="t-apps"> Interventions</span> </a> <div class="collapse menu-dropdown" id="Interventions"> <ul class="nav nav-sm flex-column"> {# <li class="nav-item">#} {# <a href="{{ path('app_intervention_new') }}" class="nav-link" data-key="t-calendar"> Ajouter intervention </a>#} {# </li>#} <li class="nav-item"> <a href="{{ path('app_intervention_new_inter') }}" class="nav-link" data-key="t-calendar"> Ajouter intervention </a> </li> <li class="nav-item"> <a href="{{ path('app_intervention_index') }}" class="nav-link" data-key="t-chat" data-value="app_intervention_index"> Liste des interventions </a> </li>{# <li class="nav-item">#}{# <a href="{{ path('app_intervention_par_machine') }}" class="nav-link" data-key="t-chat">Interventions par série de machine</a>#}{# </li>#} <li class="nav-item"> <a href="{{ path('app_historiqueintervention_archivefacture') }}" class="nav-link" data-key="t-chat"> Archives des interventions </a> </li> </ul> </div> </li> {# Old Intervention BY technicien #}{# <li class="nav-item">#}{# <a class="nav-link menu-link" href="#Interventions" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarApps">#}{# <i class="ri-apps-2-line"></i> <span data-key="t-apps"> Interventions mm</span>#}{# </a>#}{# <div class="collapse menu-dropdown" id="Interventions">#}{# <ul class="nav nav-sm flex-column">#}{# <li class="nav-item">#}{# <a href="{{ path('app_intervention_techniciens') }}" class="nav-link" data-key="t-calendar"> Ajouter intervention </a>#}{# </li>#}{# <li class="nav-item">#}{# <a href="{{ path('app_listes_intervention') }}" class="nav-link" data-key="t-chat"> Liste des interventions </a>#}{# </li>#}{# <li class="nav-item">#}{# <a href="{{ path('app_historiqueintervention_index') }}" class="nav-link" data-key="t-chat"> Archives des interventions </a>#}{# </li>#}{# </ul>#}{# </div>#}{# </li>#} {# end Old Intervention BY technicien #} <li class="nav-item"> <a class="nav-link menu-link" href="#msgerror" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class=" ri-alert-fill"></i> <span data-key="t-dashboards">Message d'erreur & Panne</span> </a> <div class="collapse menu-dropdown" id="msgerror"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_messageerreur_new') }}" class="nav-link" data-key="t-crm"> Ajouter un Message d'Erreur & une Panne </a> </li> <li class="nav-item"> <a href="{{ path('app_messageerreur_index') }}" class="nav-link" data-key="t-crm"> Liste des Messages d'Erreur et des Pannes </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#demandedevis" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarApps"> <i class="bx bx-bx bx-file"></i> <span data-key="t-apps"> Demande devis</span> </a> <div class="collapse menu-dropdown" id="demandedevis"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('new_demande_devis') }}" class="nav-link" data-key="t-calendar"> Ajouter Demande devis </a> </li> <li class="nav-item"> <a href="{{ path('liste_Demande_Devis') }}" class="nav-link" data-key="t-chat"> Liste des demande devis </a> </li> <li class="nav-item"> <a href="{{ path('app_historiquedemandedevis_index') }}" class="nav-link" data-key="t-crm"> Archives des demandes de devis </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Piece" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class=" ri-plug-fill"></i> <span data-key="t-dashboards"> Famille d'articles</span> </a> <div class="collapse menu-dropdown" id="Piece"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_familles_index') }}" class="nav-link" data-key="t-crm"> Familles </a> </li> <li class="nav-item"> <a href="{{ path('app_famillesdarticles_index') }}" class="nav-link" data-key="t-crm"> Articles </a> </li> {# <li class="nav-item">#} {# <a href="{{ path('app_aiguilles_index') }}" class="nav-link" data-key="t-crm"> Aiguilles </a>#} {# </li>#} {# <li class="nav-item">#} {# <a href="{{ path('app_platines_index') }}" class="nav-link" data-key="t-crm"> Platines </a>#} {# </li>#} {# <li class="nav-item">#} {# <a href="{{ path('app_courroie_index') }}" class="nav-link" data-key="t-crm"> Courroies </a>#} {# </li>#} </ul> </div> </li>{# <li class="nav-item">#}{# <a class="nav-link menu-link" href="#BLP" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards">#}{# <i class="bx bx-bx bx-file"></i> <span data-key="t-dashboards">BLP</span>#}{# </a>#}{# <div class="collapse menu-dropdown" id="BLP">#}{# <ul class="nav nav-sm flex-column">#}{# <li class="nav-item">#}{# <a href="{{ path('app_devis_particulier_new') }}" class="nav-link" data-key="t-analytics"> Ajouter </a>#}{# </li>#}{# <li class="nav-item">#}{# <a href="{{ path('app_devis_particulier_index') }}" class="nav-link" data-key="t-crm"> Liste </a>#}{# </li>#}{# <li class="nav-item">#}{# <a href="{{ path('app_devis_fblp') }}" class="nav-link" data-key="t-crm"> Fusionner BLP </a>#}{# </li>#}{# <li class="nav-item">#}{# <a href="{{ path('app_devis_particulier_archive_blp') }}" class="nav-link" data-key="t-crm"> Archives BLP </a>#}{# </li>#}{# <li class="nav-item">#}{# <a href="{{ path('app_devis_particulier_facture_mvt') }}" class="nav-link" data-key="t-crm"> Liste facture mouvement </a>#}{# </li>#}{# </ul>#}{# </div>#}{# </li>#} <li class="nav-item"> <a class="nav-link menu-link" href="#Machine" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class=" ri-t-shirt-air-fill"></i> <span data-key="t-dashboards">Gestion machines</span> </a> <div class="collapse menu-dropdown" id="Machine"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_gestionmachines_index') }}" class="nav-link" data-key="t-analytics">Machines </a> </li> <li class="nav-item"> <a href="{{ path('app_structure_index') }}" class="nav-link" data-key="t-analytics">Structures </a> </li> <li class="nav-item"> <a href="{{ path('app_machine_index') }}" class="nav-link" data-key="t-analytics">Types de Machine </a> </li> <li class="nav-item"> <a href="{{ path('app_marque_machine_index') }}" class="nav-link" data-key="t-crm"> Marques de machine </a> </li> <li class="nav-item"> <a href="{{ path('app_modele_machine_index') }}" class="nav-link" data-key="t-crm"> Modèles de machine </a> </li> <li class="nav-item"> <a href="{{ path('app_jauge_machine_index') }}" class="nav-link" data-key="t-crm"> Jauges de machine </a> </li> <li class="nav-item"> <a href="{{ path('app_diametre_machine_index') }}" class="nav-link" data-key="t-crm"> Diamètres de machine </a> </li> <li class="nav-item"> <a href="{{ path('app_nbchute_index') }}" class="nav-link" data-key="t-crm"> Nombre de chute </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Clients" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="ri-file-user-fill"></i> <span data-key="t-dashboards">Clients</span> </a> <div class="collapse menu-dropdown" id="Clients"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_clients') }}" class="nav-link" data-key="t-analytics"> Ajouter client </a> </li> <li class="nav-item"> <a href="{{ path('app_clients_liste') }}" class="nav-link" data-key="t-crm"> Liste des clients </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link menu-link" href="#Fournisseurs" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards"> <i class="ri-folder-user-fill"></i> <span data-key="t-dashboards">Fournisseurs</span> </a> <div class="collapse menu-dropdown" id="Fournisseurs"> <ul class="nav nav-sm flex-column"> <li class="nav-item"> <a href="{{ path('app_fournisseur_index') }}" class="nav-link" data-key="t-crm"> Liste des fournisseurs </a> </li> </ul> </div> </li> {% endif %} </ul> </div> <!-- Sidebar --> </div> <div class="sidebar-background"></div> </div> <!-- Left Sidebar End --> <!-- Vertical Overlay--> <div class="vertical-overlay"></div> <!-- ============================================================== --> <!-- Start right Content here --> <!-- ============================================================== --> <div class="main-content"> {% block body %} <div class="page-content"> <div class="container-fluid"> <div class="row"> <div class="col"> <div class="h-100"> <div class="row mb-3 pb-1"> <div class="col-12"> <div class="d-flex align-items-lg-center flex-lg-row flex-column"> <div class="flex-grow-1"> <h4 class="fs-16 mb-1">Good Morning, Anna!</h4> <p class="text-muted mb-0">Here's what's happening with your store today.</p> </div> <div class="mt-3 mt-lg-0"> <form action="javascript:void(0);"> <div class="row g-3 mb-0 align-items-center"> <div class="col-sm-auto"> <div class="input-group"> <input type="text" class="form-control border-0 dash-filter-picker shadow" data-provider="flatpickr" data-range-date="true" data-date-format="d M, Y" data-deafult-date="01 Jan 2022 to 31 Jan 2022"> <div class="input-group-text bg-primary border-primary text-white"> <i class="ri-calendar-2-line"></i> </div> </div> </div> <!--end col--> <div class="col-auto"> <button type="button" class="btn btn-soft-success"><i class="ri-add-circle-line align-middle me-1"></i> Add Product</button> </div> <!--end col--> <div class="col-auto"> <button type="button" class="btn btn-soft-info btn-icon waves-effect waves-light layout-rightside-btn"><i class="ri-pulse-line"></i></button> </div> <!--end col--> </div> <!--end row--> </form> </div> </div><!-- end card header --> </div> <!--end col--> </div> <!--end row--> <div class="row"> <div class="col-xl-3 col-md-6"> <!-- card --> <div class="card card-animate"> <div class="card-body"> <div class="d-flex align-items-center"> <div class="flex-grow-1 overflow-hidden"> <p class="text-uppercase fw-medium text-muted text-truncate mb-0"> Total Earnings</p> </div> <div class="flex-shrink-0"> <h5 class="text-success fs-14 mb-0"> <i class="ri-arrow-right-up-line fs-13 align-middle"></i> +16.24 % </h5> </div> </div> <div class="d-flex align-items-end justify-content-between mt-4"> <div> <h4 class="fs-22 fw-semibold ff-secondary mb-4">$<span class="counter-value" data-target="559.25">0</span>k </h4> <a href="" class="text-decoration-underline">View net earnings</a> </div> <div class="avatar-sm flex-shrink-0"> <span class="avatar-title bg-soft-success rounded fs-3"> <i class="bx bx-dollar-circle text-success"></i> </span> </div> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col --> <div class="col-xl-3 col-md-6"> <!-- card --> <div class="card card-animate"> <div class="card-body"> <div class="d-flex align-items-center"> <div class="flex-grow-1 overflow-hidden"> <p class="text-uppercase fw-medium text-muted text-truncate mb-0">Orders</p> </div> <div class="flex-shrink-0"> <h5 class="text-danger fs-14 mb-0"> <i class="ri-arrow-right-down-line fs-13 align-middle"></i> -3.57 % </h5> </div> </div> <div class="d-flex align-items-end justify-content-between mt-4"> <div> <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span class="counter-value" data-target="36894">0</span></h4> <a href="" class="text-decoration-underline">View all orders</a> </div> <div class="avatar-sm flex-shrink-0"> <span class="avatar-title bg-soft-info rounded fs-3"> <i class="bx bx-shopping-bag text-info"></i> </span> </div> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col --> <div class="col-xl-3 col-md-6"> <!-- card --> <div class="card card-animate"> <div class="card-body"> <div class="d-flex align-items-center"> <div class="flex-grow-1 overflow-hidden"> <p class="text-uppercase fw-medium text-muted text-truncate mb-0">Customers</p> </div> <div class="flex-shrink-0"> <h5 class="text-success fs-14 mb-0"> <i class="ri-arrow-right-up-line fs-13 align-middle"></i> +29.08 % </h5> </div> </div> <div class="d-flex align-items-end justify-content-between mt-4"> <div> <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span class="counter-value" data-target="183.35">0</span>M </h4> <a href="" class="text-decoration-underline">See details</a> </div> <div class="avatar-sm flex-shrink-0"> <span class="avatar-title bg-soft-warning rounded fs-3"> <i class="bx bx-user-circle text-warning"></i> </span> </div> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col --> <div class="col-xl-3 col-md-6"> <!-- card --> <div class="card card-animate"> <div class="card-body"> <div class="d-flex align-items-center"> <div class="flex-grow-1 overflow-hidden"> <p class="text-uppercase fw-medium text-muted text-truncate mb-0"> My Balance</p> </div> <div class="flex-shrink-0"> <h5 class="text-muted fs-14 mb-0"> +0.00 % </h5> </div> </div> <div class="d-flex align-items-end justify-content-between mt-4"> <div> <h4 class="fs-22 fw-semibold ff-secondary mb-4">$<span class="counter-value" data-target="165.89">0</span>k </h4> <a href="" class="text-decoration-underline">Withdraw money</a> </div> <div class="avatar-sm flex-shrink-0"> <span class="avatar-title bg-soft-primary rounded fs-3"> <i class="bx bx-wallet text-primary"></i> </span> </div> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col --> </div> <!-- end row--> <div class="row"> <div class="col-xl-8"> <div class="card"> <div class="card-header border-0 align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Revenue</h4> <div> <button type="button" class="btn btn-soft-secondary btn-sm"> ALL </button> <button type="button" class="btn btn-soft-secondary btn-sm"> 1M </button> <button type="button" class="btn btn-soft-secondary btn-sm"> 6M </button> <button type="button" class="btn btn-soft-primary btn-sm"> 1Y </button> </div> </div><!-- end card header --> <div class="card-header p-0 border-0 bg-soft-light"> <div class="row g-0 text-center"> <div class="col-6 col-sm-3"> <div class="p-3 border border-dashed border-start-0"> <h5 class="mb-1"><span class="counter-value" data-target="7585">0</span></h5> <p class="text-muted mb-0">Orders</p> </div> </div> <!--end col--> <div class="col-6 col-sm-3"> <div class="p-3 border border-dashed border-start-0"> <h5 class="mb-1">$<span class="counter-value" data-target="22.89">0</span>k</h5> <p class="text-muted mb-0">Earnings</p> </div> </div> <!--end col--> <div class="col-6 col-sm-3"> <div class="p-3 border border-dashed border-start-0"> <h5 class="mb-1"><span class="counter-value" data-target="367">0</span></h5> <p class="text-muted mb-0">Refunds</p> </div> </div> <!--end col--> <div class="col-6 col-sm-3"> <div class="p-3 border border-dashed border-start-0 border-end-0"> <h5 class="mb-1 text-success"><span class="counter-value" data-target="18.92">0</span>%</h5> <p class="text-muted mb-0">Conversation Ratio</p> </div> </div> <!--end col--> </div> </div><!-- end card header --> <div class="card-body p-0 pb-2"> <div class="w-100"> <div id="customer_impression_charts" data-colors='["--vz-primary", "--vz-success", "--vz-danger"]' class="apex-charts" dir="ltr"></div> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col --> <div class="col-xl-4"> <!-- card --> <div class="card card-height-100"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Sales by Locations</h4> <div class="flex-shrink-0"> <button type="button" class="btn btn-soft-primary btn-sm"> Export Report </button> </div> </div><!-- end card header --> <!-- card body --> <div class="card-body"> <div id="sales-by-locations" data-colors='["--vz-light", "--vz-success", "--vz-primary"]' style="height: 269px" dir="ltr"></div> <div class="px-2 py-2 mt-1"> <p class="mb-1">Canada <span class="float-end">75%</span></p> <div class="progress mt-2" style="height: 6px;"> <div class="progress-bar progress-bar-striped bg-primary" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="75"></div> </div> <p class="mt-3 mb-1">Greenland <span class="float-end">47%</span> </p> <div class="progress mt-2" style="height: 6px;"> <div class="progress-bar progress-bar-striped bg-primary" role="progressbar" style="width: 47%" aria-valuenow="47" aria-valuemin="0" aria-valuemax="47"></div> </div> <p class="mt-3 mb-1">Russia <span class="float-end">82%</span></p> <div class="progress mt-2" style="height: 6px;"> <div class="progress-bar progress-bar-striped bg-primary" role="progressbar" style="width: 82%" aria-valuenow="82" aria-valuemin="0" aria-valuemax="82"></div> </div> </div> </div> <!-- end card body --> </div> <!-- end card --> </div> <!-- end col --> </div> <div class="row"> <div class="col-xl-6"> <div class="card"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Best Selling Products</h4> <div class="flex-shrink-0"> <div class="dropdown card-header-dropdown"> <a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="fw-semibold text-uppercase fs-12">Sort by: </span><span class="text-muted">Today<i class="mdi mdi-chevron-down ms-1"></i></span> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#">Today</a> <a class="dropdown-item" href="#">Yesterday</a> <a class="dropdown-item" href="#">Last 7 Days</a> <a class="dropdown-item" href="#">Last 30 Days</a> <a class="dropdown-item" href="#">This Month</a> <a class="dropdown-item" href="#">Last Month</a> </div> </div> </div> </div><!-- end card header --> <div class="card-body"> <div class="table-responsive table-card"> <table class="table table-hover table-centered align-middle table-nowrap mb-0"> <tbody> <tr> <td> <div class="d-flex align-items-center"> <div class="avatar-sm bg-light rounded p-1 me-2"> <img src="#" alt="" class="img-fluid d-block" /> </div> <div> <h5 class="fs-14 my-1"><a href="#" class="text-reset">Branded T-Shirts</a></h5> <span class="text-muted">24 Apr 2021</span> </div> </div> </td> <td> <h5 class="fs-14 my-1 fw-normal">$29.00</h5> <span class="text-muted">Price</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">62</h5> <span class="text-muted">Orders</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">510</h5> <span class="text-muted">Stock</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">$1,798</h5> <span class="text-muted">Amount</span> </td> </tr> <tr> <td> <div class="d-flex align-items-center"> <div class="avatar-sm bg-light rounded p-1 me-2"> <img src="#" alt="" class="img-fluid d-block" /> </div> <div> <h5 class="fs-14 my-1"><a href="apps-ecommerce-product-details.html" class="text-reset">Bentwood Chair</a></h5> <span class="text-muted">19 Mar 2021</span> </div> </div> </td> <td> <h5 class="fs-14 my-1 fw-normal">$85.20</h5> <span class="text-muted">Price</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">35</h5> <span class="text-muted">Orders</span> </td> <td> <h5 class="fs-14 my-1 fw-normal"><span class="badge badge-soft-danger">Out of stock</span> </h5> <span class="text-muted">Stock</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">$2982</h5> <span class="text-muted">Amount</span> </td> </tr> <tr> <td> <div class="d-flex align-items-center"> <div class="avatar-sm bg-light rounded p-1 me-2"> <img src="#" alt="" class="img-fluid d-block" /> </div> <div> <h5 class="fs-14 my-1"><a href="#" class="text-reset">Borosil Paper Cup</a></h5> <span class="text-muted">01 Mar 2021</span> </div> </div> </td> <td> <h5 class="fs-14 my-1 fw-normal">$14.00</h5> <span class="text-muted">Price</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">80</h5> <span class="text-muted">Orders</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">749</h5> <span class="text-muted">Stock</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">$1120</h5> <span class="text-muted">Amount</span> </td> </tr> <tr> <td> <div class="d-flex align-items-center"> <div class="avatar-sm bg-light rounded p-1 me-2"> <img src="#" alt="" class="img-fluid d-block" /> </div> <div> <h5 class="fs-14 my-1"><a href="#" class="text-reset">One Seater Sofa</a></h5> <span class="text-muted">11 Feb 2021</span> </div> </div> </td> <td> <h5 class="fs-14 my-1 fw-normal">$127.50</h5> <span class="text-muted">Price</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">56</h5> <span class="text-muted">Orders</span> </td> <td> <h5 class="fs-14 my-1 fw-normal"><span class="badge badge-soft-danger">Out of stock</span></h5> <span class="text-muted">Stock</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">$7140</h5> <span class="text-muted">Amount</span> </td> </tr> <tr> <td> <div class="d-flex align-items-center"> <div class="avatar-sm bg-light rounded p-1 me-2"> <img src="#" alt="" class="img-fluid d-block" /> </div> <div> <h5 class="fs-14 my-1"><a href="#" class="text-reset">Stillbird Helmet</a></h5> <span class="text-muted">17 Jan 2021</span> </div> </div> </td> <td> <h5 class="fs-14 my-1 fw-normal">$54</h5> <span class="text-muted">Price</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">74</h5> <span class="text-muted">Orders</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">805</h5> <span class="text-muted">Stock</span> </td> <td> <h5 class="fs-14 my-1 fw-normal">$3996</h5> <span class="text-muted">Amount</span> </td> </tr> </tbody> </table> </div> <div class="align-items-center mt-4 pt-2 justify-content-between row text-center text-sm-start"> <div class="col-sm"> <div class="text-muted"> Showing <span class="fw-semibold">5</span> of <span class="fw-semibold">25</span> Results </div> </div> <div class="col-sm-auto mt-3 mt-sm-0"> <ul class="pagination pagination-separated pagination-sm mb-0 justify-content-center"> <li class="page-item disabled"> <a href="#" class="page-link">←</a> </li> <li class="page-item"> <a href="#" class="page-link">1</a> </li> <li class="page-item active"> <a href="#" class="page-link">2</a> </li> <li class="page-item"> <a href="#" class="page-link">3</a> </li> <li class="page-item"> <a href="#" class="page-link">→</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-xl-6"> <div class="card card-height-100"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Top Sellers</h4> <div class="flex-shrink-0"> <div class="dropdown card-header-dropdown"> <a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="text-muted">Report<i class="mdi mdi-chevron-down ms-1"></i></span> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#">Download Report</a> <a class="dropdown-item" href="#">Export</a> <a class="dropdown-item" href="#">Import</a> </div> </div> </div> </div><!-- end card header --> <div class="card-body"> <div class="table-responsive table-card"> <table class="table table-centered table-hover align-middle table-nowrap mb-0"> <tbody> <tr> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="#" alt="" class="avatar-sm p-2" /> </div> <div> <h5 class="fs-14 my-1 fw-medium"> <a href="#" class="text-reset">iTest Factory</a> </h5> <span class="text-muted">Oliver Tyler</span> </div> </div> </td> <td> <span class="text-muted">Bags and Wallets</span> </td> <td> <p class="mb-0">8547</p> <span class="text-muted">Stock</span> </td> <td> <span class="text-muted">$541200</span> </td> <td> <h5 class="fs-14 mb-0">32%<i class="ri-bar-chart-fill text-success fs-16 align-middle ms-2"></i></h5> </td> </tr><!-- end --> <tr> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="#" alt="" class="avatar-sm p-2" /> </div> <div class="flex-grow-1"> <h5 class="fs-14 my-1 fw-medium"><a href="#" class="text-reset">Digitech Galaxy</a></h5> <span class="text-muted">John Roberts</span> </div> </div> </td> <td> <span class="text-muted">Watches</span> </td> <td> <p class="mb-0">895</p> <span class="text-muted">Stock</span> </td> <td> <span class="text-muted">$75030</span> </td> <td> <h5 class="fs-14 mb-0">79%<i class="ri-bar-chart-fill text-success fs-16 align-middle ms-2"></i></h5> </td> </tr><!-- end --> <tr> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="#" alt="" class="avatar-sm p-2" /> </div> <div class="flex-gow-1"> <h5 class="fs-14 my-1 fw-medium"><a href="#" class="text-reset">Nesta Technologies</a></h5> <span class="text-muted">Harley Fuller</span> </div> </div> </td> <td> <span class="text-muted">Bike Accessories</span> </td> <td> <p class="mb-0">3470</p> <span class="text-muted">Stock</span> </td> <td> <span class="text-muted">$45600</span> </td> <td> <h5 class="fs-14 mb-0">90%<i class="ri-bar-chart-fill text-success fs-16 align-middle ms-2"></i></h5> </td> </tr><!-- end --> <tr> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="#" alt="" class="avatar-sm p-2" /> </div> <div class="flex-grow-1"> <h5 class="fs-14 my-1 fw-medium"><a href="#" class="text-reset">Zoetic Fashion</a></h5> <span class="text-muted">James Bowen</span> </div> </div> </td> <td> <span class="text-muted">Clothes</span> </td> <td> <p class="mb-0">5488</p> <span class="text-muted">Stock</span> </td> <td> <span class="text-muted">$29456</span> </td> <td> <h5 class="fs-14 mb-0">40%<i class="ri-bar-chart-fill text-success fs-16 align-middle ms-2"></i></h5> </td> </tr><!-- end --> <tr> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="#" alt="" class="avatar-sm p-2" /> </div> <div class="flex-grow-1"> <h5 class="fs-14 my-1 fw-medium"> <a href="#" class="text-reset">Meta4Systems</a> </h5> <span class="text-muted">Zoe Dennis</span> </div> </div> </td> <td> <span class="text-muted">Furniture</span> </td> <td> <p class="mb-0">4100</p> <span class="text-muted">Stock</span> </td> <td> <span class="text-muted">$11260</span> </td> <td> <h5 class="fs-14 mb-0">57%<i class="ri-bar-chart-fill text-success fs-16 align-middle ms-2"></i></h5> </td> </tr><!-- end --> </tbody> </table><!-- end table --> </div> <div class="align-items-center mt-4 pt-2 justify-content-between row text-center text-sm-start"> <div class="col-sm"> <div class="text-muted"> Showing <span class="fw-semibold">5</span> of <span class="fw-semibold">25</span> Results </div> </div> <div class="col-sm-auto mt-3 mt-sm-0"> <ul class="pagination pagination-separated pagination-sm mb-0 justify-content-center"> <li class="page-item disabled"> <a href="#" class="page-link">←</a> </li> <li class="page-item"> <a href="#" class="page-link">1</a> </li> <li class="page-item active"> <a href="#" class="page-link">2</a> </li> <li class="page-item"> <a href="#" class="page-link">3</a> </li> <li class="page-item"> <a href="#" class="page-link">→</a> </li> </ul> </div> </div> </div> <!-- .card-body--> </div> <!-- .card--> </div> <!-- .col--> </div> <!-- end row--> <div class="row"> <div class="col-xl-4"> <div class="card card-height-100"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Store Visits by Source</h4> <div class="flex-shrink-0"> <div class="dropdown card-header-dropdown"> <a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="text-muted">Report<i class="mdi mdi-chevron-down ms-1"></i></span> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#">Download Report</a> <a class="dropdown-item" href="#">Export</a> <a class="dropdown-item" href="#">Import</a> </div> </div> </div> </div><!-- end card header --> <div class="card-body"> <div id="store-visits-source" data-colors='["--vz-primary", "--vz-success", "--vz-warning", "--vz-danger", "--vz-info"]' class="apex-charts" dir="ltr"></div> </div> </div> <!-- .card--> </div> <!-- .col--> <div class="col-xl-8"> <div class="card"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Recent Orders</h4> <div class="flex-shrink-0"> <button type="button" class="btn btn-soft-info btn-sm"> <i class="ri-file-list-3-line align-middle"></i> Generate Report </button> </div> </div><!-- end card header --> <div class="card-body"> <div class="table-responsive table-card"> <table class="table table-borderless table-centered align-middle table-nowrap mb-0"> <thead class="text-muted table-light"> <tr> <th scope="col">Order ID</th> <th scope="col">Customer</th> <th scope="col">Product</th> <th scope="col">Amount</th> <th scope="col">Vendor</th> <th scope="col">Status</th> <th scope="col">Rating</th> </tr> </thead> <tbody> <tr> <td> <a href="apps-ecommerce-order-details.html" class="fw-medium link-primary">#VZ2112</a> </td> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="{{ asset('uploads/admin/' ~ app.user.photo) }}" alt="" class="avatar-xs rounded-circle" /> </div> <div class="flex-grow-1">Alex Smith</div> </div> </td> <td>Clothes</td> <td> <span class="text-success">$109.00</span> </td> <td>Zoetic Fashion</td> <td> <span class="badge badge-soft-success">Paid</span> </td> <td> <h5 class="fs-14 fw-medium mb-0">5.0<span class="text-muted fs-11 ms-1">(61 votes)</span></h5> </td> </tr><!-- end tr --> <tr> <td> <a href="#" class="fw-medium link-primary">#VZ2111</a> </td> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="#" alt="" class="avatar-xs rounded-circle" /> </div> <div class="flex-grow-1">Jansh Brown</div> </div> </td> <td>Kitchen Storage</td> <td> <span class="text-success">$149.00</span> </td> <td>Micro Design</td> <td> <span class="badge badge-soft-warning">Pending</span> </td> <td> <h5 class="fs-14 fw-medium mb-0">4.5<span class="text-muted fs-11 ms-1">(61 votes)</span></h5> </td> </tr><!-- end tr --> <tr> <td> <a href="#" class="fw-medium link-primary">#VZ2109</a> </td> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="#" alt="" class="avatar-xs rounded-circle" /> </div> <div class="flex-grow-1">Ayaan Bowen</div> </div> </td> <td>Bike Accessories</td> <td> <span class="text-success">$215.00</span> </td> <td>Nesta Technologies</td> <td> <span class="badge badge-soft-success">Paid</span> </td> <td> <h5 class="fs-14 fw-medium mb-0">4.9<span class="text-muted fs-11 ms-1">(89 votes)</span></h5> </td> </tr><!-- end tr --> <tr> <td> <a href="#" class="fw-medium link-primary">#VZ2108</a> </td> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="#" alt="" class="avatar-xs rounded-circle" /> </div> <div class="flex-grow-1">Prezy Mark</div> </div> </td> <td>Furniture</td> <td> <span class="text-success">$199.00</span> </td> <td>Syntyce Solutions</td> <td> <span class="badge badge-soft-danger">Unpaid</span> </td> <td> <h5 class="fs-14 fw-medium mb-0">4.3<span class="text-muted fs-11 ms-1">(47 votes)</span></h5> </td> </tr><!-- end tr --> <tr> <td> <a href="#" class="fw-medium link-primary">#VZ2107</a> </td> <td> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <img src="#" alt="" class="avatar-xs rounded-circle" /> </div> <div class="flex-grow-1">Vihan Hudda</div> </div> </td> <td>Bags and Wallets</td> <td> <span class="text-success">$330.00</span> </td> <td>iTest Factory</td> <td> <span class="badge badge-soft-success">Paid</span> </td> <td> <h5 class="fs-14 fw-medium mb-0">4.7<span class="text-muted fs-11 ms-1">(161 votes)</span></h5> </td> </tr><!-- end tr --> </tbody><!-- end tbody --> </table><!-- end table --> </div> </div> </div> <!-- .card--> </div> <!-- .col--> </div> <!-- end row--> </div> <!-- end .h-100--> </div> <!-- end col --> <div class="col-auto layout-rightside-col"> <div class="overlay"></div> <div class="layout-rightside"> <div class="card h-100 rounded-0"> <div class="card-body p-0"> <div class="p-3"> <h6 class="text-muted mb-0 text-uppercase fw-semibold">Recent Activity</h6> </div> <div data-simplebar style="max-height: 410px;" class="p-3 pt-0"> <div class="acitivity-timeline acitivity-main"> <div class="acitivity-item d-flex"> <div class="flex-shrink-0 avatar-xs acitivity-avatar"> <div class="avatar-title bg-soft-success text-success rounded-circle"> <i class="ri-shopping-cart-2-line"></i> </div> </div> <div class="flex-grow-1 ms-3"> <h6 class="mb-1 lh-base">Purchase by James Price</h6> <p class="text-muted mb-1">Product noise evolve smartwatch </p> <small class="mb-0 text-muted">02:14 PM Today</small> </div> </div> <div class="acitivity-item py-3 d-flex"> <div class="flex-shrink-0 avatar-xs acitivity-avatar"> <div class="avatar-title bg-soft-danger text-danger rounded-circle"> <i class="ri-stack-fill"></i> </div> </div> <div class="flex-grow-1 ms-3"> <h6 class="mb-1 lh-base">Added new <span class="fw-semibold">style collection</span></h6> <p class="text-muted mb-1">By Nesta Technologies</p> <div class="d-inline-flex gap-2 border border-dashed p-2 mb-2"> <a href="#" class="bg-light rounded p-1"> <img src="#" alt="" class="img-fluid d-block" /> </a> <a href="#" class="bg-light rounded p-1"> <img src="#" alt="" class="img-fluid d-block" /> </a> <a href="#" class="bg-light rounded p-1"> <img src="#" alt="" class="img-fluid d-block" /> </a> </div> <p class="mb-0 text-muted"><small>9:47 PM Yesterday</small></p> </div> </div> <div class="acitivity-item py-3 d-flex"> <div class="flex-shrink-0"> <img src="#" alt="" class="avatar-xs rounded-circle acitivity-avatar"> </div> <div class="flex-grow-1 ms-3"> <h6 class="mb-1 lh-base">Natasha Carey have liked the products</h6> <p class="text-muted mb-1">Allow users to like products in your WooCommerce store.</p> <small class="mb-0 text-muted">25 Dec, 2021</small> </div> </div> <div class="acitivity-item py-3 d-flex"> <div class="flex-shrink-0"> <div class="avatar-xs acitivity-avatar"> <div class="avatar-title rounded-circle bg-secondary"> <i class="mdi mdi-sale fs-14"></i> </div> </div> </div> <div class="flex-grow-1 ms-3"> <h6 class="mb-1 lh-base">Today offers by <a href="#" class="link-secondary">Digitech Galaxy</a></h6> <p class="text-muted mb-2">Offer is valid on orders of Rs.500 Or above for selected products only.</p> <small class="mb-0 text-muted">12 Dec, 2021</small> </div> </div> <div class="acitivity-item py-3 d-flex"> <div class="flex-shrink-0"> <div class="avatar-xs acitivity-avatar"> <div class="avatar-title rounded-circle bg-soft-danger text-danger"> <i class="ri-bookmark-fill"></i> </div> </div> </div> <div class="flex-grow-1 ms-3"> <h6 class="mb-1 lh-base">Favoried Product</h6> <p class="text-muted mb-2">Esther James have favorited product.</p> <small class="mb-0 text-muted">25 Nov, 2021</small> </div> </div> <div class="acitivity-item py-3 d-flex"> <div class="flex-shrink-0"> <div class="avatar-xs acitivity-avatar"> <div class="avatar-title rounded-circle bg-secondary"> <i class="mdi mdi-sale fs-14"></i> </div> </div> </div> <div class="flex-grow-1 ms-3"> <h6 class="mb-1 lh-base">Flash sale starting <span class="text-primary">Tomorrow.</span></h6> <p class="text-muted mb-0">Flash sale by <a href="javascript:void(0);" class="link-secondary fw-medium">Zoetic Fashion</a></p> <small class="mb-0 text-muted">22 Oct, 2021</small> </div> </div> <div class="acitivity-item py-3 d-flex"> <div class="flex-shrink-0"> <div class="avatar-xs acitivity-avatar"> <div class="avatar-title rounded-circle bg-soft-info text-info"> <i class="ri-line-chart-line"></i> </div> </div> </div> <div class="flex-grow-1 ms-3"> <h6 class="mb-1 lh-base">Monthly sales report</h6> <p class="text-muted mb-2"><span class="text-danger">2 days left</span> notification to submit the monthly sales report. <a href="javascript:void(0);" class="link-warning text-decoration-underline">Reports Builder</a></p> <small class="mb-0 text-muted">15 Oct</small> </div> </div> <div class="acitivity-item d-flex"> <div class="flex-shrink-0"> <img src="#" alt="" class="avatar-xs rounded-circle acitivity-avatar" /> </div> <div class="flex-grow-1 ms-3"> <h6 class="mb-1 lh-base">Frank Hook Commented</h6> <p class="text-muted mb-2 fst-italic">" A product that has reviews is more likable to be sold than a product. "</p> <small class="mb-0 text-muted">26 Aug, 2021</small> </div> </div> </div> </div> <div class="p-3 mt-2"> <h6 class="text-muted mb-3 text-uppercase fw-semibold">Top 10 Categories </h6> <ol class="ps-3 text-muted"> <li class="py-1"> <a href="#" class="text-muted">Mobile & Accessories <span class="float-end">(10,294)</span></a> </li> <li class="py-1"> <a href="#" class="text-muted">Desktop <span class="float-end">(6,256)</span></a> </li> <li class="py-1"> <a href="#" class="text-muted">Electronics <span class="float-end">(3,479)</span></a> </li> <li class="py-1"> <a href="#" class="text-muted">Home & Furniture <span class="float-end">(2,275)</span></a> </li> <li class="py-1"> <a href="#" class="text-muted">Grocery <span class="float-end">(1,950)</span></a> </li> <li class="py-1"> <a href="#" class="text-muted">Fashion <span class="float-end">(1,582)</span></a> </li> <li class="py-1"> <a href="#" class="text-muted">Appliances <span class="float-end">(1,037)</span></a> </li> <li class="py-1"> <a href="#" class="text-muted">Beauty, Toys & More <span class="float-end">(924)</span></a> </li> <li class="py-1"> <a href="#" class="text-muted">Food & Drinks <span class="float-end">(701)</span></a> </li> <li class="py-1"> <a href="#" class="text-muted">Toys & Games <span class="float-end">(239)</span></a> </li> </ol> <div class="mt-3 text-center"> <a href="javascript:void(0);" class="text-muted text-decoration-underline">View all Categories</a> </div> </div> <div class="p-3"> <h6 class="text-muted mb-3 text-uppercase fw-semibold">Products Reviews</h6> <!-- Swiper --> <div class="swiper vertical-swiper" style="height: 250px;"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="card border border-dashed shadow-none"> <div class="card-body"> <div class="d-flex"> <div class="flex-shrink-0 avatar-sm"> <div class="avatar-title bg-light rounded"> <img src="#" alt="" height="30"> </div> </div> <div class="flex-grow-1 ms-3"> <div> <p class="text-muted mb-1 fst-italic text-truncate-two-lines"> " Great product and looks great, lots of features. "</p> <div class="fs-11 align-middle text-warning"> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> </div> </div> <div class="text-end mb-0 text-muted"> - by <cite title="Source Title">Force Medicines</cite> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card border border-dashed shadow-none"> <div class="card-body"> <div class="d-flex"> <div class="flex-shrink-0"> <img src="#" alt="" class="avatar-sm rounded"> </div> <div class="flex-grow-1 ms-3"> <div> <p class="text-muted mb-1 fst-italic text-truncate-two-lines"> " Amazing template, very easy to understand and manipulate. "</p> <div class="fs-11 align-middle text-warning"> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-half-fill"></i> </div> </div> <div class="text-end mb-0 text-muted"> - by <cite title="Source Title">Henry Baird</cite> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card border border-dashed shadow-none"> <div class="card-body"> <div class="d-flex"> <div class="flex-shrink-0 avatar-sm"> <div class="avatar-title bg-light rounded"> <img src="#" alt="" height="30"> </div> </div> <div class="flex-grow-1 ms-3"> <div> <p class="text-muted mb-1 fst-italic text-truncate-two-lines"> "Very beautiful product and Very helpful customer service."</p> <div class="fs-11 align-middle text-warning"> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-line"></i> <i class="ri-star-line"></i> </div> </div> <div class="text-end mb-0 text-muted"> - by <cite title="Source Title">Zoetic Fashion</cite> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="card border border-dashed shadow-none"> <div class="card-body"> <div class="d-flex"> <div class="flex-shrink-0"> <img src="#" alt="" class="avatar-sm rounded"> </div> <div class="flex-grow-1 ms-3"> <div> <p class="text-muted mb-1 fst-italic text-truncate-two-lines">" The product is very beautiful. I like it. "</p> <div class="fs-11 align-middle text-warning"> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-half-fill"></i> <i class="ri-star-line"></i> </div> </div> <div class="text-end mb-0 text-muted"> - by <cite title="Source Title">Nancy Martino</cite> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-3"> <h6 class="text-muted mb-3 text-uppercase fw-semibold">Customer Reviews</h6> <div class="bg-light px-3 py-2 rounded-2 mb-2"> <div class="d-flex align-items-center"> <div class="flex-grow-1"> <div class="fs-16 align-middle text-warning"> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-fill"></i> <i class="ri-star-half-fill"></i> </div> </div> <div class="flex-shrink-0"> <h6 class="mb-0">4.5 out of 5</h6> </div> </div> </div> <div class="text-center"> <div class="text-muted">Total <span class="fw-medium">5.50k</span> reviews</div> </div> <div class="mt-3"> <div class="row align-items-center g-2"> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0">5 star</h6> </div> </div> <div class="col"> <div class="p-1"> <div class="progress animated-progress progress-sm"> <div class="progress-bar bg-success" role="progressbar" style="width: 50.16%" aria-valuenow="50.16" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0 text-muted">2758</h6> </div> </div> </div> <!-- end row --> <div class="row align-items-center g-2"> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0">4 star</h6> </div> </div> <div class="col"> <div class="p-1"> <div class="progress animated-progress progress-sm"> <div class="progress-bar bg-success" role="progressbar" style="width: 29.32%" aria-valuenow="29.32" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0 text-muted">1063</h6> </div> </div> </div> <!-- end row --> <div class="row align-items-center g-2"> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0">3 star</h6> </div> </div> <div class="col"> <div class="p-1"> <div class="progress animated-progress progress-sm"> <div class="progress-bar bg-warning" role="progressbar" style="width: 18.12%" aria-valuenow="18.12" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0 text-muted">997</h6> </div> </div> </div> <!-- end row --> <div class="row align-items-center g-2"> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0">2 star</h6> </div> </div> <div class="col"> <div class="p-1"> <div class="progress animated-progress progress-sm"> <div class="progress-bar bg-success" role="progressbar" style="width: 4.98%" aria-valuenow="4.98" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0 text-muted">227</h6> </div> </div> </div> <!-- end row --> <div class="row align-items-center g-2"> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0">1 star</h6> </div> </div> <div class="col"> <div class="p-1"> <div class="progress animated-progress progress-sm"> <div class="progress-bar bg-danger" role="progressbar" style="width: 7.42%" aria-valuenow="7.42" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> <div class="col-auto"> <div class="p-1"> <h6 class="mb-0 text-muted">408</h6> </div> </div> </div><!-- end row --> </div> </div> <div class="card sidebar-alert bg-light border-0 text-center mx-4 mb-0 mt-3"> <div class="card-body"> <img src="#" alt=""> <div class="mt-4"> <h5>Invite New Seller</h5> <p class="text-muted lh-base">Refer a new seller to us and earn $100 per refer.</p> <button type="button" class="btn btn-primary btn-label rounded-pill"><i class="ri-mail-fill label-icon align-middle rounded-pill fs-16 me-2"></i> Invite Now</button> </div> </div> </div> </div> </div> <!-- end card--> </div> <!-- end .rightbar--> </div> <!-- end col --> </div> </div> <!-- container-fluid --> </div> <!-- End Page-content --> {% endblock %} <footer class="footer"> <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <script>document.write(new Date().getFullYear())</script> © Smart-it-partner. </div> <div class="col-sm-6"> <div class="text-sm-end d-none d-sm-block"> Design & Develop by Themesbrand </div> </div> </div> </div> </footer> </div> <!-- end main content--></div><!-- END layout-wrapper --><!--start back-to-top--><button onclick="topFunction()" class="btn btn-danger btn-icon" id="back-to-top"> <i class="ri-arrow-up-line"></i></button><!--end back-to-top--><!--preloader--><div id="preloader"> <div id="status"> <div class="spinner-border text-primary avatar-sm" role="status"> <span class="visually-hidden">Chargement...</span> </div> </div></div>{#<div class="customizer-setting d-none d-md-block">#}{# <div class="btn-info btn-rounded shadow-lg btn btn-icon btn-lg p-2" data-bs-toggle="offcanvas" data-bs-target="#theme-settings-offcanvas" aria-controls="theme-settings-offcanvas">#}{# <i class='mdi mdi-spin mdi-cog-outline fs-22'></i>#}{# </div>#}{#</div>#}{# JAVASCRIPT 29-04-2025#}{#<!-- JAVASCRIPT -->#}{#<script src="{{ asset('assets/libs/bootstrap/js/bootstrap.bundle.min.js') }}"></script>#}{#<script src="{{ asset('assets/libs/simplebar/simplebar.min.js') }}"></script>#}{#<script src="{{ asset('assets/libs/node-waves/waves.min.js') }}"></script>#}{#<script src="{{ asset('assets/libs/feather-icons/feather.min.js') }}"></script>#}{#<script src="{{ asset('assets/js/pages/plugins/lord-icon-2.1.0.js') }}"></script>#}{#<script src="{{ asset('assets/js/plugins.js') }}"></script>#}{#<!-- apexcharts -->#}{#<script src="{{ asset('assets/libs/apexcharts/apexcharts.min.js') }}"></script>#}{#<!-- Vector map-->#}{#<script src="{{ asset('assets/libs/jsvectormap/js/jsvectormap.min.js') }}"></script>#}{#<script src="{{ asset('assets/libs/jsvectormap/maps/world-merc.js') }}"></script>#}{#<!--Swiper slider js-->#}{#<script src="{{ asset('assets/libs/swiper/swiper-bundle.min.js') }}"></script>#}{#<!-- Dashboard init -->#}{#<script src="{{ asset('assets/js/pages/dashboard-ecommerce.init.js') }}"></script>#}{#<!-- prismjs plugin -->#}{#<script src="{{ asset('assets/libs/prismjs/prism.js') }}"></script>#}{#<script src="{{ asset('assets/libs/list.js/list.min.js') }}"></script>#}{#<script src="{{ asset('assets/libs/list.pagination.js/list.pagination.min.js') }}"></script>#}{#<!-- listjs init -->#}{#<script src="{{ asset('assets/js/pages/listjs.init.js') }}"></script>#}{#<!-- Sweet Alerts js -->#}{#<script src="{{ asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>#}{#<script src="{{ asset('assets/js/pages/profile-setting.init.js') }}"></script>#}{#<!-- App js -->#}{#<script src="{{ asset('assets/js/app.js') }}"></script>#}{#<script src="{{ asset('assets/js/pages/invoicecreate.init.js') }}"></script>#}{#<!--jquery cdn-->#}{#<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>#}{#<!--select2 cdn-->#}{#<script src="{{ asset('assets/js/pages/select2.init.js') }}"></script>#}{#<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>#}{#<!--datatable js-->#}{#<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>#}{#<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>#}{#<script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>#}{#<script src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>#}{#<script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.print.min.js"></script>#}{#<script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.html5.min.js"></script>#}{#<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>#}{#<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>#}{#<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>#}{#<script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>#}{#<script type="text/javascript" src="{{ asset('assets/libs/choices.js/public/assets/scripts/choices.min.js') }}"></script>#}{#<script type="text/javascript">#}{# var bellIconPath = "{{ asset('assets/images/svg/bell.svg') }}";#}{#</script>#}{# fin JAVASCRIPT 29-04-2025#}<!-- JAVASCRIPT --><script src="{{ asset('assets/libs/bootstrap/js/bootstrap.bundle.min.js') }}"></script><script src="{{ asset('assets/libs/simplebar/simplebar.min.js') }}"></script><script src="{{ asset('assets/libs/node-waves/waves.min.js') }}"></script><script src="{{ asset('assets/libs/feather-icons/feather.min.js') }}"></script><script src="{{ asset('assets/js/pages/plugins/lord-icon-2.1.0.js') }}"></script><script src="{{ asset('assets/js/plugins.js') }}"></script><!-- apexcharts --><script src="{{ asset('assets/libs/apexcharts/apexcharts.min.js') }}"></script><!-- Vector map--><script src="{{ asset('assets/libs/jsvectormap/js/jsvectormap.min.js') }}"></script><script src="{{ asset('assets/libs/jsvectormap/maps/world-merc.js') }}"></script><!--Swiper slider js--><script src="{{ asset('assets/libs/swiper/swiper-bundle.min.js') }}"></script><!-- Dashboard init --><script src="{{ asset('assets/js/pages/dashboard-ecommerce.init.js') }}"></script><!-- prismjs plugin --><script src="{{ asset('assets/libs/prismjs/prism.js') }}"></script><script src="{{ asset('assets/libs/list.js/list.min.js') }}"></script><script src="{{ asset('assets/libs/list.pagination.js/list.pagination.min.js') }}"></script><!-- Sweet Alerts js --><script src="{{ asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script><script src="{{ asset('assets/js/pages/profile-setting.init.js') }}"></script><!-- listjs init --><script src="{{ asset('assets/js/pages/listjs.init.js') }}"></script><!-- App js --><script src="{{ asset('assets/js/app.js') }}"></script><script src="{{ asset('assets/js/pages/invoicecreate.init.js') }}"></script><!--jquery cdn-->{# <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>#}<!--select2 cdn-->{# <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>#}<script src="{{ asset('assets/js/pages/select2.init.js') }}"></script>{# <script src="{{ asset('assets/libs/choices/choices.min.js') }}"></script>#}<!-- Choices.js depuis un CDN -->{# <script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>#}<!-- Choices.js depuis un CDN --><script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script><script type="text/javascript" src="{{ asset('assets/libs/choices.js/public/assets/scripts/choices.min.js') }}"></script><script src="{{ asset('assets/libs/flatpickr/flatpickr.min.js') }}"></script>{#<script type="text/javascript">#}{# var bellIconPath = "{{ asset('assets/images/svg/bell.svg') }}";#}{#</script>#}{# <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>#}<!--datatable js--><script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script><script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script><script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script><script src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script><script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.print.min.js"></script><script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.html5.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script><script src="{{ asset('assets/js/pages/datatables.init.js') }}"></script><!-- Flatpickr JS --><script src="https://cdn.jsdelivr.net/npm/flatpickr"></script><script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/fr.js"></script><script> $(document).ready(function() { // Attacher un gestionnaire d'événement au clic sur les éléments // $('.nav-links').click(function(e) { $('a[data-value]').click(function(e) { // // Empêcher le comportement par défaut du lien // e.preventDefault(); // Récupérer la valeur de l'attribut data-value du lien var url = $(this).data('value'); // console.log(url); // Envoyer une requête AJAX au serveur pour mettre à jour les éléments $.ajax({ url: "{{ path('update_elements') }}", type: 'POST', data: { url: url }, // Inclure la valeur dans les données de la requête success: function(response) { // Gérer la réponse du serveur si nécessaire // console.log('Élément mis à jour avec succès !'); }, error: function(xhr, status, error) { // Gérer les erreurs // console.error('Erreur lors de la mise à jour de l\'élément :', error); } }); }); });</script><script> $(document).on("click", ".trigger-btn3", function () { var noteMess = $(this).data('id'); // console.log(noteMess); var btn = document.getElementById('test3').href = noteMess; });</script><script> document.addEventListener('DOMContentLoaded', function() { if (typeof flatpickr !== "undefined") { const datePicker = flatpickr("#dateRangePicker", { locale: "fr", // Assure-toi que c'est en français mode: "range", dateFormat: "d M, Y", altInput: true, altFormat: "j F, Y", }); const datePickerButton = document.getElementById("datePickerButton"); if (typeof datePickerButton !== "undefined" && datePickerButton !== null) { datePickerButton.addEventListener("click", function() { datePicker.open(); }); } } else { console.error("Flatpickr n'est pas chargé. Vérifiez l'inclusion du script."); } });</script>{#<script>#}{# $(document).ready(function () {#}{# var totalnotif = document.getElementById("totalnotif");#}{# var totnouvelle = document.getElementById("totnouvelle");#}{# // if (typeof totalnotif !== "undefined" && totalnotif !== null && typeof totnouvelle !== "undefined" && totnouvelle !== null ) {#}{# function gettotalnotif() {#}{# var totalnotif = document.getElementById("totalnotif");#}{# var totnouvelle = document.getElementById("totnouvelle");#}{# var totalintervention = document.getElementById("ttintervention");#}{# var totaldemandedevis = document.getElementById("ttdemande");#}{# $.ajax({#}{# type: "GET",#}{# url: "{{ path('app_total_notif') }}",#}{# success: function (data) {#}{# console.log(data);#}{# totalnotif.innerHTML = (data[2] || 0);#}{# totnouvelle.innerHTML = (data[2] || 0) + " Nouvelle";#}{# totaldemandedevis.innerHTML = "Demande devis" + " (" + (data[0] || 0) + ")";#}{# totalintervention.innerHTML = "Intervention" + " (" + (data[1] || 0) + ")";#}{# }#}{# });#}{# $.ajax({#}{# type: "GET",#}{# url: "{{ path('app_notifsintervention') }}",#}{# success: function (response) {#}{# var notificationContainer = $("#interventions-tab");#}{# // console.log(notificationContainer, 'mmmm');#}{# notificationContainer.empty(); // Nettoyer le contenu existant#}{# // Créez le conteneur pour SimpleBar#}{# var simpleBarContainer = $('<div>').attr('data-simplebar', 'true').css('max-height', '300px').addClass('pe-2');#}{# notificationContainer.append(simpleBarContainer);#}{# if (response.length === 0) {#}{# // console.log(response);#}{# // Si aucune réservation n'est reçue, affichez le message "no notifications"#}{# var noNotificationItem = `#}{# <div class="empty-notification-elem">#}{# <div class="w-25 w-sm-50 pt-3 mx-auto">#}{# <img src="${bellIconPath}" class="img-fluid" alt="user-pic">#}{# </div>#}{# <div class="text-center pb-5 mt-2">#}{# <h6 class="fs-18 fw-semibold lh-base">Vous n'avez aucune notification</h6>#}{# </div>#}{# </div>`;#}{# simpleBarContainer.append(noNotificationItem);#}{# } else {#}{# // Remplissez le conteneur SimpleBar avec les notifications#}{# response.forEach(function (notification) {#}{# var notificationItem = `#}{# <div class="text-reset notification-item d-block dropdown-item">#}{# <div class="d-flex">#}{# <div class="flex-1">#}{# <a href="${notification.url}" class="stretched-link">#}{# <h6 class="mt-0 mb-1 fs-13 fw-semibold">${notification.prenomtech} ${notification.nomtech}</h6>#}{# </a>#}{# <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">#}{# <span><i class="mdi mdi-clock-outline"></i> ${notification.datee}</span>#}{# </p>#}{# </div>#}{# </div>#}{# </div>`;#}{# simpleBarContainer.append(notificationItem);#}{# });#}{# }#}{# var viewAllButton = `#}{# <div class="my-3 text-center view-all">#}{# <button type="button" class="btn btn-soft-success waves-effect waves-light" id="view-all-interventions">Toutes les interventions<i class="ri-arrow-right-line align-middle"></i></button>#}{# </div>`;#}{# simpleBarContainer.append(viewAllButton);#}{# // Attacher un gestionnaire d'événement click au bouton#}{# $('#view-all-interventions').on('click', function () {#}{# // Rediriger l'utilisateur#}{# window.location.href = "{{ path('app_intervention_index') }}";#}{# });#}{# },#}{# error: function (error) {#}{# console.error("Erreur lors de la récupération des notifications : ", error);#}{# }#}{# });#}{# $.ajax({#}{# type: "GET",#}{# url: "{{ path('app_notifsdemande_devis') }}",#}{# success: function (response) {#}{# var notificationContainer = $("#demande_devis-tab");#}{# // console.log(notificationContainer, 'mmmm');#}{# notificationContainer.empty(); // Nettoyer le contenu existant#}{# // Créez le conteneur pour SimpleBar#}{# var simpleBarContainer = $('<div>').attr('data-simplebar', 'true').css('max-height', '300px').addClass('pe-2');#}{# notificationContainer.append(simpleBarContainer);#}{# if (response.length === 0) {#}{# // console.log(response);#}{# // Si aucune réservation n'est reçue, affichez le message "no notifications"#}{# var noNotificationItem = `#}{# <div class="empty-notification-elem">#}{# <div class="w-25 w-sm-50 pt-3 mx-auto">#}{# <img src="${bellIconPath}" class="img-fluid" alt="user-pic">#}{# </div>#}{# <div class="text-center pb-5 mt-2">#}{# <h6 class="fs-18 fw-semibold lh-base">Vous n'avez aucune notification</h6>#}{# </div>#}{# </div>`;#}{# simpleBarContainer.append(noNotificationItem);#}{# } else {#}{# // Remplissez le conteneur SimpleBar avec les notifications#}{# response.forEach(function (notification) {#}{# var notificationItem = `#}{# <div class="text-reset notification-item d-block dropdown-item">#}{# <div class="d-flex">#}{# <div class="flex-1">#}{# <a href="${notification.url}" class="stretched-link">#}{# <h6 class="mt-0 mb-1 fs-13 fw-semibold">Technicien: ${notification.prenomtech} ${notification.nomtech}</h6>#}{# <h6 class="mt-0 mb-1 fs-13 fw-semibold">Demandeur: ${notification.prenomclient} ${notification.nomclient}</h6>#}{# </a>#}{# <p class="mb-0 fs-11 fw-medium text-uppercase text-muted">#}{# <span><i class="mdi mdi-clock-outline"></i> ${notification.datee}</span>#}{# </p>#}{# </div>#}{# </div>#}{# </div>`;#}{# simpleBarContainer.append(notificationItem);#}{# });#}{# }#}{# var viewAllButton = `#}{# <div class="my-3 text-center view-all">#}{# <button type="button" class="btn btn-soft-success waves-effect waves-light" id="view-all-devis">Toutes les interventions<i class="ri-arrow-right-line align-middle"></i></button>#}{# </div>`;#}{# simpleBarContainer.append(viewAllButton);#}{# // Attacher un gestionnaire d'événement click au bouton#}{# $('#view-all-devis').on('click', function () {#}{# // Rediriger l'utilisateur#}{# window.location.href = "{{ path('app_devis_demande') }}";#}{# });#}{# },#}{# error: function (error) {#}{# console.error("Erreur lors de la récupération des notifications : ", error);#}{# }#}{# });#}{# }#}{# setInterval(function () {#}{# gettotalnotif();#}{# }, 3000);#}{# // }#}{# });#}{#</script>#}</body></html>{% else %} {# Rediriger vers la page de connexion si l'utilisateur n'est pas connecté #} <script> window.location.href = "{{ path('app_login') }}"; </script>{% endif %}