Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/tradze/public_html/storage/framework/views/ |
<?php $__env->startSection('title','Track Therapist'); ?>
<?php $__env->startSection('css_page'); ?>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/plugins/FlipClock/compiled/flipclock.css')); ?>" type="text/css" media="screen">
<?php /*<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend/assets/css/css-my-bookings.css')); ?>" type="text/css" media="screen">*/ ?>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-treatments.css')); ?>" type="text/css" media="screen">
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-basket.css')); ?>" type="text/css" media="screen">
<link rel="stylesheet" href="<?php echo e(asset('themes/frontend_new/assets/css/css-countdowngampage.css')); ?>">
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<?php /*start counter*/ ?>
<div class="counter-background sec-counter-main">
<div class="row center">
<!-- start title-->
<div class="col-sm-12">
<div class="clearfix center">
<div class="text-center">
<div class="title-book text-center">
<b>ETA</b>
</div>
</div>
</div>
</div>
<!-- end title-->
<!-- Clock -->
<div id="countdown-gampang" clockTime=<?php echo e($booking->time_left_in_seconds); ?>> </div>
<!-- end Clock -->
<!-- start btns-->
<div class="col-sm-12 display-inline">
<div class="button-group-style">
<div class="row">
<div class="col-md-6" style="margin-top:2px">
<a href="<?php echo e(route('account.profile.mybookings')); ?>" class="btn checkout-pay test">
BACK
</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6" style="margin-top:2px">
<div class="dropdown cancel-booking-button-main">
<a class="btn cancelbtn checkout-pay dropdown-toggle" type="button" data-toggle="dropdown">CANCEL
</a>
<ul class="dropdown-menu">
<li>
<div class="bs-inner-box">
<p>The booking amount is NOT REFUNDABLE. Would you like to continue?</p>
<div class="hover-toltp-btn">
<a orderid="<?php echo e($booking->id); ?>" href="" class="btn checkout-btn cancel-booking tooltips text-white">CANCEL THIS BOOKING</a>
</div>
</div>
</li>
</ul>
</div>
<!-- <a class="btn cancelbtn checkout-pay" data-toggle="modal" data-target="#modalCancelBookingId<?php echo e($booking->id); ?>">
Cancel
</a> -->
<?php /*cancel modal*/ ?>
<div class="modal fade cancel-booking-modal-cover" id="modalCancelBookingId<?php echo e($booking->id); ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg cancel-booking-modal" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">
Cancel Booking #<?php echo e($booking->id); ?></h4>
</div>
<div class="modal-body">
<div class="row">
<h4>
<?php if(!$booking->status_canceled): ?>
<span class="text-danger"><?php echo e(trans('users::booking.text_booking_non_refundable')); ?></span>
<?php else: ?>
<?php echo e(trans('users::booking.text_booking_refundable')); ?>
<?php endif; ?>
</h4>
</div>
</div>
<div class="modal-footer">
<div id="modal-booking-action">
<a orderid="<?php echo e($booking->id); ?>" class="btn checkout-btn cancel-booking <?php if(!$booking->status_canceled): ?> tooltips <?php endif; ?>" <?php if(!$booking->status_canceled): ?> title="the amount is not refundable" <?php endif; ?>>
CANCEL THIS BOOKING
</a>
</div>
</div>
</div>
</div>
</div>
<?php /*end cancel modal*/ ?>
</div>
</div>
</div>
</div>
<!-- end btns-->
</div>
</div>
<?php /*end counter*/ ?>
<div class="book-zone">
<?php /*start iframe google maps*/ ?>
<div>
<div id="map"></div>
</div>
<?php /*end iframe google maps*/ ?>
<!-- start third booking-->
<div class="dark-book-gray">
<div class="row">
<!-- start img therapist-->
<!-- <div class="col-xs-12 col-sm-3 col-md-2">
<?php $info = json_decode($booking->orderInfo,true);?>
<?php foreach($info['therapistImage'] as $image): ?>
<img class="img-responsive" src="<?php echo e($image); ?>" style="margin-bottom:4px!important;"/>
<?php endforeach; ?>
</div> -->
<!-- end img therapist-->
<!-- start book details-->
<!-- <div class="col-xs-12 col-md-6">
<div class="shaded-background sec-middle-block">
<div class="row">
<div class="col-md-12 filds-one">
<div class="filds flex-container text-details">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-f.png')); ?>"/>
</span>
<div class="title-desc">BOOKING ID</div>
</div>
<div class="filds-input">
<div class="text-desc">#<?php echo e($booking->id); ?></div>
</div>
</div>
</div>
<div class="col-md-12 filds-middle">
<div class="filds flex-container text-details">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-s.png')); ?>"/>
</span>
<div class="title-desc">THERAPIST NAME</div>
</div>
<div class="filds-input">
<div class="text-desc"><?php echo e(implode(', ',$info['therapist'])); ?></div>
</div>
</div>
</div>
<div class="col-md-12 filds-middle">
<div class="filds flex-container text-details">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-s.png')); ?>"/>
</span>
<div class="title-desc">TIME BOOKED</div>
</div>
<div class="filds-input">
<div class="text-desc"><?php echo e($booking->hour_to_human); ?></div>
</div>
</div>
</div>
<div class="col-md-12 filds-middle">
<div class="filds flex-container text-details">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-s.png')); ?>"/>
</span>
<div class="title-desc">DATE BOOKED</div>
</div>
<div class="filds-input">
<div class="text-desc"><?php echo e($booking->date_to_human); ?></div>
</div>
</div>
</div>
<div class="col-md-12 filds-middle">
<div class="filds flex-container text-details">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-s.png')); ?>"/>
</span>
<div class="title-desc">DURATION OF MASSAGE</div>
</div>
<div class="filds-input">
<div class="text-desc"><?php echo e($booking->duration); ?></div>
</div>
</div>
</div>
<div class="col-md-12 filds-middle">
<div class="filds flex-container text-details">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-s.png')); ?>"/>
</span>
<div class="title-desc">TYPE OF MASSAGE</div>
</div>
<div class="filds-input">
<div class="text-desc"><?php echo e($booking->massage_type); ?></div>
</div>
</div>
</div>
<div class="col-md-12 filds-middle">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-s.png')); ?>"/>
</span>
<div class="title-desc">Location</div>
</div>
<div class="filds-input">
<div class="text-desc"><?php echo e($booking->address); ?> <?php if($info['location']!=$info['address']): ?> <?php echo e($info['location']); ?> <?php endif; ?></div>
</div>
</div>
</div>
<div class="col-md-12 filds-middle">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-s.png')); ?>"/>
</span>
<div class="title-desc">Total Cost</div>
</div>
<div class="filds-input">
<div class="text-desc">₤ <?php echo e($booking->amount); ?></div>
</div>
</div>
</div>
<div class="col-md-12 filds-middle">
<div class="filds flex-container">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-l.png')); ?>"/>
</span>
<div class="title-desc">Massage Table</div>
</div>
<div class="filds-input">
<div class="text-desc"><?php echo e($info['has_table'] ? 'YES' : 'NO'); ?></div>
</div>
</div>
</div>
</div>
</div>
<?php /*end book details text*/ ?>
<?php /*start price & voucher info*/ ?>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="txt-option">
<?php if($info['has_voucher']): ?>
Promotional Code used: <span class="val-option"><?php echo e($info['voucher']['name']); ?> <?php echo e($info['voucher']['code']); ?></span>
<?php else: ?>
<?php endif; ?>
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('custom_js'); ?>
<!-- new Clock -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-Knob/1.2.13/jquery.knob.min.js" integrity="sha512-NhRZzPdzMOMf005Xmd4JonwPftz4Pe99mRVcFeRDcdCtfjv46zPIi/7ZKScbpHD/V0HB1Eb+ZWigMqw94VUVaw==" crossorigin="anonymous"></script>
<!-- jQuery throttle-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js" integrity="sha512-JZSo0h5TONFYmyLMqp8k4oPhuo6yNk9mHM+FY50aBjpypfofqtEWsAgRDQm94ImLCzSaHeqNvYuD9382CEn2zw==" crossorigin="anonymous"></script>
<script type="text/javascript" src="<?php echo e(asset('themes/frontend_new/assets/js/jquery-countdowngampang-hours-minuts.min.js')); ?>"></script>
<?php
if(!empty($booking->time_left_in_seconds)){
?>
<script>
$(document).ready(function(){
var element = $('#countdown-gampang');
var time_left_in_seconds = $('#countdown-gampang').attr('clockTime');
var seconds = parseInt(time_left_in_seconds);
// alert(seconds);
var finish_d = new Date();
// alert(finish_d);
finish_d.setSeconds(finish_d.getSeconds() + seconds);
// alert(finish_d);
element.CountdownGampang({
rampung: finish_d,
theme: "flat-colors-very-wide"
}, function(){
window.location.reload(true);
});
});
</script>
<?php
}
?>
<!-- new clock end -->
<script src="<?php echo e(asset('/themes/frontend_new/assets/plugins/FlipClock/compiled/flipclock.js')); ?>"></script>
<script src="<?php echo e(asset('/themes/frontend_new/assets/js/gmaps.js')); ?>"></script>
<script type="text/javascript">
$(document).ready(function () {
var CSRF_TOKEN = $('input[name="_token"]').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': "<?php echo e(csrf_token()); ?>"
}
});
//clock
var clock = $('.clock-01').FlipClock($(".clock-01").attr('clocktime'), {
countdown: true,
clockFace: 'HourlyCounter',
autoStart: true,
});
//booking map
map = new GMaps({
div: '#map',
lat: <?php echo e($info['locationGeo']['lat']); ?>,
lng: <?php echo e($info['locationGeo']['lng']); ?>
});
//booking marker
var infoBookingWindow = new google.maps.InfoWindow({
content: '<p>Booking location</p>'
});
var bookingMarket = map.addMarker({
lat: <?php echo e($info['locationGeo']['lat']); ?>,
lng: <?php echo e($info['locationGeo']['lng']); ?>,
title: 'Booking location',
label: 'A',
});
infoBookingWindow.open(map, bookingMarket);
//therapist marker
var infoTherapistWindow = new google.maps.InfoWindow({
content: '<img class="img-responsive" src="<?php echo e($info['therapistImage'][0]); ?>" style="width:50px;"/>'
});
var therapistMarker = map.addMarker({
lat: <?php echo e($therapist['geo']['lat']); ?>,
lng: <?php echo e($therapist['geo']['lng']); ?>,
title: 'Therapist Location',
label: 'B',
infoWindow: infoTherapistWindow,
});
infoTherapistWindow.open(map, therapistMarker);
map.setCenter({lat: <?php echo e($therapist['geo']['lat']); ?>,
lng: <?php echo e($therapist['geo']['lng']); ?>});
//make request to server and move marker on map
window.setInterval(function(){
setTimeout( function(){
$.ajax({
method: "get",
url: "<?php echo route('account.profile.mybookings_getposition',['booking'=>$booking->id]); ?>",
cache: false,
dataType: "json",
})
.done(function(data) {
moveMarker(map,therapistMarker,data.lat,data.lng);
});
}, 1500);
}, 2000);
$(".tooltips").tooltip();
//cancel order booking
$(".cancel-booking").click(function(e) {
e.defaultPrevented;
var el = $(this);
var bookingID = $(this).attr('orderid');
var url = "<?php echo e(url('account/mybookings/cancel')); ?>/"+bookingID;
$.ajax({
url: url,
method: "post",
dataType: "json",
cache: false,
beforeSend: function() {
console.log(el);
el.prop('disabled',true);
el.html('<i class="fa fa-spin fa-spinner"></i> PROCESING...');
}
})
.done(function(data){
window.location = "<?php echo e(route('account.profile.mybookings')); ?>";
});
});
});
//move marker on map
function moveMarker( map, marker ,lat, lng) {
marker.setPosition( new google.maps.LatLng( lat, lng ) );
map.panTo( new google.maps.LatLng( lat, lng ) );
};
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBekf0YLhzpTbZszZ4mjyZRe4fA73zJ-Pk"></script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('users::frontend_new.layouts.booking', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>