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/www/dev/storage/framework/views/ |
<?php $__env->startSection('title','My Bookings'); ?>
<?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">
<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')); ?>">
--><link rel="stylesheet" href="<?php echo e(asset('themes/frontend_new/assets/css/css-chat-component.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-countdown-demo.css')); ?>" type="text/css" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.classycountdown@1.0.1/css/jquery.classycountdown.min.css">
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<div style="margin-top:10px;">
<?php /*start counter*/ ?>
<div class="counter-background sec-counter-main">
<div class="row center">
<div class="col-sm-12">
<div class="clearfix center">
<div class="text-center">
<div class="title-book text-center">
ETA
</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-3" style="margin-top:2px">
</div>
<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-md-3" style="margin-top:2px">
</div>
<!-- <a href="<?php echo e(route('account.profile.mybookings')); ?>" class="checkout-pay pull-right">BACK</a> -->
</div>
</div>
</div>
<!-- end btns-->
</div>
</div>
<?php /*end counter*/ ?>
<?php /*start booking info and message box*/ ?>
<div class="dark-book-gray">
<div class="row">
<!-- start img therapist-->
<!-- <div class="col-xs-12 col-sm-4 col-md-2">
<?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-12">
<div class="shaded-background sec-middle-block">
<div class="row">
<!-- start book details text-->
<div class="col-md-12 filds-one">
<!-- new chat design -->
<!-- BEGIN PROFILE CONTENT -->
<div class="profile-content">
<div class="row">
<div class="col-md-12">
<!--portlet body-->
<div class="portlet-body" id="chats">
<?php if($thread && $thread->messages): ?>
<div class="scroller" style="height: 352px;" data-always-visible="1" data-rail-visible1="1">
<ul class="chats">
<?php $i=0; $cUser=0; $lastUser=0; $side='in'; $lastSide='';?>
<?php foreach($thread->messages()->latest()->get() as $message): ?>
<?php
$cUser = $message->user->id;
if ($i>0 && $cUser>0 && $lastUser>0) {
if ($cUser == $lastUser){
$side = $lastSide;
}
else{
$side = ($lastSide=="in")?'out':'in';
}
} //endif
$i++;
$lastUser = $cUser;
$lastSide = $side;//
?>
<li class="<?php echo e($side); ?>">
<img class="avatar" alt="" src="data:image/jpeg;base64,<?php echo e(base64_encode($message->user->avatar)); ?>"/>
<div class="message">
<span class="arrow"></span>
<span href="#" class="name"><?php echo e($message->user->name); ?></span>
<span class="datetime">at <?php echo e($message->created_at->format('h:i A')); ?></span>
<span class="body">
<?php echo e($message->body); ?>
</span>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<!--form-->
<?php if($errors->has('message')): ?>
<div class="alert alert-danger"><?php echo e($errors->first('message', ':message')); ?></div>
<?php endif; ?>
<div class="chat-form">
<?php echo Form::open(array('url' => route('account.profile.mybookings_save_message',['booking'=>$booking->id]), 'method' => 'post', 'class' => 'bf')); ?>
<div class="input-cont">
<input class="form-control" type="text" name="message" placeholder="Type a message here..."/>
</div>
<div class="btn-cont">
<span class="arrow"></span>
<button class="btn blue icn-only">
<i class="fa fa-check icon-white"></i>
</button>
</div>
<?php echo e(Form::close()); ?>
</div>
<!--end form-->
</div>
<!--end portlet body-->
</div>
</div>
</div>
</div>
<!-- END PROFILE CONTENT -->
<!-- end new chat -->
<!-- <div class="aditional-info col-md-12">
<?php echo Form::open(array('url' => route('account.profile.mybookings_save_message',['booking'=>$booking->id]), 'method' => 'post')); ?>
<div class="message-field">
<textarea name="message" class="form-control" rows="3" placeholder="Your message"></textarea>
<div class="message-box-parent-main">
<div class="message-box-parent">
<?php if($thread && $thread->messages): ?>
<div style="margin-top:20px; padding-top:3% ; background: #fff;">
<?php foreach($thread->messages()->orderBy('created_at','desc')->get() as $message): ?>
<div class="treatment">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="treatment-title"><?php echo e($message->body); ?></div>
<div class="text-zone-description"><?php echo e($message->created_at->format('d M Y h:i A')); ?>, <?php echo e($message->user->name); ?></div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<div class="btn-com text-center">
<span>
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/btn.png')); ?>"/>
</span>
<button type="submit" class="button-login-trans">SEND MESSAGE</button>
</div>
<?php echo Form::close(); ?>
</div> -->
<!-- end book details text-->
</div>
</div>
</div>
</div>
</div>
<?php /*end booking info and message box*/ ?>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('custom_js'); ?>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=<?php echo e(config('googlemaps.key')); ?>&libraries=places&callback=initMap"></script>
<script src="<?php echo e(asset('/themes/frontend/assets/plugins/FlipClock/compiled/flipclock.js')); ?>"></script>
<script type="text/javascript" src="http://testt.zenlondon.co.uk/themes/frontend_new/assets/js/kinetic-countdown.js"></script>
<script type="text/javascript" src="http://testt.zenlondon.co.uk/themes/frontend_new/assets/js/jquery.final-countdown.js"></script>
<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.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
}
?>
<!-- <script src="<?php echo e(asset('/themes/frontend/assets/plugins/FlipClock/compiled/flipclock.js')); ?>"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.clock-01').each(function(i,el){
var clock = $(el).FlipClock($(el).attr('clocktime'), {
countdown: true,
clockFace: 'HourlyCounter',
autoStart: true,
});
});
var CSRF_TOKEN = $('input[name="_token"]').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': CSRF_TOKEN
}
});
});
</script> -->
<?php $__env->stopSection(); ?>
<?php echo $__env->make('users::frontend_new.layouts.booking', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>