من این کد اچ تی ام ال رو دارم
میخوام یه سری ادیت روی بخش فیلتر دیتا ها انجام بدم
بهم بگو چه فایل هایی که داخل اچ تی ام ال ایمپورت شده رو نیازه ارسال کنم تا بتونی کامل راهنماییم کنی

<!DOCTYPE html>
<html class="light-style layout-navbar-fixed layout-menu-fixed layout-compact" data-assets-path="./assets/" data-template="vertical-menu-template" data-theme="theme-default" dir="rtl" lang="fa">

<head>
    <meta charset="UTF-8"/>
    <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/>
    <title>داشبورد - طبیبان | طبیبان - پنل مدیریتی بیمار</title>
    <meta content="" name="description"/>
    <!-- Favicon -->
    <link href="./assets/img/favicon/favicon.ico" rel="icon" type="image/x-icon"/>
    <!-- Icons -->
    <link href="./assets/vendor/fonts/fontawesome.css" rel="stylesheet"/>
    <link href="./assets/vendor/fonts/tabler-icons.css" rel="stylesheet"/>
    <link href="./assets/vendor/fonts/flag-icons.css" rel="stylesheet"/>
    <!-- Core CSS -->
    <link class="template-customizer-core-css" href="./assets/vendor/css/rtl/core.css" rel="stylesheet"/>
    <link class="template-customizer-theme-css" href="./assets/vendor/css/rtl/theme-default.css" rel="stylesheet"/>
    <link href="./assets/css/demo.css" rel="stylesheet"/>
    <!-- Vendors CSS -->
    <link href="./assets/vendor/libs/node-waves/node-waves.css" rel="stylesheet"/>
    <link href="./assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet"/>
    <link href="./assets/vendor/libs/typeahead-js/typeahead.css" rel="stylesheet"/>
    <link href="./assets/vendor/libs/apex-charts/apex-charts.css" rel="stylesheet"/>
    <link href="./assets/vendor/libs/swiper/swiper.css" rel="stylesheet"/>
    <link href="./assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css" rel="stylesheet"/>
    <link href="./assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css" rel="stylesheet"/>
    <link href="./assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.css" rel="stylesheet"/>
    <!-- Page CSS -->
    <link href="./assets/vendor/css/pages/cards-advance.css" rel="stylesheet"/>
    <!-- Helpers -->
    <script src="./assets/vendor/js/helpers.js"></script>
    <!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
    <!--? Template customizer: To hide customizer set displayCustomizer value false in config.js.  -->
    <script src="./assets/vendor/js/template-customizer.js"></script>
    <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
    <script src="./assets/js/config.js"></script>
    <!-- Better experience of RTL -->
    <link href="./assets/css/rtl.css" rel="stylesheet"/>
    <!-- CSS Custome -->
    <link href="./css-custome/takingTurns.css" rel="stylesheet"/>
</head>

<body>
<!-- Layout wrapper -->
<div class="layout-wrapper layout-content-navbar">
    <div class="layout-container">
        <!-- Menu -->
        <aside class="layout-menu menu-vertical menu bg-menu-theme" id="layout-menu">
            <div class="app-brand demo">
                <a class="app-brand-link" href="doctor-index.html">
                    <span class="app-brand-logo demo">
                        <svg fill="none" height="22" viewBox="0 0 32 22" width="32" xmlns="http://www.w3.org/2000/svg">
                            <path clip-rule="evenodd" d="M0.00172773 0V6.85398C0.00172773 6.85398 -0.133178 9.01207 1.98092 10.8388L13.6912 21.9964L19.7809 21.9181L18.8042 9.88248L16.4951 7.17289L9.23799 0H0.00172773Z" fill="#7367F0" fill-rule="evenodd"/>
                            <path clip-rule="evenodd" d="M7.69824 16.4364L12.5199 3.23696L16.5541 7.25596L7.69824 16.4364Z" fill="#161616" fill-rule="evenodd" opacity="0.06"/>
                            <path clip-rule="evenodd" d="M8.07751 15.9175L13.9419 4.63989L16.5849 7.28475L8.07751 15.9175Z" fill="#161616" fill-rule="evenodd" opacity="0.06"/>
                            <path clip-rule="evenodd" d="M7.77295 16.3566L23.6563 0H32V6.88383C32 6.88383 31.8262 9.17836 30.6591 10.4057L19.7824 22H13.6938L7.77295 16.3566Z" fill="#7367F0" fill-rule="evenodd"/>
                        </svg>
                    </span>
                    <span class="app-brand-text demo menu-text fw-bold">Vuexy</span>
                </a>
                <a class="layout-menu-toggle menu-link text-large ms-auto" href="javascript:void(0);">
                    <i class="ti menu-toggle-icon d-none d-xl-block ti-sm align-middle"></i>
                    <i class="ti ti-x d-block d-xl-none ti-sm align-middle"></i>
                </a>
            </div>
            <div class="menu-inner-shadow"></div>
            <ul class="menu-inner py-1" id="side-bar"></ul>
        </aside>
        <!-- / Menu -->
        <!-- Layout container -->
        <div class="layout-page">
            <!-- Navbar -->
            <nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme" id="layout-navbar">
                <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
                    <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
                        <i class="ti ti-menu-2 ti-sm"></i>
                    </a>
                </div>
                <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
                    <!-- متن جدید به جای بخش جستجو -->
                    <div class="navbar-nav align-items-center">
                        <div class="date-container nav-item ms-3">
                            <span class="nav-text" id="jalali-date">سه‌شنبه ۲۱ شهریور ۱۴۰۳</span>
                        </div>
                    </div>
                    <!-- /متن جدید -->
                            <ul class="navbar-nav flex-row align-items-center ms-auto">
                                <!-- Style Switcher -->
                                <li class="nav-item dropdown-style-switcher dropdown me-2 me-xl-0">
                                    <a class="nav-link dropdown-toggle hide-arrow" data-bs-toggle="dropdown" href="javascript:void(0);">
                                        <i class="ti ti-md"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end dropdown-styles">
                                        <li>
                                            <a class="dropdown-item" data-theme="light" href="javascript:void(0);">
                                                <span class="align-middle">
                                                    <i class="ti ti-sun me-2"></i>
                                                    روز
                                                </span>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="dropdown-item" data-theme="dark" href="javascript:void(0);">
                                                <span class="align-middle">
                                                    <i class="ti ti-moon me-2"></i>
                                                    شب
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <!-- / Style Switcher-->
                                <!-- Quick links  -->
                                <li class="nav-item dropdown-shortcuts navbar-dropdown dropdown me-2 me-xl-0">
                                    <a aria-expanded="false" class="nav-link dropdown-toggle hide-arrow" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="javascript:void(0);">
                                        <i class="ti ti-layout-grid-add ti-md"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-end py-0">
                                        <div class="dropdown-menu-header border-bottom">
                                            <div class="dropdown-header d-flex align-items-center py-3">
                                                <h5 class="text-body mb-0 me-auto">میانبرها</h5>
                                                <a class="dropdown-shortcuts-add text-body" data-bs-placement="top" data-bs-toggle="tooltip" href="javascript:void(0)" title="افزودن میانبر">
                                                    <i class="ti ti-sm ti-apps"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="dropdown-shortcuts-list scrollable-container">
                                            <div class="row row-bordered overflow-visible g-0">
                                                <div class="dropdown-shortcuts-item col">
                                                    <span class="dropdown-shortcuts-icon rounded-circle mb-2 mt-1">
                                                        <i class="ti ti-calendar fs-4"></i>
                                                    </span>
                                                    <a class="stretched-link mb-0" href="app-calendar.html">تقویم</a>
                                                    <small class="text-muted mb-0">قرارهای ملاقات</small>
                                                </div>
                                                <div class="dropdown-shortcuts-item col">
                                                    <span class="dropdown-shortcuts-icon rounded-circle mb-2 mt-1">
                                                        <i class="ti ti-file-invoice fs-4"></i>
                                                    </span>
                                                    <a class="stretched-link mb-0" href="app-invoice-list.html">صورتحساب‌</a>
                                                    <small class="text-muted mb-0">مدیریت پرداخت‌ها</small>
                                                </div>
                                            </div>
                                            <div class="row row-bordered overflow-visible g-0">
                                                <div class="dropdown-shortcuts-item col">
                                                    <span class="dropdown-shortcuts-icon rounded-circle mb-2 mt-1">
                                                        <i class="ti ti-users fs-4"></i>
                                                    </span>
                                                    <a class="stretched-link mb-0" href="app-user-list.html">مشتریان</a>
                                                    <small class="text-muted mb-0">مدیریت کاربران</small>
                                                </div>
                                                <div class="dropdown-shortcuts-item col">
                                                    <span class="dropdown-shortcuts-icon rounded-circle mb-2 mt-1">
                                                        <i class="ti ti-lock fs-4"></i>
                                                    </span>
                                                    <a class="stretched-link mb-0" href="app-access-roles.html">سطح دسترسی</a>
                                                    <small class="text-muted mb-0">موارد امنیتی</small>
                                                </div>
                                            </div>
                                            <div class="row row-bordered overflow-visible g-0">
                                                <div class="dropdown-shortcuts-item col">
                                                    <span class="dropdown-shortcuts-icon rounded-circle mb-2 mt-1">
                                                        <i class="ti ti-chart-bar fs-4"></i>
                                                    </span>
                                                    <a class="stretched-link mb-0" href="doctor-index.html">داشبورد</a>
                                                    <small class="text-muted mb-0">گزارش آماری</small>
                                                </div>
                                                <div class="dropdown-shortcuts-item col">
                                                    <span class="dropdown-shortcuts-icon rounded-circle mb-2 mt-1">
                                                        <i class="ti ti-settings fs-4"></i>
                                                    </span>
                                                    <a class="stretched-link mb-0" href="pages-account-settings-account.html">تنظیمات</a>
                                                    <small class="text-muted mb-0">مدیریت سیستم</small>
                                                </div>
                                            </div>
                                            <div class="row row-bordered overflow-visible g-0">
                                                <div class="dropdown-shortcuts-item col">
                                                    <span class="dropdown-shortcuts-icon rounded-circle mb-2 mt-1">
                                                        <i class="ti ti-help fs-4"></i>
                                                    </span>
                                                    <a class="stretched-link mb-0" href="pages-faq.html">مرکز پشتیبانی</a>
                                                    <small class="text-muted mb-0">سوالات متداول و راهنما</small>
                                                </div>
                                                <div class="dropdown-shortcuts-item col">
                                                    <span class="dropdown-shortcuts-icon rounded-circle mb-2 mt-1">
                                                        <i class="ti ti-square fs-4"></i>
                                                    </span>
                                                    <a class="stretched-link mb-0" href="modal-examples.html">مُـدال‌ها</a>
                                                    <small class="text-muted mb-0">پاپ‌آپ‌های کاربردی</small>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <!-- Quick links -->
                                <!-- Notification -->
                                <li class="nav-item dropdown-notifications navbar-dropdown dropdown me-3 me-xl-1">
                                    <a aria-expanded="false" class="nav-link dropdown-toggle hide-arrow" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="javascript:void(0);">
                                        <i class="ti ti-bell ti-md"></i>
                                        <span class="badge bg-danger rounded-pill badge-notifications">5</span>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end py-0">
                                        <li class="dropdown-menu-header border-bottom">
                                            <div class="dropdown-header d-flex align-items-center py-3">
                                                <h5 class="text-body mb-0 me-auto">اعلانات</h5>
                                                <a class="dropdown-notifications-all text-body" data-bs-placement="top" data-bs-toggle="tooltip" href="javascript:void(0)" title="همه خوانده شده">
                                                    <i class="ti ti-mail-opened fs-4"></i>
                                                </a>
                                            </div>
                                        </li>
                                        <li class="dropdown-notifications-list scrollable-container">
                                            <ul class="list-group list-group-flush">
                                                <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                    <div class="d-flex">
                                                        <div class="flex-shrink-0 me-3">
                                                            <div class="avatar">
                                                                <img alt class="h-auto rounded-circle" src="././assets/img/avatars/1.png"/>
                                                            </div>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-2">تبریک به شما 🎉</h6>
                                                            <p class="mb-1">نشان برترین فروشنده ماه رو گرفتید</p>
                                                            <small class="text-muted">الان</small>
                                                        </div>
                                                        <div class="flex-shrink-0 dropdown-notifications-actions">
                                                            <a class="dropdown-notifications-read" href="javascript:void(0)">
                                                                <span class="badge badge-dot"></span>
                                                            </a>
                                                            <a class="dropdown-notifications-archive" href="javascript:void(0)">
                                                                <span class="ti ti-x"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                    <div class="d-flex">
                                                        <div class="flex-shrink-0 me-3">
                                                            <div class="avatar">
                                                                <span class="avatar-initial rounded-circle bg-label-danger">ن‌م</span>
                                                            </div>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-2">نوید محمدزاده</h6>
                                                            <p class="mb-1">درخواست شمارا پذیرفت.</p>
                                                            <small class="text-muted">1 ساعت قبل</small>
                                                        </div>
                                                        <div class="flex-shrink-0 dropdown-notifications-actions">
                                                            <a class="dropdown-notifications-read" href="javascript:void(0)">
                                                                <span class="badge badge-dot"></span>
                                                            </a>
                                                            <a class="dropdown-notifications-archive" href="javascript:void(0)">
                                                                <span class="ti ti-x"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                    <div class="d-flex">
                                                        <div class="flex-shrink-0 me-3">
                                                            <div class="avatar">
                                                                <img alt class="h-auto rounded-circle" src="././assets/img/avatars/2.png"/>
                                                            </div>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-2">پیام جدید از بهاره ✉️</h6>
                                                            <p class="mb-1">شما یک پیام جدید از بهاره افشاری دارید</p>
                                                            <small class="text-muted">12 ساعت قبل</small>
                                                        </div>
                                                        <div class="flex-shrink-0 dropdown-notifications-actions">
                                                            <a class="dropdown-notifications-read" href="javascript:void(0)">
                                                                <span class="badge badge-dot"></span>
                                                            </a>
                                                            <a class="dropdown-notifications-archive" href="javascript:void(0)">
                                                                <span class="ti ti-x"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                    <div class="d-flex">
                                                        <div class="flex-shrink-0 me-3">
                                                            <div class="avatar">
                                                                <span class="avatar-initial rounded-circle bg-label-success">
                                                                    <i class="ti ti-shopping-cart"></i>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-2">ایول! سفارش جدید داری 🛒</h6>
                                                            <p class="mb-1">شرکت یلدا سفارشی جدید ثبت کرد</p>
                                                            <small class="text-muted">امروز</small>
                                                        </div>
                                                        <div class="flex-shrink-0 dropdown-notifications-actions">
                                                            <a class="dropdown-notifications-read" href="javascript:void(0)">
                                                                <span class="badge badge-dot"></span>
                                                            </a>
                                                            <a class="dropdown-notifications-archive" href="javascript:void(0)">
                                                                <span class="ti ti-x"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                    <div class="d-flex">
                                                        <div class="flex-shrink-0 me-3">
                                                            <div class="avatar">
                                                                <img alt class="h-auto rounded-circle" src="././assets/img/avatars/9.png"/>
                                                            </div>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-2">اپلیکیشن بروزرسانی شد 🚀</h6>
                                                            <p class="mb-1">پروژه شما باموفقیت آپدیت شد.</p>
                                                            <small class="text-muted">دیروز</small>
                                                        </div>
                                                        <div class="flex-shrink-0 dropdown-notifications-actions">
                                                            <a class="dropdown-notifications-read" href="javascript:void(0)">
                                                                <span class="badge badge-dot"></span>
                                                            </a>
                                                            <a class="dropdown-notifications-archive" href="javascript:void(0)">
                                                                <span class="ti ti-x"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                    <div class="d-flex">
                                                        <div class="flex-shrink-0 me-3">
                                                            <div class="avatar">
                                                                <span class="avatar-initial rounded-circle bg-label-success">
                                                                    <i class="ti ti-chart-pie"></i>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-2">گزارش ماهانه دردسترس است</h6>
                                                            <p class="mb-1">گزارش درآمد ماه شهریور آماده است</p>
                                                            <small class="text-muted">2 روز قبل</small>
                                                        </div>
                                                        <div class="flex-shrink-0 dropdown-notifications-actions">
                                                            <a class="dropdown-notifications-read" href="javascript:void(0)">
                                                                <span class="badge badge-dot"></span>
                                                            </a>
                                                            <a class="dropdown-notifications-archive" href="javascript:void(0)">
                                                                <span class="ti ti-x"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                    <div class="d-flex">
                                                        <div class="flex-shrink-0 me-3">
                                                            <div class="avatar">
                                                                <img alt class="h-auto rounded-circle" src="././assets/img/avatars/5.png"/>
                                                            </div>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-2">ارسال درخواست همکاری</h6>
                                                            <p class="mb-1">حسام درخواست همکاری فرستاد</p>
                                                            <small class="text-muted">1 هفته قبل</small>
                                                        </div>
                                                        <div class="flex-shrink-0 dropdown-notifications-actions">
                                                            <a class="dropdown-notifications-read" href="javascript:void(0)">
                                                                <span class="badge badge-dot"></span>
                                                            </a>
                                                            <a class="dropdown-notifications-archive" href="javascript:void(0)">
                                                                <span class="ti ti-x"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                    <div class="d-flex">
                                                        <div class="flex-shrink-0 me-3">
                                                            <div class="avatar">
                                                                <img alt class="h-auto rounded-circle" src="././assets/img/avatars/6.png"/>
                                                            </div>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-2">پیام جدید از ترانه</h6>
                                                            <p class="mb-1">شما یک پیام جدید دارید</p>
                                                            <small class="text-muted">1 ماه قبل</small>
                                                        </div>
                                                        <div class="flex-shrink-0 dropdown-notifications-actions">
                                                            <a class="dropdown-notifications-read" href="javascript:void(0)">
                                                                <span class="badge badge-dot"></span>
                                                            </a>
                                                            <a class="dropdown-notifications-archive" href="javascript:void(0)">
                                                                <span class="ti ti-x"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                    <div class="d-flex">
                                                        <div class="flex-shrink-0 me-3">
                                                            <div class="avatar">
                                                                <span class="avatar-initial rounded-circle bg-label-warning">
                                                                    <i class="ti ti-alert-triangle"></i>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <h6 class="mb-2">میزان مصرف CPU بالاست</h6>
                                                            <p class="mb-1">درصد استفاده از CPU درحال حاضر 90%</p>
                                                            <small class="text-muted">1 ماه قبل</small>
                                                        </div>
                                                        <div class="flex-shrink-0 dropdown-notifications-actions">
                                                            <a class="dropdown-notifications-read" href="javascript:void(0)">
                                                                <span class="badge badge-dot"></span>
                                                            </a>
                                                            <a class="dropdown-notifications-archive" href="javascript:void(0)">
                                                                <span class="ti ti-x"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="dropdown-menu-footer border-top">
                                            <a class="dropdown-item d-flex justify-content-center text-primary p-2 h-px-40 mb-1 align-items-center" href="javascript:void(0);">
                                                نمایش همه اعلانات
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <!--/ Notification -->
                                <!-- User -->
                                <li class="nav-item navbar-dropdown dropdown-user dropdown">
                                    <a class="nav-link dropdown-toggle hide-arrow" data-bs-toggle="dropdown" href="javascript:void(0);">
                                        <div class="avatar avatar-online">
                                            <img alt class="h-auto rounded-circle" src="././assets/img/avatars/1.png"/>
                                        </div>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        <li>
                                            <a class="dropdown-item" href="pages-account-settings-account.html">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar avatar-online">
                                                            <img alt class="h-auto rounded-circle" src="././assets/img/avatars/1.png"/>
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <span class="fw-semibold d-block mb-1">نوید محمدزاده</span>
                                                        <small class="text-muted">مدیرکل</small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="dropdown-divider"></div>
                                        </li>
                                        <li>
                                            <a class="dropdown-item" href="profile.html">
                                                <i class="ti ti-user-check me-2 ti-sm"></i>
                                                <span class="align-middle">پروفایل من</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="dropdown-item" href="pages-account-settings-account.html">
                                                <i class="ti ti-settings me-2 ti-sm"></i>
                                                <span class="align-middle">تنظیمات</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="dropdown-item" href="pages-account-settings-billing.html">
                                                <span class="d-flex align-items-center align-middle">
                                                    <i class="flex-shrink-0 ti ti-credit-card me-2 ti-sm"></i>
                                                    <span class="flex-grow-1 align-middle">خریدها</span>
                                                    <span class="flex-shrink-0 badge badge-center rounded-pill bg-label-danger w-px-20 h-px-20">2
                                                    </span>
                                                </span>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="dropdown-divider"></div>
                                        </li>
                                        <li>
                                            <a class="dropdown-item" href="pages-faq.html">
                                                <i class="ti ti-help me-2 ti-sm"></i>
                                                <span class="align-middle">سوالات متداول</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="dropdown-item" href="pages-pricing.html">
                                                <i class="ti ti-currency-dollar me-2 ti-sm"></i>
                                                <span class="align-middle">قیمت گذاری</span>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="dropdown-divider"></div>
                                        </li>
                                        <li>
                                            <a class="dropdown-item" id="log-out" href="auth-register.html">
                                                <i class="ti ti-logout me-2 ti-sm"></i>
                                                <span class="align-middle">خروج از حساب</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <!--/ User -->
                            </ul>
                </div>
                <!-- Search Small Screens -->
                <div class="navbar-search-wrapper search-input-wrapper d-none">
                    <button class="btn btn-primary waves-effect waves-light" data-bs-target="#takingTurnsDetail" data-bs-toggle="modal" type="button" id="data-${index}">نمایش</button>
                </div>
            </nav>
            <!-- / Navbar -->
            <!-- Content wrapper -->
            <div class="content-wrapper">
                <!-- Content -->
                <div class="container-xxl flex-grow-1 container-p-y">
                  <!-- <div class="row g-4 mb-4">
                    <div class="col-sm-6 col-xl-3">
                      <div class="card">
                        <div class="card-body">
                          <div class="d-flex align-items-start justify-content-between">
                            <div class="content-left"> <span>مجموع کاربران</span>
                              <div class="d-flex align-items-center my-2">
                                <h3 class="mb-0 me-2">21,459</h3>
                                <p class="text-success mb-0">
                                  <bdi>(+29%)</bdi>
                                </p>
                              </div>
                              <p class="mb-0">آمار هفته قبل</p>
                            </div>
                            <div class="avatar"> <span class="avatar-initial rounded bg-label-primary"> <i class="ti ti-user ti-sm"></i> </span> </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6 col-xl-3">
                      <div class="card">
                        <div class="card-body">
                          <div class="d-flex align-items-start justify-content-between">
                            <div class="content-left"> <span>کاربران وفادار</span>
                              <div class="d-flex align-items-center my-2">
                                <h3 class="mb-0 me-2">4,567</h3>
                                <p class="text-success mb-0">
                                  <bdi>(+18%)</bdi>
                                </p>
                              </div>
                              <p class="mb-0">آمار هفته قبل</p>
                            </div>
                            <div class="avatar"> <span class="avatar-initial rounded bg-label-danger"> <i class="ti ti-user-plus ti-sm"></i> </span> </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6 col-xl-3">
                      <div class="card">
                        <div class="card-body">
                          <div class="d-flex align-items-start justify-content-between">
                            <div class="content-left"> <span>کاربران فعال</span>
                              <div class="d-flex align-items-center my-2">
                                <h3 class="mb-0 me-2">19,860</h3>
                                <p class="text-danger mb-0">
                                  <bdi>(-14%)</bdi>
                                </p>
                              </div>
                              <p class="mb-0">آمار هفته قبل</p>
                            </div>
                            <div class="avatar"> <span class="avatar-initial rounded bg-label-success"> <i class="ti ti-user-check ti-sm"></i> </span> </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6 col-xl-3">
                      <div class="card">
                        <div class="card-body">
                          <div class="d-flex align-items-start justify-content-between">
                            <div class="content-left"> <span>کاربران مسدود</span>
                              <div class="d-flex align-items-center my-2">
                                <h3 class="mb-0 me-2">237</h3>
                                <p class="text-success mb-0">
                                  <bdi>(+42%)</bdi>
                                </p>
                              </div>
                              <p class="mb-0">آمار هفته قبل</p>
                            </div>
                            <div class="avatar"> <span class="avatar-initial rounded bg-label-warning"> <i class="ti ti-user-exclamation ti-sm"></i> </span> </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div> -->
                  <!-- Users List Table -->
                  <div class="card">
                    <div class="card-header border-bottom">
                        <h5 class="card-title mb-3">فیلتر جستجو</h5>
                        <div
                            class="d-flex justify-content-between align-items-center row pb-2 gap-3 gap-md-0 mt-3">
                            <div class="col-md-4 user_role"></div>
                            <div class="col-md-4 user_plan"></div>
                            <div class="col-md-4 user_status"></div>
                        </div>
                    </div>
                    <div class="card-datatable table-responsive">
                        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
                            <div class="row me-2">
                                <div class="col-md-4">
                                    <div
                                        class="dt-action-buttons text-xl-end text-lg-start text-md-end text-start d-flex align-items-center justify-content-end flex-md-row flex-column mb-3 mb-md-0">
                                        <div id="DataTables_Table_0_filter" class="dataTables_filter">
                                            <button class="btn btn-primary waves-effect waves-light" data-bs-target="#FilterDoctor-province" data-bs-toggle="modal" type="button" id="data-filter">نمایش پارامتر های فیلتر</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <table class="datatables-users table dataTable no-footer dtr-column"
                                id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
                                <thead class="border-top">
                                    <tr>
                                        <th class="control sorting_disabled dtr-hidden" rowspan="1" colspan="1"
                                            style="width: 35.4219px; display: none;" aria-label=""></th>
                                        <th>دکتر</th>
                                        <th>تخصص</th>
                                        <th>مرکز پزشکی</th>
                                        <th>اولین ویزیت خالی</th>
                                        <th>جزئیات</th>
                                    </tr>
                                </thead>
                                <tbody id="data_table">
                                    <tr class="default-message">
                                        <td colspan="5">لطفا برای نمایش دکتر ها ابتدا از فیلتر ها استان و شهر رو انتخاب کنید</td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="row mx-2">
                                <div class="col-sm-12 col-md-6">
                                    <div class="dataTables_info" id="DataTables_Table_0_info" role="status"
                                        aria-live="polite">نمایش 0 تا 0 از 0 ردیف</div>
                                </div>
                                <div class="col-sm-12 col-md-6">
                                    <div class="dataTables_paginate paging_simple_numbers"
                                        id="DataTables_Table_0_paginate">
                                        <ul class="pagination">
                                            <li class="paginate_button page-item previous disabled"
                                                id="DataTables_Table_0_previous"><a
                                                    aria-controls="DataTables_Table_0" aria-disabled="true"
                                                    role="link" data-dt-idx="previous" tabindex="-1"
                                                    class="page-link">قبلی</a></li>
                                            <li class="paginate_button page-item next disabled"
                                                id="DataTables_Table_0_next"><a
                                                    aria-controls="DataTables_Table_0" aria-disabled="true"
                                                    role="link" data-dt-idx="next" tabindex="-1"
                                                    class="page-link">بعدی</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Offcanvas to add new user -->
                    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasAddUser"
                        aria-labelledby="offcanvasAddUserLabel">
                        <div class="offcanvas-header">
                            <h5 id="offcanvasAddUserLabel" class="offcanvas-title">افزودن کاربر</h5>
                            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                                aria-label="بستن"></button>
                        </div>
                        <div class="offcanvas-body mx-0 flex-grow-0 pt-0 h-100">
                            <form class="add-new-user pt-0 fv-plugins-bootstrap5 fv-plugins-framework"
                                id="addNewUserForm" onsubmit="return false" novalidate="novalidate">
                                <div class="mb-3 fv-plugins-icon-container">
                                    <label class="form-label" for="add-user-fullname">نام و نام خانوادگی</label>
                                    <input type="text" class="form-control" id="add-user-fullname"
                                        placeholder="نـوید" name="userFullname" aria-label="نـوید">
                                    <div
                                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                    </div>
                                </div>
                                <div class="mb-3 fv-plugins-icon-container">
                                    <label class="form-label" for="add-user-email">ایمیل</label>
                                    <input type="text" id="add-user-email" class="form-control"
                                        placeholder="john.doe@example.com" aria-label="john.doe@example.com"
                                        name="userEmail">
                                    <div
                                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label" for="add-user-contact">شماره موبایل</label>
                                    <input type="text" id="add-user-contact" class="form-control phone-mask bdi"
                                        placeholder="+1 (609) 988-44-11" aria-label="john.doe@example.com"
                                        name="userContact"> </div>
                                <div class="mb-3">
                                    <label class="form-label" for="add-user-company">شرکت</label>
                                    <input type="text" id="add-user-company" class="form-control"
                                        placeholder="توسعه دهنده وب" aria-label="jdoe1" name="companyName">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label" for="country">کشور</label>
                                    <div class="position-relative"><select id="country"
                                            class="select2 form-select select2-hidden-accessible"
                                            data-select2-id="country" tabindex="-1" aria-hidden="true">
                                            <option value="" data-select2-id="2">انتخاب کنید</option>
                                            <option value="Australia">استرالیا</option>
                                            <option value="Bangladesh">بنگلادش</option>
                                            <option value="Belarus">بلاروس</option>
                                            <option value="Brazil">برزیل</option>
                                            <option value="Canada">کانادا</option>
                                            <option value="China">چین</option>
                                            <option value="France">فرانسه</option>
                                            <option value="Germany">آلمان</option>
                                            <option value="India">هندوستان</option>
                                            <option value="Indonesia">اندونزی</option>
                                            <option value="Israel">اسرائيل</option>
                                            <option value="Italy">ایتالیا</option>
                                            <option value="Japan">ژاپن</option>
                                            <option value="Korea">جمهوری کره</option>
                                            <option value="Mexico">مکزیک</option>
                                            <option value="Philippines">فیلیپین</option>
                                            <option value="Russia">فدراسیون روسیه</option>
                                            <option value="South Africa">آفریقای جنوبی</option>
                                            <option value="Thailand">تایلند</option>
                                            <option value="Turkey">ترکیه</option>
                                            <option value="Ukraine">اوکراین</option>
                                            <option value="United Arab Emirates">امارات متحده عربی</option>
                                            <option value="United Kingdom">انگلستان</option>
                                            <option value="United States">ایالات متحده</option>
                                        </select><span
                                            class="select2 select2-container select2-container--default"
                                            dir="rtl" data-select2-id="1" style="width: 335px;"><span
                                                class="selection"><span
                                                    class="select2-selection select2-selection--single"
                                                    role="combobox" aria-haspopup="true" aria-expanded="false"
                                                    tabindex="0" aria-disabled="false"
                                                    aria-labelledby="select2-country-container"><span
                                                        class="select2-selection__rendered"
                                                        id="select2-country-container" role="textbox"
                                                        aria-readonly="true"><span
                                                            class="select2-selection__placeholder">انتخاب
                                                            کشور</span></span><span
                                                        class="select2-selection__arrow" role="presentation"><b
                                                            role="presentation"></b></span></span></span><span
                                                class="dropdown-wrapper" aria-hidden="true"></span></span></div>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label" for="user-role">نقش کاربر</label>
                                    <select id="user-role" class="form-select">
                                        <option value="subscriber">کاربر</option>
                                        <option value="editor">ویرایشگر</option>
                                        <option value="maintainer">نگهدارنده</option>
                                        <option value="author">نویسنده</option>
                                        <option value="admin">مدیر</option>
                                    </select>
                                </div>
                                <div class="mb-4">
                                    <label class="form-label" for="user-plan">انتخاب اشتراک</label>
                                    <select id="user-plan" class="form-select">
                                        <option value="basic">پایه</option>
                                        <option value="enterprise">شرکت، پروژه</option>
                                        <option value="company">شرکت</option>
                                        <option value="team">تیم</option>
                                    </select>
                                </div>
                                <button type="submit"
                                    class="btn btn-primary me-sm-3 me-1 data-submit waves-effect waves-light">ارسال</button>
                                <button type="reset" class="btn btn-label-secondary waves-effect"
                                    data-bs-dismiss="offcanvas">لغو</button>
                                <input type="hidden">
                            </form>
                        </div>
                    </div>
                </div>
                </div>
                <!-- / Content -->
                <!-- Footer -->
                <footer class="content-footer footer bg-footer-theme">
                    <div class="container-xxl">
                        <div class="footer-container d-flex align-items-center justify-content-between py-2 flex-md-row flex-column">
                            <div> ©
                                <script>
                                    document.write(new Date().getFullYear());

                                </script>
                                , ارائه شده توسط تیم برنامه نویسی 
                                <span class="text-danger byte-hover">بیت و بایت</span>
                                در سایت
                                <a class="fw-medium" href="#support" target="_blank">طبیبان</a>
                            </div>
                            <div class="d-none d-lg-inline-block">
                                <a class="footer-link me-4" href="#support" target="_blank">دریافت نوبت</a>
                                <a class="footer-link me-4" href="#support" target="_blank">پرونده سلامت</a>
                                <a class="footer-link me-4" href="https://demos.pixinvent.com/vuexy-html-admin-template/documentation/" target="_blank">درباره ما</a>
                                <a class="footer-link d-none d-sm-inline-block" href="#support-theme" target="_blank">پشتیبانی</a>
                            </div>
                        </div>
                    </div>
                </footer>
                <!-- / Footer -->
                <div class="content-backdrop fade"></div>
            </div>
            <!-- Content wrapper -->
        </div>
        <!-- / Layout page -->
    </div>
    <!-- Overlay -->
    <div class="layout-overlay layout-menu-toggle"></div>
    <!-- Drag Target Area To SlideIn Menu On Small Screens -->
    <div class="drag-target"></div>
</div>
<div class="modal fade" id="FilterDoctor-province" tabindex="-1" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-simple modal-filter-doctor">
        <div class="modal-content p-3 p-md-5">
            <div class="modal-body">
                <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                <div class="text-center mb-4">
                    <h3 class="mb-2">پارامتر های فیلتر</h3>
                </div>
                <div class="alert alert-danger d-none" id="filter-error">
                    لطفا استان و شهر را انتخاب کنید
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <label>استان</label>
                        <input type="text" id="search_p" class="form-control" placeholder="انتخاب استان">
                        <ul id="suggestions_p" class="suggestions-list list-group"></ul>
                    </div>
                    
                    <div class="col-md-4">
                        <label>شهر</label>
                        <input type="text" id="search_c" class="form-control" placeholder="انتخاب شهر">
                        <ul id="suggestions_c" class="suggestions-list list-group"></ul>
                    </div>
                    
                    <div class="col-md-4">
                        <label>تخصص</label>
                        <input type="text" id="search_t" class="form-control" placeholder="انتخاب تخصص">
                        <ul id="suggestions_t" class="suggestions-list list-group"></ul>
                    </div>
                    
                    <div class="col-md-4">
                        <label>دکتر</label>
                        <input type="text" id="search_d" class="form-control" placeholder="انتخاب دکتر">
                        <ul id="suggestions_d" class="suggestions-list list-group"></ul>
                    </div>
                    
                    <div class="col-md-4">
                        <label>مرکز درمانی</label>
                        <input type="text" id="search_m" class="form-control" placeholder="انتخاب مرکز درمانی">
                        <ul id="suggestions_m" class="suggestions-list list-group"></ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="apply-filter">اعمال فیلتر</button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">انصراف</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="takingTurnsDetail" tabindex="-1" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-simple modal-taking-turns">
        <div class="modal-content p-3 p-md-5">
            <div class="modal-body">
                <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                <div class="text-center mb-4">
                    <h3 class="mb-2">اطلاعات ویزیت</h3>
                </div>
                <div id="visitInfo" class="row g-3">
                    <!-- اطلاعات ویزیت با جاوااسکریپت اینجا قرار می‌گیرد -->
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="reserve-turn">رزرو نوبت</button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">بستن</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- / Layout wrapper -->
<!-- Core JS -->
<!-- build:js ./assets/vendor/js/core.js -->
<script src="./assets/vendor/libs/jquery/jquery.js"></script>
<script src="./assets/vendor/libs/popper/popper.js"></script>
<script src="./assets/vendor/js/bootstrap.js"></script>
<script src="./assets/vendor/libs/node-waves/node-waves.js"></script>
<script src="./assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
<script src="./assets/vendor/libs/hammer/hammer.js"></script>
<script src="./assets/vendor/libs/i18n/i18n.js"></script>
<script src="./assets/vendor/libs/typeahead-js/typeahead.js"></script>
<script src="./assets/vendor/js/menu.js"></script>
<!-- endbuild -->
<!-- Vendors JS -->
<script src="./assets/vendor/libs/apex-charts/apexcharts.js"></script>
<script src="./assets/vendor/libs/swiper/swiper.js"></script>
<script src="./assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js"></script>
<script src="./assets/vendor/libs/datatables-bs5/i18n/fa.js"></script>
<!-- Main JS -->
<script src="./assets/js/main.js"></script>
<!-- Page JS -->
<script src="./assets/js/dashboards-analytics.js"></script>
<!-- Code Custome -->
<script src="./js-custome/persian-date.js"></script>
<script src="./js-custome/change-theme.js"></script>
<script src="./js-custome/manage-requests.js"></script>
<script src="./js-custome/side-bar.js"></script>
<script src="./js-custome/takingTurns_data_table.js"></script>
<script src="./js-custome/log-out-process.js"></script>
</body>

</html>