<div class="top-navbar container-xxl

">
    <nav class="navbar navbar-expand justify-content-between">
        <div class="container-fluid">

            <a class="d-inline-block d-lg-none ml-auto more-button">
                <span class="material-symbols-outlined">menu</span>
            </a>

            <a id="sidebarCollapse" class=" d-lg-block d-none position-relative">
                <span class="material-symbols-outlined">menu</span>
            </a>

            <a class=" navbar-brand d-lg-block  d-none" href="<?php echo e(route('admin.dashboard')); ?>"> Dashboard</a>



            <div class="collapse navbar-collapse justify-content-end custom-header-menu-icon" id="navbarSupportedContent">
                <ul class="nav navbar-nav ml-auto">
                    <!-- notification section start     -->
                    <li class="nav-item active">
                        <a href="javascript:void(0)" class="nav-link" data-bs-toggle="modal"
                        data-bs-target="#filterClient">
                            <span class="material-symbols-outlined">group</span>
                        </a>
                    </li>
                    <!-- notification section end     -->
                    
                    <!-- notification section start     -->
                    <li class="nav-item active">
                        <a href="<?php echo e(route('billing-create')); ?>" class="nav-link">
                            <span class="material-symbols-outlined">storefront</span>
                        </a>
                    </li>
                    <!-- notification section end     -->



                    <!-- shortcut section start  -->
                    <li class="nav-item dropdown shortcut">
                        <a class="nav-link" href="#" data-bs-toggle="dropdown">
                            <span class="material-symbols-outlined">apps</span>
                        </a>
                        <ul class="dropdown-menu shortcut overflow-hidden p-0">
                            <li class="navbar px-4">
                                <span class="text">Shortcut</span>
                                <span class="material-symbols-outlined"> dataset </span>
                            </li>
                            <hr class="m-0">
                            <li class="row m-0">
                                <div class="col-6 border text-center py-2">
                                    <a href="<?php echo e(route('service-category.index')); ?>">
                                        <p class="text m-0"><span class="material-symbols-outlined"> list </span>
                                        </p>
                                        <p class="m-0 super-small"><small>Category</small> </p>
                                    </a>
                                </div>
                                <div class="col-6 border text-center py-2">
                                    <a href="<?php echo e(route('service.index')); ?>">
                                        <p class="text m-0"><span class="material-symbols-outlined"> medical_information </span>
                                        </p>
                                        <p class="m-0 super-small"><small>Service</small> </p>
                                    </a>
                                </div>
                            </li>
                            <li class="row m-0">
                                <div class="col-6 border text-center py-2">
                                    <a href="<?php echo e(route('client.index')); ?>">
                                        <p class="text m-0"><span class="material-symbols-outlined"> group </span>
                                        </p>
                                        <p class="m-0 super-small"><small>Client</small> </p>
                                    </a>
                                </div>
                                <div class="col-6 border text-center py-2">
                                    <a href="<?php echo e(route('provider.index')); ?>">
                                        <p class="text m-0"><span class="material-symbols-outlined"> group </span>
                                        </p>
                                        <p class="m-0 super-small"><small>Provider</small> </p>
                                    </a>
                                </div>
                            </li>
                            <li class="row m-0">
                                <div class="col-6 border text-center py-2">
                                    <a href="<?php echo e(route('payment-type.index')); ?>">
                                        <p class="text m-0"><span class="material-symbols-outlined"> payments </span>
                                        </p>
                                        <p class="m-0 super-small"><small>Payment Type</small> </p>
                                    </a>
                                </div>
                                <div class="col-6 border text-center py-2">
                                    <a href="<?php echo e(route('branch.index')); ?>">
                                        <p class="text m-0"><span class="material-symbols-outlined"> meeting_room </span>
                                        </p>
                                        <p class="m-0 super-small"><small>Branch</small> </p>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!-- shortcut section end  -->


                    <!-- profile section start  -->
                    <li class="nav-item dropdown">
                        <a class="nav-link" data-bs-toggle="dropdown" href="#">
                            <?php if(Auth::user()->image != null): ?>
                            <img src="<?php echo e(asset('uploads/user_img/'. Auth::user()->image )); ?>" alt="profile"
                                class="rounded-circle" width="30" height="30">
                            <?php else: ?>
                            <img src="<?php echo e(asset('backend/template-assets')); ?>/images/avator.jpg" alt="profile"
                                class="rounded-circle" width="30" height="30">
                            <?php endif; ?>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="<?php echo e(route('admin.profile')); ?>" class="d-flex align-items-center">
                                    <?php if(Auth::user()->image != null): ?>
                                    <img src="<?php echo e(asset('uploads/user_img/'. Auth::user()->image )); ?>"
                                        class="rounded-circle me-2" alt="" width="30" height="30">
                                    <?php else: ?>
                                    <img src="<?php echo e(asset('backend/template-assets')); ?>/images/avator.jpg"
                                        class="rounded-circle me-2" alt="" width="30" height="30">
                                    <?php endif; ?>

                                    <div class="ms-2">
                                        <p class="text m-0"><?php echo e(Auth::user()->name); ?></p>
                                        <p class="m-0"><small><?php echo e(Auth::user()->role); ?></small> </p>
                                    </div>
                                </a>
                            </li>
                            <hr>
                            <li class="nav-item">
                                <a href="<?php echo e(route('admin.profile')); ?>">
                                    <span class="material-symbols-outlined"> person </span>
                                    <span class="text">Profile</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="<?php echo e(route('admin.logout')); ?>">
                                    <span class="material-symbols-outlined"> logout </span>
                                    <span class="text">Logout</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!-- profile section end  -->
                </ul>
            </div>
        </div>
    </nav>
</div>


<div class="modal fade" id="filterClient" tabindex="-1" aria-labelledby="oneInputModalLabel" aria-hidden="true"
    data-bs-backdrop='static'>
    <div class="modal-dialog modal-dialog-centered max-width-900px">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="oneInputModalLabel">Client Search</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body p-0 custom-payment-history-table">
                <form action="#" method="post" enctype="multipart/form-data" onsubmit="return updateFilterClientFH()">
                    <?php echo csrf_field(); ?>
                    <div class="modal-body p-0">
                        <?php
                         $clientDataForHeader = App\Models\Client::getAllClientDataFU();   
                        ?>
                        <div class="row px-4 mb-4 my-3">
                            <div class="col-md-12 mb-3">
                                <div class="form-group custom-select2-form 
                                    ">
                                    <label for="client_id">Select Client <span class=" text-danger">(required)</span>
                                    </label>
                                    <select name="client_id" id="client_id_fh" class="form-select select2" required>
                                        <option value="" selected disabled>Select Client</option>
                                        <?php $__currentLoopData = $clientDataForHeader; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $singleClient): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <?php if(isset($singleClient) && $singleClient != null): ?>
                                        <option value="<?php echo e($singleClient->id); ?>"><?php echo e($singleClient->client_name); ?> /
                                            <?php echo e($singleClient->client_mobile); ?></option>
                                        <?php endif; ?>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </select>
                                </div>

                                <?php $__errorArgs = ['client_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                <span class=text-danger><?php echo e($message); ?></span>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>

                            <div class="col-md-12">
                                <button type="submit" class="btn btn-success d-flex custom-float-right-side">
                                    <span class="material-symbols-outlined custom-project-icon">
                                        search
                                    </span>
                                    <span> Search</span>
                                </button>
                            </div>
                            <!--begin::Col-->
                        </div>

                        <div class="row mx-3 mb-4" id="updateFilterClientData">

                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancel</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div><?php /**PATH E:\Project\Personal-Project\Office-Project\update\skin-care\resources\views/admin/layout/header.blade.php ENDPATH**/ ?>