%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> <script> $(function () { $("#datepicker").datepicker({ changeMonth: true, changeYear: true, maxDate: 0, yearRange: '-100:+0' }); $("#appointment_date").datepicker({ changeMonth: true, changeYear: true, minDate: 0, yearRange: '+0:+0' }); }); </script> <div class="doctor-detail"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="doc-info"> <div class="image"> <img src="<?php echo base_url('assests/images'); ?>/doc.png"> </div> <div class="conant"> <h4><?=$doctorDetails->FullName?></h4> <p><?=$doctorDetails->DepartmentName?></p> <ul> <li><?=$doctorDetails->SpecialisationName ?></li> <li><?php $languagesArray = array(); foreach($doctorDetails->LanguageList as $lobj) { $languagesArray[] = $lobj->LanguageName; } echo implode(', ', $languagesArray); ?></li> </ul> <div class="heading-line"> <h5>About </h5> </div> <p><?=$doctorDetails->FullName ?> is a Consultant at Sharda Hospital with impeccable educational and practical background. Apart from his interest in <?=$doctorDetails->SpecialisationName ?>, he has been a part of renowned hospital which makes him a pro in this field. Dr. <?=$doctorDetails->FirstName ?> is actively taking part in development to <?=$doctorDetails->DepartmentName?> unit in Sharda Hospital</p> </div> </div> </div> <div class="col-md-8"> <div class="doc-form"> <div class="heading-line"> <h5>Select Date </h5> </div> <div class="date-sec" id="msg_div"> <input type="text" name="appointment_date" id="appointment_date"> <a href="javascript:void(0)" class="button1 getavailableslots" rel="nofollow">Get Availabe Slots <span><i class="bi bi-arrow-right-short"></i></span></a> </div> <div class="heading-line"> <h5>Select Time </h5> </div> <div class="time-tabing"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Available Slots</button> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"> <div class="radio-sec" id="dr_available_slots"> <?php if(count($slotsArray)) { foreach($slotsArray as $row) { if($row->StatusText=='Available') { ?> <label class="labcoms"> <input type="radio" name="radio" checked> <span class="checkmark"><strong><?=$row->StartTime?> - <?=$row->EndTime?></strong></span> </label> <?php } } } else { ?> <label class="labcoms"> <span><strong>Please select Appointment Date</strong></span> </label> <?php } ?> </div> </div> </div> </div> <div class="heading-line"> <h5>Personal Details </h5> </div> <div class="p-data"> <div class="row"> <div class="col-md-2"> <div class="pdata-form"> <select name="title_id" id="title_id" class="form-control"> <option value="">Select Title</option> <?php foreach($titleArray as $trow) { ?> <option value="<?=$trow->id?>"><?=$trow->name?></option> <?php }?> </select> </div> </div> <div class="col-md-8"> <div class="pdata-form"> <input type="text" name="" id="" placeholder="Enter your Full Name"> </div> </div> <div class="col-md-6"> <div class="pdata-form"> <input type="text" id="datepicker" name="datepicker" placeholder="Date of Birth" autocomplete="off" required> </div> </div> <div class="col-md-4"> <div class="pdata-form"> <input type="text" name="" id="" placeholder="Age"> </div> </div> <div class="col-md-12"> <div class="pdata-form"> <input type="text" name="" id="" placeholder="Address1"> </div> </div> <div class="col-md-4"> <div class="pdata-form"> <select name="country_id" id="country_id" class="form-control"> <option value="">Select Country</option> <option value="1">India</option> </select> </div> </div> <div class="col-md-4"> <div class="pdata-form"> <select name="state_id" id="state_id" class="form-control"> <option value="">Select State</option> <?php foreach($stateArray as $trow) { ?> <option value="<?=$trow->id?>"><?=$trow->state_name?></option> <?php }?> </select> </div> </div> <div class="col-md-4"> <div class="pdata-form"> <select name="city_id" id="city_id" class="form-control"> <option value="">Select City</option> <?php foreach($cityArray as $trow) { ?> <option value="<?=$trow->id?>"><?=$trow->city_name?></option> <?php }?> </select> </div> </div> <div class="col-md-8"> <div class="pdata-form"> <input type="text" name="" id="" placeholder="Mobile Number"> </div> </div> <div class="col-md-2"> <div class="pdata-form"> <input type="text" name="" id="" placeholder="Enter OTP"> </div> </div> <div class="col-md-8"> <div class="pdata-form"> <a href="#" class="button1">Continue <span><i class="bi bi-arrow-right-short"></i></span></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { $('.getavailableslots').on('click', function(e) { $('#loading').show(); var appointmentd = $('#appointment_date').val(); if (typeof appointmentd == 'undefined') { appointmentd = ''; } $("#appointment_date").parent().removeClass('has-error'); $("#appointment_date_msg").remove(); var error_flag = 'N'; if (appointmentd == '') { $("#appointment_date").parent().addClass("has-error"); $("<p style='color:red;' id='appointment_date_msg'>Please select Appointment Date.</p>").insertAfter("#msg_div"); error_flag = 'Y'; } if (error_flag == 'N') { $.ajax({ url : $('body').attr('data-base-url') + 'bookappointment/get_availableslots', method: 'post', data : { appointmentdate: appointmentd } }).done(function(data) { $('#loading').hide(); $('#dr_available_slots').html(''); $('#dr_available_slots').html(data); }) } }); }); </script>