<?php $page = 'booking-1'; ?>

<?php $__env->startSection('content'); ?>
    <?php $__env->startComponent('components.breadcrumb'); ?>
        <?php $__env->slot('title'); ?>
           Patient
        <?php $__env->endSlot(); ?>
        <?php $__env->slot('li_1'); ?>
            Booking
        <?php $__env->endSlot(); ?>
        <?php $__env->slot('li_2'); ?>
            Booking
        <?php $__env->endSlot(); ?>
    <?php echo $__env->renderComponent(); ?>
    <!-- Page Content -->
    <div class="content doctor-content">
        <div class="container">
        
            <div class="row">
                <div class="col-12">
                
                    <div class="card">
                        <div class="card-body">
                            <div class="booking-doc-info">
                                <a href="<?php echo e(url('doctor-profile')); ?>" class="booking-doc-img">
                                    <img src="<?php echo e(URL::asset('/assets/img/doctors/doctor-thumb-02.jpg')); ?>" alt="User Image">
                                </a>
                                <div class="booking-info">
                                    <h4><a href="<?php echo e(url('doctor-profile')); ?>">Dr. Darren Elder</a></h4>
                                    <div class="rating">
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star"></i>
                                        <span class="d-inline-block average-rating">35</span>
                                    </div>
                                    <p class="text-muted mb-0"><i class="fas fa-map-marker-alt"></i> Newyork, USA</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-sm-4 col-md-6">
                            <h4 class="mb-1">11 November 2023</h4>
                            <p class="text-muted">Monday</p>
                        </div>
                        <div class="col-12 col-sm-8 col-md-6 text-sm-end">
                            <div class="bookingrange btn btn-white btn-sm mb-3">
                                <i class="far fa-calendar-alt me-2"></i>
                                <span></span>
                                <i class="fas fa-chevron-down ms-2"></i>
                            </div>
                        </div>
                    </div>
                    <!-- Schedule Widget -->
                    <div class="card booking-schedule schedule-widget">
                    
                        <!-- Schedule Header -->
                        <div class="schedule-header">
                            <div class="row">
                                <div class="col-md-12">
                                
                                    <!-- Day Slot -->
                                    <div class="day-slot">
                                        <ul>
                                            <li class="left-arrow">
                                                <a href="javascript:void(0)">
                                                    <i class="fa fa-chevron-left"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <span>Mon</span>
                                                <span class="slot-date">11 Nov <small class="slot-year">2023</small></span>
                                            </li>
                                            <li>
                                                <span>Tue</span>
                                                <span class="slot-date">12 Nov <small class="slot-year">2023</small></span>
                                            </li>
                                            <li>
                                                <span>Wed</span>
                                                <span class="slot-date">13 Nov <small class="slot-year">2023</small></span>
                                            </li>
                                            <li>
                                                <span>Thu</span>
                                                <span class="slot-date">14 Nov <small class="slot-year">2023</small></span>
                                            </li>
                                            <li>
                                                <span>Fri</span>
                                                <span class="slot-date">15 Nov <small class="slot-year">2023</small></span>
                                            </li>
                                            <li>
                                                <span>Sat</span>
                                                <span class="slot-date">16 Nov <small class="slot-year">2023</small></span>
                                            </li>
                                            <li>
                                                <span>Sun</span>
                                                <span class="slot-date">17 Nov <small class="slot-year">2023</small></span>
                                            </li>
                                            <li class="right-arrow">
                                                <a href="javascript:void(0)">
                                                    <i class="fa fa-chevron-right"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /Day Slot -->
                                    
                                </div>
                            </div>
                        </div>
                        <!-- /Schedule Header -->
                        
                        <!-- Schedule Content -->
                        <div class="schedule-cont">
                            <div class="row">
                                <div class="col-md-12">
                                
                                    <!-- Time Slot -->
                                    <div class="time-slot">
                                        <ul class="clearfix">
                                            <li>
                                                <a class="timing" href="#">
                                                    <span>9:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>10:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>11:00</span> <span>AM</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="timing" href="#">
                                                    <span>9:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>10:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>11:00</span> <span>AM</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="timing" href="#">
                                                    <span>9:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>10:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>11:00</span> <span>AM</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="timing" href="#">
                                                    <span>9:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>10:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>11:00</span> <span>AM</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="timing" href="#">
                                                    <span>9:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing selected" href="#">
                                                    <span>10:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>11:00</span> <span>AM</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="timing" href="#">
                                                    <span>9:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>10:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>11:00</span> <span>AM</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="timing" href="#">
                                                    <span>9:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>10:00</span> <span>AM</span>
                                                </a>
                                                <a class="timing" href="#">
                                                    <span>11:00</span> <span>AM</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- /Time Slot -->
                                    
                                </div>
                            </div>
                        </div>
                        <!-- /Schedule Content -->
                        
                    </div>
                    <!-- /Schedule Widget -->
                    
                    <!-- Submit Section -->
                    <div class="submit-section proceed-btn text-end mb-0">
                        <a href="<?php echo e(url('checkout')); ?>" class="btn btn-primary submit-btn">Proceed to Pay</a>
                    </div>
                    <!-- /Submit Section -->
                    
                </div>
            </div>
        </div>

    </div>		
    <!-- /Page Content -->

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.mainlayout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\doccure\laravel\template\resources\views/booking-1.blade.php ENDPATH**/ ?>