ikan Uploader :
Directory : /var/www/html/shardahospital.org/drbooking/application/views/
Upload File : |
| Current File : /var/www/html/shardahospital.org/drbooking/application/views/book-appointment.php |
<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 () {
$("#dateofbirth").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 class="ab-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="row">
<div class="col-md-7">
<div class="date-sec" id="msg_div">
<div class="appointdate">
<input type="text" name="appointment_date" id="appointment_date" placeholder="Select Appointment Date">
<a href="javascript:void(0)" class="getavailableslots" rel="nofollow">Get Availabe Slots </a>
</div>
</div>
</div>
</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="available_slots" checked>
<span class="checkmark"><strong><?=$row->StartTime?> - <?=$row->EndTime?></strong></span>
</label>
<?php } } } else { ?>
<label class="labcoms">
<div id="loading_slots" style="display:none;"><img src="<?=base_url('assests/imgs/loading.gif')?>"></div>
<span><strong>Please select Appointment Date</strong></span>
</label>
<?php } ?>
</div>
</div>
</div>
</div>
<?php
$userData = $this->session->userdata('user_data');
if($userData->id>0) { ?>
<div class="heading-line">
<h5>Dependant Details </h5>
</div>
<div class="p-data">
<div class="row">
<div class="col-md-6">
<div class="pdata-form pdata-formradion">
<label><input type="radio" name="dependant_type" value="1" id="dependant_type_self" /> Self</label>
<label><input type="radio" name="dependant_type" value="2" id="dependant_type_others" /> Dependants </label>
</div>
<?php $dependant_list = getDependantList(array('user_id'=>$userData->id,'is_dependant'=>'2'));?>
<?php $self_list = getDependantList(array('user_id'=>$userData->id,'is_dependant'=>'1')); ?>
<div class="pdata-form my-dependant-list" style="display:none;">
<select name="dependant_list" id="dependant_list">
<option value="">Select</option>
<?php foreach($dependant_list as $row) { ?>
<option value="<?=$row['id']?>"><?=$row['full_name']?></option>
<?php } ?>
</select>
</div>
<div class="pdata-form self-list" style="display:none;">
<select name="self_dependant_list" id="self_dependant_list">
<option value="">Select</option>
<?php foreach($self_list as $row) { ?>
<option value="<?=$row['id']?>"><?=$row['full_name']?></option>
<?php } ?>
</select>
</div>
<br />
</div>
</div>
</div>
<script>
$(document).ready(function() {
$("input[name$='dependant_type']").click(function() {
var rvalue = $(this).val();
if(rvalue=='1') {
$(".my-dependant-list").hide();
$(".self-list").show();
$("#title_id").val('');
$("#full_name").val('');
$("#dateofbirth").val('');
$("#age").val('');
$("#address").val('');
$("#country_id").val('');
$("#state_id").val('');
$("#city_id").val('');
$("#mobile_number").val('');
$("#dependant_list").val('');
} else {
$(".my-dependant-list").show();
$(".self-list").hide();
}
});
});
</script>
<?php } ?>
<div class="heading-line">
<h5>Personal Details </h5>
</div>
<div class="p-data">
<div class="row">
<div class="col-md-10">
<div class="row">
<div class="col-md-3">
<div class="pdata-form">
<select name="title_id" id="title_id">
<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-9">
<div class="pdata-form">
<input type="text" name="full_name" id="full_name" maxlength="190" placeholder="Enter your Full Name">
</div>
</div>
<div class="col-md-9">
<div class="pdata-form">
<input type="text" id="dateofbirth" name="dateofbirth" placeholder="Date of Birth" autocomplete="off" required>
</div>
</div>
<div class="col-md-3">
<div class="pdata-form">
<input type="text" name="age" id="age" placeholder="Age">
</div>
</div>
<div class="col-md-12">
<div class="pdata-form">
<input type="text" name="address" id="address" placeholder="Address1">
</div>
</div>
<div class="col-md-4">
<div class="pdata-form">
<select name="country_id" id="country_id">
<option value="">Select Country</option>
<option value="74">India</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="pdata-form">
<select name="state_id" id="state_id">
<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">
<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 send-otp">
<input type="text" name="mobile_number" onkeyup="this.value=this.value.replace(/[^\d]/,'')" autocomplete="off" maxlength="10" id="mobile_number" placeholder="Mobile Number">
<a href="javascript:void(0)" id="sendverificationotp" >Send OTP</a>
<span id="resend_otp"></span>
</div>
</div>
<div class="col-md-4">
<div class="pdata-form">
<input type="text" name="otp" onkeyup="this.value=this.value.replace(/[^\d]/,'')" autocomplete="off" maxlength="6" id="otp" placeholder="Enter OTP">
</div>
</div>
<div class="col-md-12">
<div class="pdata-form">
<a href="javascript:void(0)" class="button1" id="validateotp">Continue <span><i class="bi bi-arrow-right-short"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
/*
* Onclick step1 validate and check current status
*/
$("#sendverificationotp").on("click", function (e) {
var dr_id = "<?=$doctorDetails->dr_id?>";
var appointmentd = $('#appointment_date').val();
var slot_id = $("input[name='available_slots']:checked").val();
var title_id = $("#title_id").val();
var full_name = $("#full_name").val();
var dob = $("#dateofbirth").val();
var age = $("#age").val();
var mobile_number = $("#mobile_number").val();
var country_id = $("#country_id").val();
var city_id = $("#city_id").val();
var state_id = $("#state_id").val();
var address = $("#address").val();
var regis_id = $("#regis_id").val();
if (typeof title_id == 'undefined') { title_id = ''; }
if (typeof appointmentd == 'undefined') { appointmentd = ''; }
if (typeof full_name == 'undefined') { full_name = ''; }
if (typeof dob == 'undefined') { dob = ''; }
if (typeof city_id == 'undefined') { city_id = ''; }
if (typeof state_id == 'undefined') { state_id = ''; }
if (typeof address == 'undefined') { address = ''; }
if (typeof mobile_number == 'undefined') { mobile_number = ''; }
if (typeof slot_id == 'undefined') { slot_id = ''; }
$("#title_id").removeClass('has-error');
$("#appointmentd").removeClass('has-error');
$("#full_name").removeClass('has-error');
$("#dateofbirth").removeClass('has-error');
$("#age").removeClass('has-error');
$("#gender").removeClass('has-error');
$("#address").removeClass('has-error');
$("#city_id").removeClass('has-error');
$("#state_id").removeClass('has-error');
$("#mobile_number").removeClass('has-error');
$(".labcoms").removeClass('has-error');
$("#otp").removeClass('has-error');
var appointmentd = $('#appointment_date').val();
if (typeof appointmentd == 'undefined') { appointmentd = ''; }
$("#appointment_date").removeClass('has-error');
$("#appointment_date_msg").remove();
var error_flag = 'N';
if (appointmentd == '') {
$("#appointment_date").addClass("has-error");
$("<p style='color:red;' id='appointment_date_msg'>Please select Appointment Date.</p>").insertAfter(".appointdate");
error_flag = 'Y';
}
if (title_id == '') {
$("#title_id").addClass("has-error");
error_flag = 'Y';
}
if (full_name == '') {
$("#full_name").addClass("has-error");
error_flag = 'Y';
}
if (address == '') {
$("#address").addClass("has-error");
error_flag = 'Y';
}
if (dob == '') {
$("#dateofbirth").addClass("has-error");
error_flag = 'Y';
}
if (age == '') {
$("#age").addClass("has-error");
error_flag = 'Y';
}
if (country_id == '') {
$("#country_id").addClass("has-error");
error_flag = 'Y';
}
if (state_id == '') {
$("#state_id").addClass("has-error");
error_flag = 'Y';
}
if (city_id == '') {
$("#city_id").addClass("has-error");
error_flag = 'Y';
}
if (slot_id == '') {
$(".labcoms").addClass("has-error");
error_flag = 'Y';
}
if (mobile_number == '') {
$("#mobile_number").addClass("has-error");
error_flag = 'Y';
} else if (!mobile_number.match('[0-9]{10}')) {
$("#mobile_number").addClass("has-error");
error_flag = 'Y';
}
if (error_flag == 'N') {
$('.submit_info').show();
// Send OTP request to api to save the data
$.ajax({
url: $('body').attr('data-base-url') + 'bookappointment/sendOTPSMS',
method: 'post',
data: {
appointment_date: appointmentd,
dr_id: dr_id,
slot_id: slot_id,
title_id: title_id,
full_name: full_name,
dob: dob,
age: age,
address: address,
mobile_number: mobile_number,
city_id: city_id,
state_id: state_id,
country_id: country_id
}
}).done(function (response) {
$('.submit_info').hide();
$('#sendverificationotp').hide();
$('#resend_otp').html('');
$('#resend_otp').html('<span id="sendverificationotp">Resend OTP</span>');
$("<p style='color:green;' id='show_msg_div'>OTP send successfully</p>").insertAfter("#resend_otp");
setTimeout(function () { $('#show_msg_div').slideUp("slow"); }, 4000);
return false;
});
}
return false;
});
/*
* Onclick step1 validate and check current status
*/
$("#validateotp").on("click", function (e) {
var dr_id = "<?=$doctorDetails->dr_id?>";
var appointmentd = $('#appointment_date').val();
var slot_id = $("input[name='available_slots']:checked").val();
var title_id = $("#title_id").val();
var full_name = $("#full_name").val();
var dob = $("#dateofbirth").val();
var age = $("#age").val();
var mobile_number = $("#mobile_number").val();
var country_id = $("#country_id").val();
var city_id = $("#city_id").val();
var state_id = $("#state_id").val();
var address = $("#address").val();
var regis_id = $("#regis_id").val();
var otp = $("#otp").val();
if (typeof title_id == 'undefined') { title_id = ''; }
if (typeof appointmentd == 'undefined') { appointmentd = ''; }
if (typeof full_name == 'undefined') { full_name = ''; }
if (typeof dob == 'undefined') { dob = ''; }
if (typeof city_id == 'undefined') { city_id = ''; }
if (typeof state_id == 'undefined') { state_id = ''; }
if (typeof address == 'undefined') { address = ''; }
if (typeof mobile_number == 'undefined') { mobile_number = ''; }
if (typeof slot_id == 'undefined') { slot_id = ''; }
if (typeof otp == 'undefined') { otp = ''; }
$("#title_id").removeClass('has-error');
$("#appointmentd").removeClass('has-error');
$("#full_name").removeClass('has-error');
$("#dateofbirth").removeClass('has-error');
$("#age").removeClass('has-error');
$("#gender").removeClass('has-error');
$("#address").removeClass('has-error');
$("#city_id").removeClass('has-error');
$("#state_id").removeClass('has-error');
$("#mobile_number").removeClass('has-error');
$(".labcoms").removeClass('has-error');
$("#otp").removeClass('has-error');
var appointmentd = $('#appointment_date').val();
if (typeof appointmentd == 'undefined') { appointmentd = ''; }
$("#appointment_date").removeClass('has-error');
$("#appointment_date_msg").remove();
var error_flag = 'N';
if (appointmentd == '') {
$("#appointment_date").addClass("has-error");
$("<p style='color:red;' id='appointment_date_msg'>Please select Appointment Date.</p>").insertAfter(".appointdate");
error_flag = 'Y';
}
var emailReg = /^[a-z0-9]+([-._][a-z0-9]+)*@([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,4}$/;
$("#user_otp").removeClass('has-error');
if (title_id == '') {
$("#title_id").addClass("has-error");
error_flag = 'Y';
}
if (full_name == '') {
$("#full_name").addClass("has-error");
error_flag = 'Y';
}
if (address == '') {
$("#address").addClass("has-error");
error_flag = 'Y';
}
if (dob == '') {
$("#dateofbirth").addClass("has-error");
error_flag = 'Y';
}
if (age == '') {
$("#age").addClass("has-error");
error_flag = 'Y';
}
if (country_id == '') {
$("#country_id").addClass("has-error");
error_flag = 'Y';
}
if (state_id == '') {
$("#state_id").addClass("has-error");
error_flag = 'Y';
}
if (city_id == '') {
$("#city_id").addClass("has-error");
error_flag = 'Y';
}
if (otp == '') {
$("#otp").addClass("has-error");
error_flag = 'Y';
}
if (mobile_number == '') {
$("#mobile_number").addClass("has-error");
error_flag = 'Y';
} else if (!mobile_number.match('[0-9]{10}')) {
$("#mobile_number").addClass("has-error");
error_flag = 'Y';
}
if (slot_id == '') {
$(".labcoms").addClass("has-error");
error_flag = 'Y';
}
if (error_flag == 'N') {
$('.submit_info').show();
// Send OTP request to api to save the data
$.ajax({
url: $('body').attr('data-base-url') + 'bookappointment/validateotp',
method: 'post',
data: {
appointment_date: appointmentd,
dr_id: dr_id,
slot_id: slot_id,
title_id: title_id,
full_name: full_name,
dob: dob,
age: age,
address: address,
mobile_number: mobile_number,
city_id: city_id,
otp: otp,
state_id: state_id,
country_id: country_id
}
}).done(function (response) {
if(response==3001) {
$('#resend_otp').html('');
$('#resend_otp').html('<a id="sendverificationotp" href="javascript:void(0)">Resend OTP</a>');
$("<p style='color:red;' id='msg_div'>Invalid OTP, Enter Valid OTP.</p>").insertAfter("#resend_otp");
setTimeout(function () { $('#msg_div').slideUp("slow"); }, 10000);
return false;
} else {
$('#resend_otp').html('');
$("<p style='color:green;' id='msg_div'>OTP Verified Successfully.</p>").insertAfter("#resend_otp");
setTimeout(function () { $('#msg_div').slideUp("slow"); }, 3000);
var myfslug = '';
var pieces = JSON.stringify({'project_id': response});
myfslug = btoa(pieces);
window.setTimeout(function(){
// Move to a new location or you can do something else
window.location.href = $('body').attr('data-base-url') + 'payment/'+myfslug;
}, 1000);
return false;
}
return false;
});
}
return false;
});
$('.getavailableslots').on('click', function(e) {
$('#loading_slots').show();
var appointmentd = $('#appointment_date').val();
var dr_id = "<?=$doctorDetails->dr_id?>";
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(".appointdate");
error_flag = 'Y';
}
if (error_flag == 'N') {
$.ajax({
url : $('body').attr('data-base-url') + 'bookappointment/get_availableslots',
method: 'post',
data : {
appointmentdate: appointmentd, dr_id:dr_id
}
}).done(function(data) {
$('#loading_slots').hide();
$('#dr_available_slots').html('');
$('#dr_available_slots').html(data);
})
}
$('#loading_slots').hide();
});
$('#self_dependant_list').change(function(){
var dependant_id = $('#self_dependant_list').val();
$.ajax({
url : $('body').attr('data-base-url') + 'bookappointment/getdependantdetails',
method: 'post',
data : {
dependant_id: dependant_id
}
}).done(function(response) {
var json = $.parseJSON(response);
if(json.id>0) {
$("#title_id").val(json.id);
$("#full_name").val(json.full_name);
$("#dateofbirth").val(json.dob);
$("#age").val(json.age);
$("#address").val(json.address);
$("#country_id").val(json.country_id);
$("#state_id").val(json.state_id);
$.ajax({
url : $('body').attr('data-base-url') + 'bookappointment/get_citylist',
method: 'post',
data : {
state_id: json.state_id
}
}).done(function(response) {
$('#loading').hide();
$('#city_id').html('');
$('#city_id').append($('<option>').text(' -- Select City -- ').attr('value', ''));
$.each(response,function(i,value){
$('#city_id').append($('<option>').text(value).attr('value', i));
});
})
$("#city_id").val(json.city_id);
$("#mobile_number").val(json.contact_number);
$("#title_id").selected(true);
$("#city_id").selected(true);
} else {
$("#title_id").val('');
$("#full_name").val('');
$("#dateofbirth").val('');
$("#age").val('');
$("#address").val('');
$("#country_id").val('');
$("#state_id").val('');
$("#city_id").val('');
$("#mobile_number").val('');
}
return false;
});
});
$('#dependant_list').change(function(){
var dependant_id = $('#dependant_list').val();
$.ajax({
url : $('body').attr('data-base-url') + 'bookappointment/getdependantdetails',
method: 'post',
data : {
dependant_id: dependant_id
}
}).done(function(response) {
var json = $.parseJSON(response);
if(json.id>0) {
$("#title_id").val(json.id);
$("#full_name").val(json.full_name);
$("#dateofbirth").val(json.dob);
$("#age").val(json.age);
$("#address").val(json.address);
$("#country_id").val(json.country_id);
$("#state_id").val(json.state_id);
$.ajax({
url : $('body').attr('data-base-url') + 'bookappointment/get_citylist',
method: 'post',
data : {
state_id: json.state_id
}
}).done(function(response) {
$('#loading').hide();
$('#city_id').html('');
$('#city_id').append($('<option>').text(' -- Select City -- ').attr('value', ''));
$.each(response,function(i,value){
$('#city_id').append($('<option>').text(value).attr('value', i));
});
})
$("#city_id").val(json.city_id);
$("#mobile_number").val(json.contact_number);
$("#title_id").selected(true);
$("#city_id").selected(true);
} else {
$("#title_id").val('');
$("#full_name").val('');
$("#dateofbirth").val('');
$("#age").val('');
$("#address").val('');
$("#country_id").val('');
$("#state_id").val('');
$("#city_id").val('');
$("#mobile_number").val('');
}
return false;
});
});
$('#country_id').change(function(){
var country_id = $('#country_id').val();
$.ajax({
url : $('body').attr('data-base-url') + 'bookappointment/get_statelist',
method: 'post',
data : {
country_id: country_id
}
}).done(function(response) {
$('#loading').hide();
$('#state_id').html('');
$('#state_id').append($('<option>').text(' -- Select State -- ').attr('value', ''));
$.each(response,function(i,value){
$('#state_id').append($('<option>').text(value).attr('value', i));
});
});
});
$('#state_id').change(function(){
var state_id = $('#state_id').val();
$.ajax({
url : $('body').attr('data-base-url') + 'bookappointment/get_citylist',
method: 'post',
data : {
state_id: state_id
}
}).done(function(response) {
$('#loading').hide();
$('#city_id').html('');
$('#city_id').append($('<option>').text(' -- Select City -- ').attr('value', ''));
$.each(response,function(i,value){
$('#city_id').append($('<option>').text(value).attr('value', i));
});
})
});
$("#dob").change(function(){
var today = new Date();
var birthDate = new Date($('#dob').val());
var age = today.getFullYear() - birthDate.getFullYear();
var m = today.getMonth() - birthDate.getMonth();
if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
age--;
}
return $('#age').html(age+' years old');
});
$("#dateofbirth").change(function(){
var today = new Date();
var birthDate = new Date($('#dateofbirth').val());
var age = today.getFullYear() - birthDate.getFullYear();
var m = today.getMonth() - birthDate.getMonth();
if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
age--;
}
if(age>0){
$('#age').val(age+' years');
} else {
$('#age').val(age+' year');
}
});
});
</script>
Kontol Shell Bypass