

<?php $__env->startSection('title',__('Doctors')); ?>

<?php $__env->startSection('content'); ?>
    <div class="site-body">
        <div class="jumbo pt-3">
            <div class="jumbo_ban mx-auto">
                <h1 class="text-white text-center"><?php echo e(__('Your Home For Health')); ?></h1>
                <h3 class="text-white text-center"><?php echo e(__('Find Better.Appoint Better')); ?></h3>
                <div class="content mx-auto doctor">
                    <div class="d-flex mx-auto flex-md-row flex-column serach-box pb-0">
                        <div class="location position-relative mb-md-0 mb-3 ">
                            <input type="search" class="form-control loc" id="autocomplete" onFocus="geolocate()" name="doctor_location" aria-describedby="helpId" placeholder="<?php echo e(__('Search Location')); ?>">
                            <i class='bx bx-map position-absolute bx_icons'></i>
                        </div>
                        <div class="location doc position-relative">
                            <input type="search" class="form-control docto" name="search_doctor" onkeyup="searchDoctor()" aria-describedby="helpId" placeholder="<?php echo e(__('Search doctors')); ?>">
                            <i class='bx bx-search position-absolute bx_icons'></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="full-content">
            <div class="searching-filter ps-xl-0 ps-3 ">
                <div class="content py-2 d-flex flex-column mx-auto">
                    <div class="d-flex">
                        <div class="dropdown  dropdown-hover" id="dropdownMenuLink" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside" aria-expanded="true">
                            <a class="btn btn-secondary  btn-sm  dropdown-toggle" id="all_filter" href="javascript:void(0)" role="button">
                                <?php echo e(__('All Filters')); ?>

                            </a>
                        </div>
                        <div class="ms-4 d-flex align-items-center select-Sort">
                            <div id="Sortbtn" class="dd">
                                <div class="select">
                                    <span><?php echo e(__('Sort By')); ?></span>
                                    <i class='bx bxs-chevron-down'></i>
                                </div>
                                <input type="hidden" name="gender">
                                <ul class="dd-menu">
                                    <li class="value" id="rating" data-value="rating"><?php echo e(__('Rating')); ?></li>
                                    <li class="value" id="popular" data-value="popular"><?php echo e(__('Popular')); ?></li>
                                    <li class="value" id="latest" data-value="latest"><?php echo e(__('Latest')); ?></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="dropdown-menu myDrop" aria-labelledby="dropdownMenuLink">
                        <form id="filter_form" method="post">
                            <div class="content d-flex flex-sm-row flex-column mx-auto">
                                <ul>
                                    <h6><?php echo e(__('Gender')); ?></h6>
                                    <li>
                                        <a class="dropdown-item " href="javascript:void(0)">
                                            <div class="form-check pb-0 form-check-inline">
                                                <input class="form-check-input" type="radio" id="male" name="gender_type" value="male">
                                                <label class="form-check-label" for="male"><?php echo e(__('Male Doctor')); ?></label>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item " href="javascript:void(0)">
                                            <div class="form-check pb-0 form-check-inline">
                                                <input class="form-check-input" type="radio" id="female" name="gender_type" value="female">
                                                <label class="form-check-label" for="female"><?php echo e(__('Female Doctor')); ?></label>
                                            </div>
                                        </a>
                                    </li>

                                </ul>
                                <div class="mt-sm-0 mt-3">
                                    <h6><?php echo e(__('Select Category')); ?></h6>
                                    <ul class="flex-wrap d-flex">
                                        <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <li>
                                                <a class="dropdown-item" href="javascript:void(0)">
                                                    <div class="form-check pb-0 form-check-inline">
                                                        <input class="form-check-input" name="select_specialist" type="checkbox" data-id=<?php echo e($category->id); ?> id="category<?php echo e($category->id); ?>" value="<?php echo e($category->id); ?>">
                                                        <label class="form-check-label" for="category<?php echo e($category->id); ?>"><?php echo e($category->name); ?></label>
                                                    </div>
                                                </a>
                                            </li>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </ul>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="dispDoctor">
                <?php echo $__env->make('website.display_doctor',['doctor' => $doctors], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js'); ?>
    <script src="https://maps.googleapis.com/maps/api/js?key=<?php echo e(App\Models\Setting::first()->map_key); ?>&sensor=false&libraries=places"></script>
    <script src="<?php echo e(url('assets/js/doctor_list.js')); ?>"></script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.mainlayout',['active_page' => 'doctors'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/penastud/public_html/doktro/resources/views/website/doctors.blade.php ENDPATH**/ ?>