<div class="loader-bg">
    <div class="loader-track">
        <div class="loader-fill"></div>
    </div>
</div>
<!-- { Pre-loader } End -->
<!-- { Header } start -->
<header class="site-header">
    <div class="header-wrapper">
        <div class="me-auto flex-grow-1 d-flex align-items-center">
            <ul class="list-unstyled header-menu-nav">
                <li class="hdr-itm mob-hamburger">
                    <a href="#!" class="app-head-link" id="mobile-collapse">
                        <div class="hamburger hamburger-arrowturn">
                            <div class="hamburger-box">
                                <div class="hamburger-inner"></div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="d-none d-md-none d-lg-block header-search ms-3">
                <form action="#">
                    <div class="input-group ">
                        <input class="form-control rounded-3" type="search" value="" id="searchInput" placeholder="Search">
                        <div class="search-btn">
                            <button class="p-0 btn rounded-0 rounded-end" type="button">
                                <i data-feather="search"></i>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <nav class="ms-auto">
            <ul class="header-menu-nav list-unstyled">
                <li class="hdr-itm dropdown ntf-dropdown">
                    <a href="#" class="app-head-link dropdown-toggle no-caret" data-bs-toggle="dropdown" role="button" aria-haspopup="false" aria-expanded="false">
                        <i class="ti ti-bell"></i>
                        <span class="bg-danger h-dots"></span>
                    </a>
                    <div class="dropdown-menu header-dropdown dropdown-menu-end">
                        <div class="notification-header">
                            <h5 class="m-0">Notification</h5>
                            <a href="#" class="btn btn-outline-danger">Delet All</a>
                        </div>
                        <div class="notification-list">
                            <div class="notification-body">
                                <div class="my-3 d-flex align-items-start">
                                    <div class="flex-grow-1">
                                        <div class="mb-2 d-flex align-items-start justify-content-between">
                                            <a href="#">
                                                <h5 class="mb-0">Desktop notification turned on</h5>
                                            </a>
                                            <a href="#" class="text-hover-danger"><i data-feather="x"></i></a>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between">
                                            <p class="mb-0 text-muted">
                                                Now you will receive desktop notifications
                                            </p>
                                            <span class="text-sm ms-2 text-nowrap">1 min ago</span>
                                        </div>
                                    </div>
                                </div>
                                <hr class="m-0 dropdown-divider">
                                <div class="my-3 d-flex align-items-start">
                                    <div class="flex-grow-1">
                                        <div class="mb-2 d-flex align-items-start justify-content-between">
                                            <a href="#">
                                                <h5 class="mb-0">Admin settings</h5>
                                            </a>
                                            <a href="#" class="text-hover-danger"><i data-feather="x"></i></a>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between">
                                            <p class="mb-0 text-muted">
                                                Setup complete
                                            </p>
                                            <span class="text-sm ms-2 text-nowrap">2 min ago</span>
                                        </div>
                                    </div>
                                </div>
                                <hr class="m-0 dropdown-divider">
                                <div class="my-3 d-flex align-items-start">
                                    <div class="flex-grow-1">
                                        <div class="mb-2 d-flex align-items-start justify-content-between">
                                            <a href="#">
                                                <h5 class="mb-0">Mailbox</h5>
                                            </a>
                                            <a href="#" class="text-hover-danger"><i data-feather="x"></i></a>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between">
                                            <p class="mb-0 text-muted">
                                                you have 15 unread mails across 3 mailboxes.
                                            </p>
                                            <span class="text-sm ms-2 text-nowrap">2 min ago</span>
                                        </div>
                                    </div>
                                </div>
                                <hr class="m-0 dropdown-divider">
                                <div class="my-3 d-flex align-items-start">
                                    <div class="flex-grow-1">
                                        <div class="mb-2 d-flex align-items-start justify-content-between">
                                            <a href="#">
                                                <h5 class="mb-0">Order received</h5>
                                            </a>
                                            <a href="#" class="text-hover-danger"><i data-feather="x"></i></a>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between">
                                            <p class="mb-0 text-muted">
                                                New order received.
                                            </p>
                                            <span class="text-sm ms-2 text-nowrap">2 min ago</span>
                                        </div>
                                    </div>
                                </div>
                                <hr class="m-0 dropdown-divider">
                                <div class="my-3 d-flex align-items-start">
                                    <div class="flex-grow-1">
                                        <div class="mb-2 d-flex align-items-start justify-content-between">
                                            <a href="#">
                                                <h5 class="mb-0">Order received</h5>
                                            </a>
                                            <a href="#" class="text-hover-danger"><i data-feather="x"></i></a>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between">
                                            <p class="mb-0 text-muted">
                                                New order received.
                                            </p>
                                            <span class="text-sm ms-2 text-nowrap">2 min ago</span>
                                        </div>
                                    </div>
                                </div>
                                <hr class="m-0 dropdown-divider">
                                <div class="my-3 d-flex align-items-start">
                                    <div class="flex-grow-1">
                                        <div class="mb-2 d-flex align-items-start justify-content-between">
                                            <a href="#">
                                                <h5 class="mb-0">Mailbox</h5>
                                            </a>
                                            <a href="#" class="text-hover-danger"><i data-feather="x"></i></a>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between">
                                            <p class="mb-0 text-muted">
                                                you have 15 unread mails across 3 mailboxes.
                                            </p>
                                            <span class="text-sm ms-2 text-nowrap">2 min ago</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="notification-footer">
                            <div class="d-grid">
                                <a href="#" class="btn btn-outline-secondary">View all</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="hdr-itm dropdown lng-dropdown">
                    <a class="app-head-link dropdown-toggle no-caret" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                        <i class="ti ti-world me-1"></i>
                        <span class="drp-text">EN</span>
                        <i class="ti ti-chevron-down caret-arrow ms-1"></i>
                    </a>
                    <div class="dropdown-menu header-dropdown">
                        <ul class="p-0">
                            <li class="dropdown-item">
                                <a href="#!" class="drp-link">
                                    English
                                </a>
                            </li>
                            <hr class="dropdown-divider">
                            <li class="dropdown-item">
                                <a href="#!" class="drp-link">
                                    Deutsch
                                </a>
                            </li>
                        </ul>
                    </div>

                </li>
                <li class="hdr-itm dropdown user-dropdown ">
                    <a class="app-head-link dropdown-toggle no-caret me-0" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                        <span class="avtar"><img src="<?php echo e(asset('dash/assets/images/user/avatar-2.jpg')); ?>" alt=""></span>
                    </a>
                    <div class="dropdown-menu header-dropdown">
                        <ul class="p-0">
                            <li class="dropdown-item ">
                                <a href="#" class="drp-link">
                                    Edit Profile
                                </a>
                            </li>
                            <hr class="dropdown-divider">
                            <li class="dropdown-item ">
                                <a href="#" class="drp-link">
                                    <span>Account Settings</span>
                                </a>
                            </li>
                            <hr class="dropdown-divider">
                            <li class="dropdown-item ">
                                <a href="#" class="drp-link">
                                    <span>Wallet</span>
                                </a>
                            </li>
                            <hr class="dropdown-divider">
                            <li class="dropdown-item ">
                                <a href="#" class="drp-link">
                                    <span>Billing</span>
                                </a>
                            </li>
                            <hr class="dropdown-divider">
                            <li class="dropdown-item ">
                                <a href="#" class="drp-link">
                                    <i data-feather="log-out"></i>
                                    <span>Logout</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </nav>
    </div>
</header>
<?php /**PATH D:\jops\SassMedical\resources\views/admin/layouts/header.blade.php ENDPATH**/ ?>