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/css/font-awesome.min.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-countdown-demo.css')); ?>" type="text/css" media="screen">
<!--Bootstrap CSS-->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" /> -->
<!-- jQuery Classy Countdown CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.classycountdown@1.0.1/css/jquery.classycountdown.min.css">
<?php $__env->stopSection(); ?>
<?php
function secondsToMinutes($seconds) {
// Divide seconds by 60 to get minutes
$minutes = floor($seconds / 60);
return $minutes;
}
?>
<?php $__env->startSection('content'); ?>
<div class="book-zone">
<!-- start first booking-->
<?php $i=0;?>
<?php $__empty_1 = true; foreach($bookings as $booking): $__empty_1 = false; ?>
<?php $i++; $info = json_decode($booking->orderInfo,true);
// echo "<pre>";print_r($info);die;
?>
<?php if(!$booking->salon_id): ?>
<div style="margin-top:10px;">
<?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="pull-left display-inline-tab">
<img class="img-responsive clock-icon" src="<?php echo e(asset('/themes/frontend_new/assets/img/clock.png')); ?>"/>
</div> -->
<div class="text-center">
<div class="title-book text-center">
<b>Booking with <?php echo e(implode(', ',$info['therapist'])); ?></b>
</div>
</div>
<div class="text-center">
<div class="title-book text-center">
<b>ETA</b>
</div>
</div>
<!-- <div class="pull-right">
<div id="book-time-01">
<div class="clock-01" clocktime="<?php echo e($booking->time_left_in_seconds); ?>"></div>
<div class="message"></div>
</div>
</div> -->
</div>
</div>
<?php /* new counter */ ?>
<div id="countdown-gampang_<?php echo e($i); ?>" clockTime=<?php echo e($booking->time_left_in_seconds); ?>></div>
<?php /* new counter end */ ?>
<!-- end title-->
</div>
</div>
<?php /*end counter*/ ?>
</div>
<div class="dark-book-gray">
<div class="row">
<!-- start img therapist-->
<!-- <div class="col-xs-12 col-md-6">
<?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">
<!-- start booking details-->
<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">
<span class="input_icon">
<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 2.75C22.974 2.04688 22.7266 1.46094 22.2578 0.992188C21.7891 0.523438 21.2031 0.276042 20.5 0.25H3C2.29688 0.276042 1.71094 0.523438 1.24219 0.992188C0.773438 1.46094 0.526042 2.04688 0.5 2.75H23ZM23 4H0.5V15.25C0.526042 15.9531 0.773438 16.5391 1.24219 17.0078C1.71094 17.4766 2.29688 17.724 3 17.75H20.5C21.2031 17.724 21.7891 17.4766 22.2578 17.0078C22.7266 16.5391 22.974 15.9531 23 15.25V4ZM20.5 14.8203C20.474 15.0807 20.3307 15.224 20.0703 15.25H12.1797C11.9193 15.224 11.776 15.0807 11.75 14.8203C11.776 14.2474 11.9844 13.7656 12.375 13.375C12.7656 12.9844 13.2474 12.776 13.8203 12.75H18.4297C19.0026 12.776 19.4844 12.9844 19.875 13.375C20.2656 13.7656 20.474 14.2474 20.5 14.8203ZM16.125 6.5C17.0625 6.52604 17.7786 6.94271 18.2734 7.75C18.7422 8.58333 18.7422 9.41667 18.2734 10.25C17.7786 11.0573 17.0625 11.474 16.125 11.5C15.1875 11.474 14.4714 11.0573 13.9766 10.25C13.5078 9.41667 13.5078 8.58333 13.9766 7.75C14.4714 6.94271 15.1875 6.52604 16.125 6.5ZM9.25 7.125C9.22396 7.51562 9.01562 7.72396 8.625 7.75H3.625C3.23438 7.72396 3.02604 7.51562 3 7.125C3.02604 6.73438 3.23438 6.52604 3.625 6.5H8.625C9.01562 6.52604 9.22396 6.73438 9.25 7.125ZM9.25 9.625C9.22396 10.0156 9.01562 10.224 8.625 10.25H3.625C3.23438 10.224 3.02604 10.0156 3 9.625C3.02604 9.23438 3.23438 9.02604 3.625 9H8.625C9.01562 9.02604 9.22396 9.23438 9.25 9.625ZM9.25 12.125C9.22396 12.5156 9.01562 12.724 8.625 12.75H3.625C3.23438 12.724 3.02604 12.5156 3 12.125C3.02604 11.7344 3.23438 11.526 3.625 11.5H8.625C9.01562 11.526 9.22396 11.7344 9.25 12.125Z" fill="black"/>
</svg>
</span>
<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">Service Provider</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="25" height="20" viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.25 0C15.3385 0 14.5052 0.221354 13.75 0.664062C12.9948 1.10677 12.3828 1.71875 11.9141 2.5C11.4714 3.28125 11.25 4.11458 11.25 5C11.25 5.88542 11.4714 6.71875 11.9141 7.5C12.3828 8.28125 12.9948 8.89323 13.75 9.33594C14.5052 9.77865 15.3385 10 16.25 10C17.1615 10 17.9948 9.77865 18.75 9.33594C19.5052 8.89323 20.1172 8.28125 20.5859 7.5C21.0286 6.71875 21.25 5.88542 21.25 5C21.25 4.11458 21.0286 3.28125 20.5859 2.5C20.1172 1.71875 19.5052 1.10677 18.75 0.664062C17.9948 0.221354 17.1615 0 16.25 0ZM18.0469 11.875H14.4531C14.0104 11.875 13.5677 11.9141 13.125 11.9922C13.151 12.7734 12.8646 13.3594 12.2656 13.75C12.6042 13.9583 12.8516 14.2578 13.0078 14.6484C13.1641 15.013 13.1771 15.4036 13.0469 15.8203C12.8906 16.3411 12.6823 16.8359 12.4219 17.3047C12.1354 17.7734 11.8099 18.2031 11.4453 18.5938C11.1328 18.9323 10.7682 19.1146 10.3516 19.1406C9.96094 19.1927 9.58333 19.1276 9.21875 18.9453V18.9844C9.21875 19.349 9.11458 19.6875 8.90625 20H23.8281C24.1667 20 24.4401 19.8828 24.6484 19.6484C24.8828 19.4401 25 19.1667 25 18.8281C24.9479 16.875 24.2708 15.2344 22.9688 13.9062C21.6406 12.6042 20 11.9271 18.0469 11.875ZM7.96875 8.51562C7.94271 8.22917 7.79948 8.03385 7.53906 7.92969C7.1224 7.85156 6.69271 7.8125 6.25 7.8125C5.80729 7.8125 5.3776 7.85156 4.96094 7.92969C4.70052 8.03385 4.55729 8.22917 4.53125 8.51562V9.72656C4.21875 9.85677 3.93229 10.026 3.67188 10.2344L2.69531 9.64844C2.4349 9.51823 2.1875 9.55729 1.95312 9.76562C1.66667 10.0781 1.40625 10.4297 1.17188 10.8203C0.963542 11.2109 0.794271 11.6146 0.664062 12.0312C0.585938 12.3177 0.677083 12.5391 0.9375 12.6953L1.91406 13.2812C1.88802 13.4375 1.875 13.5938 1.875 13.75C1.875 13.9062 1.88802 14.0625 1.91406 14.2188L0.9375 14.7656C0.677083 14.9479 0.585938 15.1823 0.664062 15.4688C0.794271 15.8854 0.963542 16.2891 1.17188 16.6797C1.40625 17.0703 1.66667 17.4219 1.95312 17.7344C2.1875 17.9427 2.4349 17.9688 2.69531 17.8125L3.67188 17.2656C3.93229 17.474 4.21875 17.6432 4.53125 17.7734V18.9453C4.55729 19.2578 4.70052 19.4531 4.96094 19.5312C5.3776 19.6354 5.80729 19.6875 6.25 19.6875C6.69271 19.6875 7.1224 19.6354 7.53906 19.5312C7.79948 19.4531 7.94271 19.2578 7.96875 18.9453V17.7734C8.28125 17.6432 8.56771 17.474 8.82812 17.2656L9.80469 17.8125C10.0651 17.9427 10.3125 17.9167 10.5469 17.7344C10.8333 17.4219 11.0938 17.0703 11.3281 16.6797C11.5365 16.2891 11.7057 15.8854 11.8359 15.4688C11.9141 15.1823 11.8229 14.9479 11.5625 14.7656L10.5859 14.2188C10.612 14.0625 10.625 13.9062 10.625 13.75C10.625 13.5677 10.612 13.3984 10.5859 13.2422L11.5625 12.6953C11.8229 12.5391 11.9141 12.3177 11.8359 12.0312C11.7318 11.6146 11.5625 11.2109 11.3281 10.8203C11.0938 10.4297 10.8333 10.0781 10.5469 9.76562C10.3385 9.55729 10.0911 9.51823 9.80469 9.64844L8.86719 10.2344C8.58073 10.026 8.28125 9.85677 7.96875 9.72656V8.51562ZM4.375 13.75C4.375 13.0208 4.67448 12.4479 5.27344 12.0312C5.92448 11.6927 6.57552 11.6927 7.22656 12.0312C7.82552 12.4479 8.125 13.0208 8.125 13.75C8.125 14.4792 7.82552 15.0391 7.22656 15.4297C6.57552 15.7943 5.92448 15.7943 5.27344 15.4297C4.67448 15.0391 4.375 14.4792 4.375 13.75Z" fill="black"/>
</svg>
</span>
<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">Booking Time</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 0.25C8.99479 0.278646 7.16146 0.765625 5.5 1.71094C3.83854 2.6849 2.49219 4.03125 1.46094 5.75C0.486979 7.4974 0 9.33073 0 11.25C0 13.1693 0.486979 15.0026 1.46094 16.75C2.49219 18.4688 3.83854 19.8151 5.5 20.7891C7.16146 21.7344 8.99479 22.2214 11 22.25C13.0052 22.2214 14.8385 21.7344 16.5 20.7891C18.1615 19.8151 19.5078 18.4688 20.5391 16.75C21.513 15.0026 22 13.1693 22 11.25C22 9.33073 21.513 7.4974 20.5391 5.75C19.5078 4.03125 18.1615 2.6849 16.5 1.71094C14.8385 0.765625 13.0052 0.278646 11 0.25ZM12.0312 5.40625V11.25C12.0312 11.6224 11.8737 11.9089 11.5586 12.1094L7.43359 14.8594C6.88932 15.1745 6.41667 15.0742 6.01562 14.5586C5.70052 14.0143 5.80078 13.5417 6.31641 13.1406L9.96875 10.6914V5.40625C10.026 4.77604 10.3698 4.43229 11 4.375C11.6302 4.43229 11.974 4.77604 12.0312 5.40625Z" fill="black"/>
</svg>
</span>
<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">Booking Date</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 0.25C14.099 0.25 13.7695 0.378906 13.5117 0.636719C13.2539 0.894531 13.125 1.22396 13.125 1.625V3H7.625V1.625C7.625 1.22396 7.49609 0.894531 7.23828 0.636719C6.98047 0.378906 6.65104 0.25 6.25 0.25C5.84896 0.25 5.51953 0.378906 5.26172 0.636719C5.00391 0.894531 4.875 1.22396 4.875 1.625V3H2.8125C2.23958 3.02865 1.7526 3.22917 1.35156 3.60156C0.979167 4.0026 0.778646 4.48958 0.75 5.0625V7.125H20V5.0625C19.9714 4.48958 19.7708 4.0026 19.3984 3.60156C18.9974 3.22917 18.5104 3.02865 17.9375 3H15.875V1.625C15.875 1.22396 15.7461 0.894531 15.4883 0.636719C15.2305 0.378906 14.901 0.25 14.5 0.25ZM20 8.5H0.75V20.1875C0.778646 20.7604 0.979167 21.2474 1.35156 21.6484C1.7526 22.0208 2.23958 22.2214 2.8125 22.25H17.9375C18.5104 22.2214 18.9974 22.0208 19.3984 21.6484C19.7708 21.2474 19.9714 20.7604 20 20.1875V8.5ZM17.25 11.9375V13.3125C17.2214 13.7422 16.9922 13.9714 16.5625 14H15.1875C14.7578 13.9714 14.5286 13.7422 14.5 13.3125V11.9375C14.5286 11.5078 14.7578 11.2786 15.1875 11.25H16.5625C16.9922 11.2786 17.2214 11.5078 17.25 11.9375ZM11.75 11.9375V13.3125C11.7214 13.7422 11.4922 13.9714 11.0625 14H9.6875C9.25781 13.9714 9.02865 13.7422 9 13.3125V11.9375C9.02865 11.5078 9.25781 11.2786 9.6875 11.25H11.0625C11.4922 11.2786 11.7214 11.5078 11.75 11.9375ZM5.5625 11.25C5.99219 11.2786 6.22135 11.5078 6.25 11.9375V13.3125C6.22135 13.7422 5.99219 13.9714 5.5625 14H4.1875C3.75781 13.9714 3.52865 13.7422 3.5 13.3125V11.9375C3.52865 11.5078 3.75781 11.2786 4.1875 11.25H5.5625ZM17.25 17.4375V18.8125C17.2214 19.2422 16.9922 19.4714 16.5625 19.5H15.1875C14.7578 19.4714 14.5286 19.2422 14.5 18.8125V17.4375C14.5286 17.0078 14.7578 16.7786 15.1875 16.75H16.5625C16.9922 16.7786 17.2214 17.0078 17.25 17.4375ZM11.0625 16.75C11.4922 16.7786 11.7214 17.0078 11.75 17.4375V18.8125C11.7214 19.2422 11.4922 19.4714 11.0625 19.5H9.6875C9.25781 19.4714 9.02865 19.2422 9 18.8125V17.4375C9.02865 17.0078 9.25781 16.7786 9.6875 16.75H11.0625ZM6.25 17.4375V18.8125C6.22135 19.2422 5.99219 19.4714 5.5625 19.5H4.1875C3.75781 19.4714 3.52865 19.2422 3.5 18.8125V17.4375C3.52865 17.0078 3.75781 16.7786 4.1875 16.75H5.5625C5.99219 16.7786 6.22135 17.0078 6.25 17.4375Z" fill="black"/>
</svg>
</span>
<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">
<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</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 0.25C8.99479 0.278646 7.16146 0.765625 5.5 1.71094C3.83854 2.6849 2.49219 4.03125 1.46094 5.75C0.486979 7.4974 0 9.33073 0 11.25C0 13.1693 0.486979 15.0026 1.46094 16.75C2.49219 18.4688 3.83854 19.8151 5.5 20.7891C7.16146 21.7344 8.99479 22.2214 11 22.25C13.0052 22.2214 14.8385 21.7344 16.5 20.7891C18.1615 19.8151 19.5078 18.4688 20.5391 16.75C21.513 15.0026 22 13.1693 22 11.25C22 9.33073 21.513 7.4974 20.5391 5.75C19.5078 4.03125 18.1615 2.6849 16.5 1.71094C14.8385 0.765625 13.0052 0.278646 11 0.25ZM12.0312 5.40625V11.25C12.0312 11.6224 11.8737 11.9089 11.5586 12.1094L7.43359 14.8594C6.88932 15.1745 6.41667 15.0742 6.01562 14.5586C5.70052 14.0143 5.80078 13.5417 6.31641 13.1406L9.96875 10.6914V5.40625C10.026 4.77604 10.3698 4.43229 11 4.375C11.6302 4.43229 11.974 4.77604 12.0312 5.40625Z" fill="black"/>
</svg>
</span>
<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">
<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">Additional Comments</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 17.1182C11.4583 17.1182 12.8125 16.8838 14.0625 16.415C14.5573 16.8057 15.2604 17.2093 16.1719 17.626C17.1615 18.0687 18.2292 18.3161 19.375 18.3682C19.6354 18.3682 19.8307 18.238 19.9609 17.9775C20.0391 17.7171 19.987 17.4958 19.8047 17.3135C19.8047 17.2874 19.8047 17.2744 19.8047 17.2744C19.7786 17.2744 19.7656 17.2614 19.7656 17.2354C19.7135 17.1833 19.6484 17.1051 19.5703 17.001C19.388 16.8187 19.1927 16.5452 18.9844 16.1807C18.5417 15.5036 18.2552 14.6833 18.125 13.7197C19.349 12.3656 19.974 10.79 20 8.99316C19.974 7.48275 19.5182 6.11556 18.6328 4.8916C17.7474 3.66764 16.5495 2.69108 15.0391 1.96191C13.5547 1.25879 11.875 0.894206 10 0.868164C8.125 0.894206 6.44531 1.25879 4.96094 1.96191C3.45052 2.69108 2.2526 3.66764 1.36719 4.8916C0.481771 6.11556 0.0260417 7.48275 0 8.99316C0.0260417 10.5036 0.481771 11.8708 1.36719 13.0947C2.2526 14.3187 3.45052 15.2952 4.96094 16.0244C6.44531 16.7275 8.125 17.0921 10 17.1182ZM6.67969 5.67285C6.99219 5.38639 7.34375 5.24316 7.73438 5.24316C8.125 5.24316 8.46354 5.38639 8.75 5.67285L9.33594 6.25879L7.26562 8.3291L6.67969 7.74316C6.39323 7.45671 6.25 7.11816 6.25 6.72754C6.25 6.33691 6.39323 5.98535 6.67969 5.67285ZM13.0469 9.96973V9.93066C13.2031 10.113 13.3073 10.3083 13.3594 10.5166L13.7109 11.9619C13.763 12.1963 13.7109 12.3916 13.5547 12.5479C13.3984 12.7041 13.2031 12.7562 12.9688 12.7041L11.5234 12.3525C11.3151 12.3005 11.1328 12.1963 10.9766 12.04L8.16406 9.22754L10.2344 7.15723L13.0469 9.96973Z" fill="black"/>
</svg>
</span>
<textarea type="text" name="body" class="form-control" id="info" placeholder="No Comments" style="height: 137px; resize:none" ></textarea>
</div>
</div>
</div>
<!-- <div class="col-md-12 filds-middle select-extend">
<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">Extend Booking</div>
</div>
<div class="filds-input">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Select Extension
<span class="caret"></span></button>
<ul class="dropdown-menu">
<?php foreach($extensions->chunk(4) as $extchunk): ?>
<?php foreach($extchunk as $ext): ?>
<?php
$price = $ext->price;
if ($info['therapistsOpt']=="4hands")
$price = $price*2;
?>
<li>
<a class="actionExtend" href="#" extId="<?php echo e($ext->id); ?>" extOrderId="<?php echo e($booking->id); ?>"><?php echo e($ext->name); ?> - ₤<?php echo e(number_format($price,2)); ?></a>
</li>
<?php endforeach; ?>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>
</div> -->
</div>
<!-- end booking details-->
</div>
<!-- </div> -->
<!-- end book details text-->
<!-- </div> -->
<!-- start price & voucher info-->
<div class="price-voucher-bg">
<div class="shaded-background-price-voucher">
<div class="row">
<!-- start price-->
<div class="col-xs-12 col-sm-12 col-md-12">
<!-- <div class="clearfix">
<div class="price-details pull-left">TOTAL COST: <span class="price-value">₤ <?php echo e($booking->amount); ?></span></div>
</div> -->
<!-- <div class="text-left">
<span class="title-desc">Massage Table Added:</span>
<span class="title-desc">
<?php echo e($info['has_table'] ? 'YES' : 'NO'); ?>
</span>
</div> -->
<!-- <?php if($info['has_transport']): ?>
<div class="text-left">
<span class="title-desc">Travel Supplements:</span>
<span class="title-desc">₤ <?php echo e($info['transport_cost']); ?></span>
</div>
<?php endif; ?> -->
<div class="text-left">
<!-- <?php if($info['has_voucher']): ?>
<span class="title-desc">Promotional Code used: <?php echo e($info['voucher']['name']); ?> <?php echo e($info['voucher']['code']); ?></span>
<?php endif; ?> -->
</div>
</div>
<!-- end price-->
</div>
</div>
</div>
<?php /*extensions*/ ?>
<!-- <div style="margin-top:10px;">
<?php /*<?php if(!isset($info['has_extension'])): ?>*/ ?>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-10">
<div class="title-desc">EXTEND YOUR BOOKING WITH:</div>
</div>
</div>
<div class="">
<?php foreach($extensions->chunk(4) as $extchunk): ?>
<?php foreach($extchunk as $ext): ?>
<?php
$price = $ext->price;
if ($info['therapistsOpt']=="4hands")
$price = $price*2;
?>
<button class="btn btn-warning actionExtend" type="button" extId="<?php echo e($ext->id); ?>" extOrderId="<?php echo e($booking->id); ?>"><?php echo e($ext->name); ?> - ₤<?php echo e(number_format($price,2)); ?></button>
<?php endforeach; ?>
<?php endforeach; ?>
</div>
<?php if(isset($info['extension']) && count($info['extension']) > 0): ?>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-10">
<div class="txt-option"><i class="fa fa-clock-o"></i> This booking has been extended with:
<?php foreach($info['extension'] as $extension): ?>
<?php endforeach; ?>
</div>
</div>
</div>
<?php endif; ?>
</div> -->
<?php /*end extensions*/ ?>
</div>
<div class="col-xs-12 col-md-12">
<div class="shaded-background sec-middle-block">
<!-- start booking details-->
<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">Location</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.5625 19.4922C6.82292 19.8047 7.13542 19.9609 7.5 19.9609C7.86458 19.9609 8.17708 19.8047 8.4375 19.4922C9.14062 18.6328 10 17.474 11.0156 16.0156C12.0312 14.5833 12.9427 13.099 13.75 11.5625C14.5312 10.026 14.9479 8.67188 15 7.5C14.9479 5.36458 14.2188 3.59375 12.8125 2.1875C11.4062 0.78125 9.63542 0.0520833 7.5 0C5.36458 0.0520833 3.59375 0.78125 2.1875 2.1875C0.78125 3.59375 0.0520833 5.36458 0 7.5C0.0520833 8.67188 0.46875 10.026 1.25 11.5625C2.05729 13.099 2.96875 14.5833 3.98438 16.0156C5 17.474 5.85938 18.6328 6.5625 19.4922ZM7.5 5C8.4375 5.02604 9.15365 5.44271 9.64844 6.25C10.1172 7.08333 10.1172 7.91667 9.64844 8.75C9.15365 9.55729 8.4375 9.97396 7.5 10C6.5625 9.97396 5.84635 9.55729 5.35156 8.75C4.88281 7.91667 4.88281 7.08333 5.35156 6.25C5.84635 5.44271 6.5625 5.02604 7.5 5Z" fill="black"/>
</svg>
</span>
<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">Equipment</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.9141 1.19531L12.8516 4.32031C12.6172 4.5026 12.5 4.75 12.5 5.0625V7.17188L8.24219 11.4297C7.66927 11.1432 7.05729 11.0521 6.40625 11.1562C5.78125 11.2344 5.22135 11.5078 4.72656 11.9766L0.351562 16.3516C0.117188 16.612 0 16.9115 0 17.25C0 17.5885 0.117188 17.888 0.351562 18.1484L2.85156 20.6484C3.11198 20.8828 3.41146 21 3.75 21C4.08854 21 4.38802 20.8828 4.64844 20.6484L9.02344 16.2734C9.49219 15.7786 9.76562 15.2188 9.84375 14.5938C9.94792 13.9427 9.85677 13.3307 9.57031 12.7578L13.8281 8.5H15.9375C16.25 8.5 16.4974 8.38281 16.6797 8.14844L19.8047 4.08594C20.0911 3.64323 20.0651 3.22656 19.7266 2.83594L18.1641 1.27344C17.7734 0.934896 17.3568 0.908854 16.9141 1.19531ZM19.2188 16.4688L13.4375 10.6484L11.0156 13.0703C11.224 13.9297 11.1719 14.776 10.8594 15.6094L15.4688 20.2188C15.9896 20.7396 16.6146 21 17.3438 21C18.099 20.974 18.724 20.7135 19.2188 20.2188C19.7135 19.724 19.974 19.099 20 18.3438C20 17.6146 19.7396 16.9896 19.2188 16.4688ZM0 6.625C0.0260417 7.77083 0.325521 8.78646 0.898438 9.67188C1.4974 10.5833 2.27865 11.2734 3.24219 11.7422L3.86719 11.1172C4.41406 10.5703 5.05208 10.1927 5.78125 9.98438C6.48438 9.80208 7.20052 9.80208 7.92969 9.98438L11.25 6.66406V6.625C11.1979 5.03646 10.651 3.70833 9.60938 2.64062C8.54167 1.59896 7.21354 1.05208 5.625 1C5.20833 1 4.80469 1.03906 4.41406 1.11719C4.20573 1.19531 4.07552 1.32552 4.02344 1.50781C3.97135 1.71615 4.02344 1.89844 4.17969 2.05469L6.67969 4.55469C6.8099 4.6849 6.875 4.84115 6.875 5.02344V7.25C6.84896 7.64062 6.64062 7.84896 6.25 7.875H4.02344C3.84115 7.875 3.6849 7.8099 3.55469 7.67969L1.05469 5.21875C0.898438 5.0625 0.716146 4.9974 0.507812 5.02344C0.325521 5.07552 0.195312 5.21875 0.117188 5.45312C0.0390625 5.81771 0 6.20833 0 6.625ZM17.8125 17.875C17.7604 18.4479 17.4479 18.7604 16.875 18.8125C16.3021 18.7604 15.9896 18.4479 15.9375 17.875C15.9896 17.3021 16.3021 16.9896 16.875 16.9375C17.4479 16.9896 17.7604 17.3021 17.8125 17.875Z" fill="black"/>
</svg>
</span>
<div class="text-desc"><?php echo e($info['has_table'] ? 'YES' : 'NO'); ?></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">Service</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 15.25C0.0260417 15.9531 0.273438 16.5391 0.742188 17.0078C1.21094 17.4766 1.79688 17.724 2.5 17.75H17.5C18.2031 17.724 18.7891 17.4766 19.2578 17.0078C19.7266 16.5391 19.974 15.9531 20 15.25V2.75C19.974 2.04688 19.7266 1.46094 19.2578 0.992188C18.7891 0.523438 18.2031 0.276042 17.5 0.25H12.5C11.6667 0.276042 11.0026 0.614583 10.5078 1.26562L9.76562 2.24219C9.50521 2.58073 9.16667 2.75 8.75 2.75H2.5C1.79688 2.77604 1.21094 3.02344 0.742188 3.49219C0.273438 3.96094 0.0260417 4.54688 0 5.25V15.25ZM5.58594 9.15625C5.32552 8.97396 5.2474 8.73958 5.35156 8.45312C5.42969 8.24479 5.52083 8.03646 5.625 7.82812L5.70312 7.67188C5.83333 7.46354 5.96354 7.28125 6.09375 7.125C6.32812 6.89062 6.57552 6.85156 6.83594 7.00781L6.95312 7.04688C7.34375 7.25521 7.73438 7.24219 8.125 7.00781C8.51562 6.77344 8.72396 6.44792 8.75 6.03125V5.875C8.77604 5.5625 8.93229 5.38021 9.21875 5.32812C9.47917 5.27604 9.73958 5.25 10 5.25C10.2604 5.25 10.5208 5.27604 10.7812 5.32812C11.0677 5.38021 11.224 5.5625 11.25 5.875V6.03125C11.276 6.44792 11.4844 6.77344 11.875 7.00781C12.2656 7.21615 12.6562 7.22917 13.0469 7.04688L13.1641 7.00781C13.4245 6.85156 13.6719 6.89062 13.9062 7.125C14.0365 7.28125 14.1667 7.46354 14.2969 7.67188L14.375 7.82812C14.4792 8.03646 14.5833 8.24479 14.6875 8.45312C14.7656 8.73958 14.6745 8.97396 14.4141 9.15625L14.2969 9.23438C13.9323 9.46875 13.75 9.80729 13.75 10.25C13.75 10.6927 13.9323 11.0312 14.2969 11.2656L14.4141 11.3438C14.6745 11.526 14.7656 11.7604 14.6875 12.0469C14.6094 12.2552 14.5052 12.4635 14.375 12.6719L14.2969 12.8281C14.1667 13.0365 14.0365 13.2188 13.9062 13.375C13.6979 13.6094 13.4505 13.6484 13.1641 13.4922L13.0469 13.4531C12.6562 13.2448 12.2656 13.2578 11.875 13.4922C11.4844 13.7266 11.276 14.0521 11.25 14.4688V14.5859C11.25 14.9245 11.0938 15.1198 10.7812 15.1719C10.5208 15.224 10.2604 15.25 10 15.25C9.73958 15.25 9.47917 15.224 9.21875 15.1719C8.93229 15.1198 8.77604 14.9245 8.75 14.5859V14.4688C8.72396 14.0521 8.51562 13.7266 8.125 13.4922C7.73438 13.2578 7.34375 13.2448 6.95312 13.4531L6.875 13.4922C6.58854 13.6484 6.34115 13.6094 6.13281 13.375C5.97656 13.2188 5.83333 13.0365 5.70312 12.8281L5.625 12.6719C5.52083 12.4635 5.42969 12.2552 5.35156 12.0469C5.2474 11.7604 5.32552 11.526 5.58594 11.3438L5.70312 11.2656C6.06771 11.0312 6.25 10.6927 6.25 10.25C6.25 9.80729 6.06771 9.46875 5.70312 9.23438L5.58594 9.15625ZM11.5625 10.25C11.5365 9.65104 11.276 9.19531 10.7812 8.88281C10.2604 8.6224 9.73958 8.6224 9.21875 8.88281C8.72396 9.19531 8.46354 9.65104 8.4375 10.25C8.46354 10.849 8.72396 11.3047 9.21875 11.6172C9.73958 11.8776 10.2604 11.8776 10.7812 11.6172C11.276 11.3047 11.5365 10.849 11.5625 10.25Z" fill="black"/>
</svg>
</span>
<div class="text-desc"><?php echo e($booking->massage_type); ?>
<?php if($booking->duraton): ?> ( ₤ <?php echo e($booking->duraton[0]->price); ?> )
<?php endif; ?></div>
</div>
</div>
</div>
<?php if($info['has_transport']): ?>
<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">Travel Supplement</div>
</div>
<div class="filds-input">
<span class="input_icon">
</span>
<div class="text-desc">₤ <?php echo e($info['transport_cost']); ?></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if($info['has_voucher']): ?>
<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">Voucher</div>
</div>
<div class="filds-input">
<span class="input_icon">
</span>
<div class="text-desc"><?php echo e($info['voucher']['code']); ?> ₤ <?php echo e($info['voucher']['discount']); ?></div>
</div>
</div>
</div>
<?php endif; ?>
<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">Total Cost</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 3.41406C22.974 2.91927 22.7656 2.54167 22.375 2.28125C22.0104 2.04688 21.5807 1.98177 21.0859 2.08594C19.5495 2.47656 18 2.55469 16.4375 2.32031C14.875 2.11198 13.3125 1.78646 11.75 1.34375C10.0573 0.875 8.35156 0.536458 6.63281 0.328125C4.9401 0.119792 3.2474 0.302083 1.55469 0.875C0.877604 1.1875 0.526042 1.73438 0.5 2.51562V14.5859C0.526042 15.0807 0.734375 15.4453 1.125 15.6797C1.51562 15.9401 1.94531 16.0182 2.41406 15.9141C3.95052 15.5234 5.5 15.4323 7.0625 15.6406C8.625 15.875 10.1875 16.2135 11.75 16.6562C13.4427 17.125 15.1354 17.4635 16.8281 17.6719C18.5469 17.8802 20.2526 17.6979 21.9453 17.125C22.6224 16.8125 22.974 16.2656 23 15.4844V3.41406ZM11.75 12.75C10.8646 12.724 10.1224 12.3594 9.52344 11.6562C8.95052 10.9531 8.65104 10.0677 8.625 9C8.65104 7.93229 8.95052 7.04688 9.52344 6.34375C10.1224 5.64062 10.8646 5.27604 11.75 5.25C12.6354 5.27604 13.3776 5.64062 13.9766 6.34375C14.5495 7.04688 14.849 7.93229 14.875 9C14.849 10.0677 14.5495 10.9531 13.9766 11.6562C13.3776 12.3594 12.6354 12.724 11.75 12.75ZM20.5 12.75V15.25H18C18.026 14.5469 18.2734 13.9609 18.7422 13.4922C19.2109 13.0234 19.7969 12.776 20.5 12.75ZM18 4.625H20.5V7.125C19.7969 7.09896 19.2109 6.85156 18.7422 6.38281C18.2734 5.91406 18.026 5.32812 18 4.625ZM3 10.875C3.70312 10.901 4.28906 11.1484 4.75781 11.6172C5.22656 12.0859 5.47396 12.6719 5.5 13.375H3V10.875ZM5.5 2.75C5.47396 3.45312 5.22656 4.03906 4.75781 4.50781C4.28906 4.97656 3.70312 5.22396 3 5.25V2.75H5.5Z" fill="black"/>
</svg>
</span>
<div class="text-desc">₤ <?php echo e($booking->amount); ?></div>
</div>
</div>
</div>
</div>
<!-- end booking details-->
</div>
</div>
<!-- start book details-->
<!-- start btns-->
<div class="col-sm-12 display-inline">
<?php if(true): ?>
<div class="button-group-style-3">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" 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*/ ?>
<!-- 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>
<!-- modal end -->
<?php /*end cancel modal*/ ?>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" style="margin-top:2px">
<a href="<?php echo e(route('account.profile.mybookings_edit',['id'=>$booking->id])); ?>" class="btn checkout-pay test">
SEND MESSAGE
</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" style="margin-top:2px">
<a href="<?php echo e(route('account.profile.mybookings_track',['booking'=>$booking->id])); ?>" class="btn checkout-pay test">
<i class="fa fa-map-marker" style="color:red" aria-hidden="true"></i>
TRACK
</a>
</div>
</div>
</div>
<?php else: ?>
<div class="button-group-style">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 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">
<?php if(secondsToMinutes($booking->time_left_in_seconds)>90): ?>
<p>Are you sure you want to cancel the booking?</p>
<?php else: ?>
<p>The booking amount is NOT REFUNDABLE. Would you like to continue?</p>
<?php endif; ?>
<div class="hover-toltp-btn">
<a orderid="<?php echo e($booking->id); ?>" 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*/ ?>
<!-- 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>
<!-- modal end -->
<?php /*end cancel modal*/ ?>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" style="margin-top:2px">
<a href="<?php echo e(route('account.profile.mybookings_edit',['id'=>$booking->id])); ?>" class="btn checkout-pay test">
SEND MESSAGE
</a>
</div>
</div>
</div>
<?php endif; ?>
</div>
<!-- end btns-->
</div>
</div>
<?php else: ?>
<div style="margin-top:10px;">
<?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="pull-left display-inline-tab">
<img class="img-responsive clock-icon" src="<?php echo e(asset('/themes/frontend_new/assets/img/clock.png')); ?>"/>
</div> -->
<div class="text-center">
<div class="title-book text-center" >
<b>Booking with <?php echo e($info['salon']['name']); ?></b>
</div>
</div>
</div>
</div>
<?php /* new counter */ ?>
<div id="countdown-gampang_<?php echo e($i); ?>" clockTime=<?php echo e($booking->time_left_in_seconds); ?>></div>
<?php /* new counter end */ ?>
<!-- end title-->
</div>
</div>
<?php /*end counter*/ ?>
</div>
<div class="dark-book-gray">
<div class="row">
<!-- start book details-->
<div class="col-xs-12 col-md-12">
<div class="shaded-background sec-middle-block">
<!-- start booking details-->
<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">
<span class="input_icon">
<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 2.75C22.974 2.04688 22.7266 1.46094 22.2578 0.992188C21.7891 0.523438 21.2031 0.276042 20.5 0.25H3C2.29688 0.276042 1.71094 0.523438 1.24219 0.992188C0.773438 1.46094 0.526042 2.04688 0.5 2.75H23ZM23 4H0.5V15.25C0.526042 15.9531 0.773438 16.5391 1.24219 17.0078C1.71094 17.4766 2.29688 17.724 3 17.75H20.5C21.2031 17.724 21.7891 17.4766 22.2578 17.0078C22.7266 16.5391 22.974 15.9531 23 15.25V4ZM20.5 14.8203C20.474 15.0807 20.3307 15.224 20.0703 15.25H12.1797C11.9193 15.224 11.776 15.0807 11.75 14.8203C11.776 14.2474 11.9844 13.7656 12.375 13.375C12.7656 12.9844 13.2474 12.776 13.8203 12.75H18.4297C19.0026 12.776 19.4844 12.9844 19.875 13.375C20.2656 13.7656 20.474 14.2474 20.5 14.8203ZM16.125 6.5C17.0625 6.52604 17.7786 6.94271 18.2734 7.75C18.7422 8.58333 18.7422 9.41667 18.2734 10.25C17.7786 11.0573 17.0625 11.474 16.125 11.5C15.1875 11.474 14.4714 11.0573 13.9766 10.25C13.5078 9.41667 13.5078 8.58333 13.9766 7.75C14.4714 6.94271 15.1875 6.52604 16.125 6.5ZM9.25 7.125C9.22396 7.51562 9.01562 7.72396 8.625 7.75H3.625C3.23438 7.72396 3.02604 7.51562 3 7.125C3.02604 6.73438 3.23438 6.52604 3.625 6.5H8.625C9.01562 6.52604 9.22396 6.73438 9.25 7.125ZM9.25 9.625C9.22396 10.0156 9.01562 10.224 8.625 10.25H3.625C3.23438 10.224 3.02604 10.0156 3 9.625C3.02604 9.23438 3.23438 9.02604 3.625 9H8.625C9.01562 9.02604 9.22396 9.23438 9.25 9.625ZM9.25 12.125C9.22396 12.5156 9.01562 12.724 8.625 12.75H3.625C3.23438 12.724 3.02604 12.5156 3 12.125C3.02604 11.7344 3.23438 11.526 3.625 11.5H8.625C9.01562 11.526 9.22396 11.7344 9.25 12.125Z" fill="black"/>
</svg>
</span>
<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">Practitioner</div>
</div>
<div class="filds-input">
<div class="text-desc"></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">Name</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.25 10.5C10.1615 10.5 10.9948 10.2786 11.75 9.83594C12.5052 9.39323 13.1172 8.78125 13.5859 8C14.0286 7.21875 14.25 6.38542 14.25 5.5C14.25 4.61458 14.0286 3.78125 13.5859 3C13.1172 2.21875 12.5052 1.60677 11.75 1.16406C10.9948 0.721354 10.1615 0.5 9.25 0.5C8.33854 0.5 7.50521 0.721354 6.75 1.16406C5.99479 1.60677 5.38281 2.21875 4.91406 3C4.47135 3.78125 4.25 4.61458 4.25 5.5C4.25 6.38542 4.47135 7.21875 4.91406 8C5.38281 8.78125 5.99479 9.39323 6.75 9.83594C7.50521 10.2786 8.33854 10.5 9.25 10.5ZM11.0469 12.375H7.45312C5.5 12.4271 3.85938 13.1042 2.53125 14.4062C1.22917 15.7344 0.552083 17.375 0.5 19.3281C0.5 19.6667 0.617188 19.9401 0.851562 20.1484C1.0599 20.3828 1.33333 20.5 1.67188 20.5H16.8281C17.1667 20.5 17.4401 20.3828 17.6484 20.1484C17.8828 19.9401 18 19.6667 18 19.3281C17.9479 17.375 17.2708 15.7344 15.9688 14.4062C14.6406 13.1042 13 12.4271 11.0469 12.375Z" fill="black"/>
</svg>
</span>
<div class="text-desc"><?php echo e($info['salon']['name']); ?></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">Service Provider</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="25" height="20" viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.25 0C15.3385 0 14.5052 0.221354 13.75 0.664062C12.9948 1.10677 12.3828 1.71875 11.9141 2.5C11.4714 3.28125 11.25 4.11458 11.25 5C11.25 5.88542 11.4714 6.71875 11.9141 7.5C12.3828 8.28125 12.9948 8.89323 13.75 9.33594C14.5052 9.77865 15.3385 10 16.25 10C17.1615 10 17.9948 9.77865 18.75 9.33594C19.5052 8.89323 20.1172 8.28125 20.5859 7.5C21.0286 6.71875 21.25 5.88542 21.25 5C21.25 4.11458 21.0286 3.28125 20.5859 2.5C20.1172 1.71875 19.5052 1.10677 18.75 0.664062C17.9948 0.221354 17.1615 0 16.25 0ZM18.0469 11.875H14.4531C14.0104 11.875 13.5677 11.9141 13.125 11.9922C13.151 12.7734 12.8646 13.3594 12.2656 13.75C12.6042 13.9583 12.8516 14.2578 13.0078 14.6484C13.1641 15.013 13.1771 15.4036 13.0469 15.8203C12.8906 16.3411 12.6823 16.8359 12.4219 17.3047C12.1354 17.7734 11.8099 18.2031 11.4453 18.5938C11.1328 18.9323 10.7682 19.1146 10.3516 19.1406C9.96094 19.1927 9.58333 19.1276 9.21875 18.9453V18.9844C9.21875 19.349 9.11458 19.6875 8.90625 20H23.8281C24.1667 20 24.4401 19.8828 24.6484 19.6484C24.8828 19.4401 25 19.1667 25 18.8281C24.9479 16.875 24.2708 15.2344 22.9688 13.9062C21.6406 12.6042 20 11.9271 18.0469 11.875ZM7.96875 8.51562C7.94271 8.22917 7.79948 8.03385 7.53906 7.92969C7.1224 7.85156 6.69271 7.8125 6.25 7.8125C5.80729 7.8125 5.3776 7.85156 4.96094 7.92969C4.70052 8.03385 4.55729 8.22917 4.53125 8.51562V9.72656C4.21875 9.85677 3.93229 10.026 3.67188 10.2344L2.69531 9.64844C2.4349 9.51823 2.1875 9.55729 1.95312 9.76562C1.66667 10.0781 1.40625 10.4297 1.17188 10.8203C0.963542 11.2109 0.794271 11.6146 0.664062 12.0312C0.585938 12.3177 0.677083 12.5391 0.9375 12.6953L1.91406 13.2812C1.88802 13.4375 1.875 13.5938 1.875 13.75C1.875 13.9062 1.88802 14.0625 1.91406 14.2188L0.9375 14.7656C0.677083 14.9479 0.585938 15.1823 0.664062 15.4688C0.794271 15.8854 0.963542 16.2891 1.17188 16.6797C1.40625 17.0703 1.66667 17.4219 1.95312 17.7344C2.1875 17.9427 2.4349 17.9688 2.69531 17.8125L3.67188 17.2656C3.93229 17.474 4.21875 17.6432 4.53125 17.7734V18.9453C4.55729 19.2578 4.70052 19.4531 4.96094 19.5312C5.3776 19.6354 5.80729 19.6875 6.25 19.6875C6.69271 19.6875 7.1224 19.6354 7.53906 19.5312C7.79948 19.4531 7.94271 19.2578 7.96875 18.9453V17.7734C8.28125 17.6432 8.56771 17.474 8.82812 17.2656L9.80469 17.8125C10.0651 17.9427 10.3125 17.9167 10.5469 17.7344C10.8333 17.4219 11.0938 17.0703 11.3281 16.6797C11.5365 16.2891 11.7057 15.8854 11.8359 15.4688C11.9141 15.1823 11.8229 14.9479 11.5625 14.7656L10.5859 14.2188C10.612 14.0625 10.625 13.9062 10.625 13.75C10.625 13.5677 10.612 13.3984 10.5859 13.2422L11.5625 12.6953C11.8229 12.5391 11.9141 12.3177 11.8359 12.0312C11.7318 11.6146 11.5625 11.2109 11.3281 10.8203C11.0938 10.4297 10.8333 10.0781 10.5469 9.76562C10.3385 9.55729 10.0911 9.51823 9.80469 9.64844L8.86719 10.2344C8.58073 10.026 8.28125 9.85677 7.96875 9.72656V8.51562ZM4.375 13.75C4.375 13.0208 4.67448 12.4479 5.27344 12.0312C5.92448 11.6927 6.57552 11.6927 7.22656 12.0312C7.82552 12.4479 8.125 13.0208 8.125 13.75C8.125 14.4792 7.82552 15.0391 7.22656 15.4297C6.57552 15.7943 5.92448 15.7943 5.27344 15.4297C4.67448 15.0391 4.375 14.4792 4.375 13.75Z" fill="black"/>
</svg>
</span>
<div class="text-desc"><?php echo e($info['therapist']['name']); ?></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">Contact No.</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.44531 1.59473L8.00781 5.34473C8.24219 6.04785 8.08594 6.64681 7.53906 7.1416L5.625 8.7041C6.27604 10.0843 7.13542 11.3213 8.20312 12.415C9.29688 13.4827 10.5339 14.3421 11.9141 14.9932L13.4766 13.0791C13.9714 12.5322 14.5703 12.376 15.2734 12.6104L19.0234 14.1729C19.4141 14.3291 19.6875 14.5765 19.8438 14.915C20 15.2796 20.0391 15.6572 19.9609 16.0479L19.0234 19.4854C18.763 20.1885 18.2552 20.5661 17.5 20.6182C14.2448 20.5921 11.3021 19.7979 8.67188 18.2354C6.04167 16.6729 3.94531 14.5765 2.38281 11.9463C0.820312 9.31608 0.0260417 6.37337 0 3.11816C0.0520833 2.36296 0.429688 1.85514 1.13281 1.59473L4.57031 0.657227C4.96094 0.579102 5.33854 0.618164 5.70312 0.774414C6.04167 0.930664 6.28906 1.2041 6.44531 1.59473Z" fill="black"/>
</svg>
</span>
<div class="text-desc"><?php echo e($info['salon']['profile']['mobile_number']); ?></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">Booking Time</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 0.25C8.99479 0.278646 7.16146 0.765625 5.5 1.71094C3.83854 2.6849 2.49219 4.03125 1.46094 5.75C0.486979 7.4974 0 9.33073 0 11.25C0 13.1693 0.486979 15.0026 1.46094 16.75C2.49219 18.4688 3.83854 19.8151 5.5 20.7891C7.16146 21.7344 8.99479 22.2214 11 22.25C13.0052 22.2214 14.8385 21.7344 16.5 20.7891C18.1615 19.8151 19.5078 18.4688 20.5391 16.75C21.513 15.0026 22 13.1693 22 11.25C22 9.33073 21.513 7.4974 20.5391 5.75C19.5078 4.03125 18.1615 2.6849 16.5 1.71094C14.8385 0.765625 13.0052 0.278646 11 0.25ZM12.0312 5.40625V11.25C12.0312 11.6224 11.8737 11.9089 11.5586 12.1094L7.43359 14.8594C6.88932 15.1745 6.41667 15.0742 6.01562 14.5586C5.70052 14.0143 5.80078 13.5417 6.31641 13.1406L9.96875 10.6914V5.40625C10.026 4.77604 10.3698 4.43229 11 4.375C11.6302 4.43229 11.974 4.77604 12.0312 5.40625Z" fill="black"/>
</svg>
</span>
<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">Booking Date</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 0.868164C14.099 0.868164 13.7695 0.99707 13.5117 1.25488C13.2539 1.5127 13.125 1.84212 13.125 2.24316V3.61816H7.625V2.24316C7.625 1.84212 7.49609 1.5127 7.23828 1.25488C6.98047 0.99707 6.65104 0.868164 6.25 0.868164C5.84896 0.868164 5.51953 0.99707 5.26172 1.25488C5.00391 1.5127 4.875 1.84212 4.875 2.24316V3.61816H2.8125C2.23958 3.64681 1.7526 3.84733 1.35156 4.21973C0.979167 4.62077 0.778646 5.10775 0.75 5.68066V7.74316H20V5.68066C19.9714 5.10775 19.7708 4.62077 19.3984 4.21973C18.9974 3.84733 18.5104 3.64681 17.9375 3.61816H15.875V2.24316C15.875 1.84212 15.7461 1.5127 15.4883 1.25488C15.2305 0.99707 14.901 0.868164 14.5 0.868164ZM20 9.11816H0.75V20.8057C0.778646 21.3786 0.979167 21.8656 1.35156 22.2666C1.7526 22.639 2.23958 22.8395 2.8125 22.8682H17.9375C18.5104 22.8395 18.9974 22.639 19.3984 22.2666C19.7708 21.8656 19.9714 21.3786 20 20.8057V9.11816ZM17.25 12.5557V13.9307C17.2214 14.3604 16.9922 14.5895 16.5625 14.6182H15.1875C14.7578 14.5895 14.5286 14.3604 14.5 13.9307V12.5557C14.5286 12.126 14.7578 11.8968 15.1875 11.8682H16.5625C16.9922 11.8968 17.2214 12.126 17.25 12.5557ZM11.75 12.5557V13.9307C11.7214 14.3604 11.4922 14.5895 11.0625 14.6182H9.6875C9.25781 14.5895 9.02865 14.3604 9 13.9307V12.5557C9.02865 12.126 9.25781 11.8968 9.6875 11.8682H11.0625C11.4922 11.8968 11.7214 12.126 11.75 12.5557ZM5.5625 11.8682C5.99219 11.8968 6.22135 12.126 6.25 12.5557V13.9307C6.22135 14.3604 5.99219 14.5895 5.5625 14.6182H4.1875C3.75781 14.5895 3.52865 14.3604 3.5 13.9307V12.5557C3.52865 12.126 3.75781 11.8968 4.1875 11.8682H5.5625ZM17.25 18.0557V19.4307C17.2214 19.8604 16.9922 20.0895 16.5625 20.1182H15.1875C14.7578 20.0895 14.5286 19.8604 14.5 19.4307V18.0557C14.5286 17.626 14.7578 17.3968 15.1875 17.3682H16.5625C16.9922 17.3968 17.2214 17.626 17.25 18.0557ZM11.0625 17.3682C11.4922 17.3968 11.7214 17.626 11.75 18.0557V19.4307C11.7214 19.8604 11.4922 20.0895 11.0625 20.1182H9.6875C9.25781 20.0895 9.02865 19.8604 9 19.4307V18.0557C9.02865 17.626 9.25781 17.3968 9.6875 17.3682H11.0625ZM6.25 18.0557V19.4307C6.22135 19.8604 5.99219 20.0895 5.5625 20.1182H4.1875C3.75781 20.0895 3.52865 19.8604 3.5 19.4307V18.0557C3.52865 17.626 3.75781 17.3968 4.1875 17.3682H5.5625C5.99219 17.3968 6.22135 17.626 6.25 18.0557Z" fill="black"/>
</svg>
</span>
<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">
<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</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 0.25C8.99479 0.278646 7.16146 0.765625 5.5 1.71094C3.83854 2.6849 2.49219 4.03125 1.46094 5.75C0.486979 7.4974 0 9.33073 0 11.25C0 13.1693 0.486979 15.0026 1.46094 16.75C2.49219 18.4688 3.83854 19.8151 5.5 20.7891C7.16146 21.7344 8.99479 22.2214 11 22.25C13.0052 22.2214 14.8385 21.7344 16.5 20.7891C18.1615 19.8151 19.5078 18.4688 20.5391 16.75C21.513 15.0026 22 13.1693 22 11.25C22 9.33073 21.513 7.4974 20.5391 5.75C19.5078 4.03125 18.1615 2.6849 16.5 1.71094C14.8385 0.765625 13.0052 0.278646 11 0.25ZM12.0312 5.40625V11.25C12.0312 11.6224 11.8737 11.9089 11.5586 12.1094L7.43359 14.8594C6.88932 15.1745 6.41667 15.0742 6.01562 14.5586C5.70052 14.0143 5.80078 13.5417 6.31641 13.1406L9.96875 10.6914V5.40625C10.026 4.77604 10.3698 4.43229 11 4.375C11.6302 4.43229 11.974 4.77604 12.0312 5.40625Z" fill="black"/>
</svg>
</span>
<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">
<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">Additional Comments</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 17.1182C11.4583 17.1182 12.8125 16.8838 14.0625 16.415C14.5573 16.8057 15.2604 17.2093 16.1719 17.626C17.1615 18.0687 18.2292 18.3161 19.375 18.3682C19.6354 18.3682 19.8307 18.238 19.9609 17.9775C20.0391 17.7171 19.987 17.4958 19.8047 17.3135C19.8047 17.2874 19.8047 17.2744 19.8047 17.2744C19.7786 17.2744 19.7656 17.2614 19.7656 17.2354C19.7135 17.1833 19.6484 17.1051 19.5703 17.001C19.388 16.8187 19.1927 16.5452 18.9844 16.1807C18.5417 15.5036 18.2552 14.6833 18.125 13.7197C19.349 12.3656 19.974 10.79 20 8.99316C19.974 7.48275 19.5182 6.11556 18.6328 4.8916C17.7474 3.66764 16.5495 2.69108 15.0391 1.96191C13.5547 1.25879 11.875 0.894206 10 0.868164C8.125 0.894206 6.44531 1.25879 4.96094 1.96191C3.45052 2.69108 2.2526 3.66764 1.36719 4.8916C0.481771 6.11556 0.0260417 7.48275 0 8.99316C0.0260417 10.5036 0.481771 11.8708 1.36719 13.0947C2.2526 14.3187 3.45052 15.2952 4.96094 16.0244C6.44531 16.7275 8.125 17.0921 10 17.1182ZM6.67969 5.67285C6.99219 5.38639 7.34375 5.24316 7.73438 5.24316C8.125 5.24316 8.46354 5.38639 8.75 5.67285L9.33594 6.25879L7.26562 8.3291L6.67969 7.74316C6.39323 7.45671 6.25 7.11816 6.25 6.72754C6.25 6.33691 6.39323 5.98535 6.67969 5.67285ZM13.0469 9.96973V9.93066C13.2031 10.113 13.3073 10.3083 13.3594 10.5166L13.7109 11.9619C13.763 12.1963 13.7109 12.3916 13.5547 12.5479C13.3984 12.7041 13.2031 12.7562 12.9688 12.7041L11.5234 12.3525C11.3151 12.3005 11.1328 12.1963 10.9766 12.04L8.16406 9.22754L10.2344 7.15723L13.0469 9.96973Z" fill="black"/>
</svg>
</span>
<textarea type="text" name="body" class="form-control" id="info" placeholder="No Comments" style="height: 137px; resize:none" ></textarea>
</div>
</div>
</div>
</div>
<!-- end booking details-->
</div>
<!-- </div> -->
<!-- end book details text-->
<!-- </div> -->
<!-- start price & voucher info-->
<div class="price-voucher-bg">
<div class="shaded-background-price-voucher">
<div class="row">
<!-- start price-->
<div class="col-xs-12 col-sm-12 col-md-12">
<!-- <div class="clearfix">
<div class="price-details pull-left">TOTAL COST: <span class="price-value">₤ <?php echo e($booking->amount); ?></span></div>
</div> -->
<div class="text-left">
</div>
</div>
<!-- end price-->
</div>
</div>
</div>
<?php /*extensions*/ ?>
<?php /*end extensions*/ ?>
</div>
<div class="col-xs-12 col-md-12">
<div class="shaded-background sec-middle-block">
<!-- start booking details-->
<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">Location</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.5625 19.4922C6.82292 19.8047 7.13542 19.9609 7.5 19.9609C7.86458 19.9609 8.17708 19.8047 8.4375 19.4922C9.14062 18.6328 10 17.474 11.0156 16.0156C12.0312 14.5833 12.9427 13.099 13.75 11.5625C14.5312 10.026 14.9479 8.67188 15 7.5C14.9479 5.36458 14.2188 3.59375 12.8125 2.1875C11.4062 0.78125 9.63542 0.0520833 7.5 0C5.36458 0.0520833 3.59375 0.78125 2.1875 2.1875C0.78125 3.59375 0.0520833 5.36458 0 7.5C0.0520833 8.67188 0.46875 10.026 1.25 11.5625C2.05729 13.099 2.96875 14.5833 3.98438 16.0156C5 17.474 5.85938 18.6328 6.5625 19.4922ZM7.5 5C8.4375 5.02604 9.15365 5.44271 9.64844 6.25C10.1172 7.08333 10.1172 7.91667 9.64844 8.75C9.15365 9.55729 8.4375 9.97396 7.5 10C6.5625 9.97396 5.84635 9.55729 5.35156 8.75C4.88281 7.91667 4.88281 7.08333 5.35156 6.25C5.84635 5.44271 6.5625 5.02604 7.5 5Z" fill="black"/>
</svg>
</span>
<div class="text-desc"><?php echo e($booking->address); ?></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">Total Cost</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="23" height="19" viewBox="0 0 23 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 4.03223C22.974 3.53743 22.7656 3.15983 22.375 2.89941C22.0104 2.66504 21.5807 2.59993 21.0859 2.7041C19.5495 3.09473 18 3.17285 16.4375 2.93848C14.875 2.73014 13.3125 2.40462 11.75 1.96191C10.0573 1.49316 8.35156 1.15462 6.63281 0.946289C4.9401 0.737956 3.2474 0.920247 1.55469 1.49316C0.877604 1.80566 0.526042 2.35254 0.5 3.13379V15.2041C0.526042 15.6989 0.734375 16.0635 1.125 16.2979C1.51562 16.5583 1.94531 16.6364 2.41406 16.5322C3.95052 16.1416 5.5 16.0505 7.0625 16.2588C8.625 16.4932 10.1875 16.8317 11.75 17.2744C13.4427 17.7432 15.1354 18.0817 16.8281 18.29C18.5469 18.4984 20.2526 18.3161 21.9453 17.7432C22.6224 17.4307 22.974 16.8838 23 16.1025V4.03223ZM11.75 13.3682C10.8646 13.3421 10.1224 12.9775 9.52344 12.2744C8.95052 11.5713 8.65104 10.6859 8.625 9.61816C8.65104 8.55046 8.95052 7.66504 9.52344 6.96191C10.1224 6.25879 10.8646 5.89421 11.75 5.86816C12.6354 5.89421 13.3776 6.25879 13.9766 6.96191C14.5495 7.66504 14.849 8.55046 14.875 9.61816C14.849 10.6859 14.5495 11.5713 13.9766 12.2744C13.3776 12.9775 12.6354 13.3421 11.75 13.3682ZM20.5 13.3682V15.8682H18C18.026 15.165 18.2734 14.5791 18.7422 14.1104C19.2109 13.6416 19.7969 13.3942 20.5 13.3682ZM18 5.24316H20.5V7.74316C19.7969 7.71712 19.2109 7.46973 18.7422 7.00098C18.2734 6.53223 18.026 5.94629 18 5.24316ZM3 11.4932C3.70312 11.5192 4.28906 11.7666 4.75781 12.2354C5.22656 12.7041 5.47396 13.29 5.5 13.9932H3V11.4932ZM5.5 3.36816C5.47396 4.07129 5.22656 4.65723 4.75781 5.12598C4.28906 5.59473 3.70312 5.84212 3 5.86816V3.36816H5.5Z" fill="black"/>
</svg>
</span>
<div class="text-desc">₤ <?php echo e($booking->amount); ?></div>
</div>
</div>
</div>
</div>
<!-- end booking details-->
</div>
</div>
<!-- start book details-->
<!-- start btns-->
<div class="col-sm-12 display-inline">
<div class="button-group-style">
<div class="row">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"></div>
<div class="col-xs-6 col-sm-6 col-md-6 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>Are you sure you want to cancel? </p>
<div class="hover-toltp-btn">
<a orderid="<?php echo e($booking->id); ?>" 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*/ ?>
<!-- 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>
<!-- modal end -->
<?php /*end cancel modal*/ ?>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"></div>
<!-- <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="margin-top:2px">
<a href="<?php echo e(route('account.profile.mybookings_edit',['id'=>$booking->id])); ?>" class="btn checkout-pay test">
SEND MESSAGE
</a>
</div> -->
</div>
</div>
</div>
<!-- end btns-->
</div>
</div>
<?php endif; ?>
<?php endforeach; if ($__empty_1): ?>
<div class="counter-background">
<div class="row center">
<!-- start title-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 display-inline">
<div class="clearfix center">
<!-- <div class="pull-left display-inline-tab">
</div> -->
<div class="pull-left display-inline-tab">
<div class="title-book">
<!-- <?php echo e(trans('users::account.text_no_bookings_1')); ?><br><?php echo e(trans('users::account.text_no_bookings_2')); ?><br><?php echo e(trans('users::account.text_no_bookings_3')); ?><br><?php echo e(trans('users::account.text_no_bookings_4')); ?> -->
</div>
<!-- <div class="container">
<form>
<div class="sec-postcode">
<div class="postcode-area-inner">
<div id="bloodhound">
<?php echo Form::text('findaddress_new',isset($booking['address'])?$booking['address']:null,['class'=>'testing form-control typeahead','style'=>'width:100%important!;','id'=>'findaddress_new']); ?>
</div>
<div class="ic-map">
<i class="fa fa-map-marker" aria-hidden="true"></i>
</div>
<a href="<?php echo e(url('booking/treatment')); ?>" class="btn-book">Book</a>
</div>
</div>
<div class="sec-postcode">
<div class="postcode-area-inner">
<div id="bloodhound">
<?php if($errors->any()): ?>
<div class="alert alert-dismissable alert-danger">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>
<?php echo e($errors->first()); ?>
</strong>
</div>
<?php endif; ?>
</div>
</div>
</div>
</form>
</div> -->
</div>
</div>
</div>
<!-- end title-->
</div>
</div>
<?php endif; ?>
<!-- end first booking-->
<?php echo e(Form::token()); ?>
</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>
<!-- jQuery -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script> -->
<!-- jQuery knob-->
<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)){
$i = 1;
foreach($bookings as $booking) {
?>
<script>
$(document).ready(function(){
var element = $('#countdown-gampang_<?php echo e($i); ?>');
var time_left_in_seconds = $('#countdown-gampang_<?php echo e($i); ?>').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-wide"
}
// , function(){
// window.location.reload(true);
// }
);
});
</script>
<?php
$i++;
}
}
?>
<script type="text/javascript">
$(document).ready(function () {
$('.clock-01').each(function(i,el){
var clock = $(el).FlipClock($(el).attr('clocktime'), {
countdown: true,
clockFace: 'dailyCounter',
autoStart: true,
});
});
var CSRF_TOKEN = $('input[name="_token"]').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': CSRF_TOKEN
}
});
$(".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.reload(true);
// el.html('CANCEL');
// el.prop('disabled',false);
});
});
$(".actionExtend").click(function(e){
console.log("---");
e.preventDefault();
var el = $(this);
var bookingId = el.attr('extOrderId');
var extensionId = el.attr('extId');
var url = "<?php echo e(url('booking/extension/check')); ?>/"+bookingId+"/"+extensionId;
var initialText = el.text();
var modalInfo = $('#modalInfo');
$.ajax({
url: url,
method: "get",
dataType: "json",
cache: false,
beforeSend: function() {
//all buttons with extends options get disabled
$('.actionExtend').attr('disabled',true);
el.removeClass('btn-warning');
el.addClass('btn-success');
return el.html('<i class="fa fa-spinner fa-spin"></i> processing your request, for extending: '+el.text());
}
})
.error(function(data,jqXHR, textStatus){
//get json response
try{
var response = jQuery.parseJSON(data.responseText);
modalInfo.find('.modal-title').html('<i class="fa fa-exclamation-circle" aria-hidden="true"></i> We are sorry...');
modalInfo.find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
modalInfo.modal('show');
}
catch(e){
//something went wrong. server error
modalInfo.find('.modal-title').text('Server error!');
modalInfo.find('.modal-body').html("<h5 class='text-danger'>We are sorry but something went wrong and your request could not be processed.</h5>");
modalInfo.modal('show');
}
//set initial text to button
el.html(initialText);
//activate all buttons
$('.actionExtend').attr('disabled',false);
el.removeClass('btn-success');
el.addClass('btn-warning');
})
.done(function(data){
$('.actionExtend').attr('disabled',false);
$('.actionExtend').removeClass('btn-success').addClass('btn-warning');
el.attr('disabled',true);
el.removeClass('btn-warning').addClass('btn-success');
el.html(initialText);
var response = data;
el.closest('.extends_options').html("<button class='btn btn-default'><i class='fa fa-spin fa-spinner'></i> Redirecting to checkout, please wait...</button>");
modalInfo.find('.modal-title').html('<i class="fa fa-check-circle" aria-hidden="true"></i> Success!');
modalInfo.find('.modal-body').html("<h5 class='text-success'>"+response.message+"</h5>");
modalInfo.modal('show');
//redirect to checkout page
window.location = "<?php echo e(route('bookings.extension.checkout')); ?>"
});
})
});
</script>
<script type="text/javascript">
$(document).ready(function () {
//initialize tooltip
$('[data-toggle="tooltip"]').tooltip();
//select hours and therapists
// load_hours(date);
});
</script>
<script type="text/javascript">
function initMap() {
var input = document.getElementById('findaddress_new');
console.log("input", input);
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.setComponentRestrictions({'country': ['UK']});//{'country': ['it']}
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace() ;
console.log(place);
var postalCode = '';
var postalCodeS = '';
var completeAddress = place.formatted_address;
console.log("address", completeAddress);
jQuery.each( place.address_components, function( index, value ){
console.log(value.types);
if(value.types[0]=='postal_code'){
console.log("inside if");
postalCode = value.long_name;
postalCodeS = value.short_name;
}
});
console.log("postal Code", postalCode);
//jQuery("#gaddress").text('Postal code : '+postalCode);
//jQuery("#gaddress_short").text('Short Postal code : '+postalCodeS);
//console.log(postalCode+" is the postal code");
var lat = place.geometry.location.lat();
var lng = place.geometry.location.lng();
//window.alert(JSON.stringify(place));
//window.alert(place.address_components[0].long_name); ------- long name of address
//window.alert(place.address_components[0].short_name); ------- short name of address
//jQuery("#final_address").val(place.formatted_address);
jQuery("#latitude").val(lat);
jQuery("#longitude").val(lng);
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.setpostcode')); ?>",
cache: false,
data: { postcode:postalCode, address: completeAddress },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
$('#modalInfo').find('.modal-title').text('ERROR');
$('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
$('#modalInfo').modal('show');
})
.done(function(data) {
selecttype();
console.log(data);
// load_hours(date);
// $('#modalInfo').find('.modal-title').text('SUCCESS');
// $('#modalInfo').find('.modal-body').html("<h5 class='text-success'>"+data.message+"</h5>");
// $('#modalInfo').modal('show');
});
});
}
$(document).ready(function () {
var CSRF_TOKEN = $('input[name="_token"]').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': CSRF_TOKEN
}
});
/*
//find address
var addressList = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
// limit: 20,
// sufficient: 40,
remote: {
url: 'getaddresslist/',
replace: function(url, uriEncodedQuery) {
var res = url + encodeURIComponent(uriEncodedQuery);
return res;
}
}
});
addressList.initialize();
console.log(addressList);
var addAddress = $('.typeahead').typeahead(null, {
name: 'address',
displayKey: 'StreetAddress',
source: addressList,
hint: false,
highlight: false,
minLength: 2,
limit: 1000,
templates: {
empty: [
'<div class="row">' +
'<div class="col-md-16 text-center text-danger">' +
'<i class="fa fa-exclamation-triangle "></i> The Postcode is not found!' +
'</div>'+
'</div>'
],
suggestion: function (data){
if (data.Error){
return '<div><i class="fa fa-info-circle"></i> '+data.Cause+'</div>'
}
else
return '<div><i class="fa fa-map-marker"></i> '+data.StreetAddress+' - '+data.Place+'</span></div>'
}
}
});
//get postcode address and checkit into bd
addAddress.on('typeahead:selected',function(evt,data){
if (data.Error){
return false;
}
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.getaddressdetails')); ?>",
cache: false,
data: { id:data.Id },
dataType: "json",
})
.done(function(addr) {
});
});
*/
var reservedTime = "300";
$('#findaddress_old').on('input', function () {
var address = $(this).val();
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.check_booking_address_input')); ?>",
cache: false,
data: {address:address},
dataType: "json",
})
.error(function (data) {
})
.done(function (data) {
})
console.log('do something');
});
/*check the minimum requirements for this massage session */
$("body").on('click','.check-booking-session-min-requirements', function () {
var address = $('#findaddress_old').val();
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.check_booking_session_min_requirements')); ?>",
cache: false,
data: { type:$(this).attr('massage-type'), address:address },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
$('#modalInfo').find('.modal-title').text('ERROR');
$('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
$('#modalInfo').modal('show');
})
.done(function(data){
//var response = jQuery.parseJSON(data.responseText);
if(data.url)
{
window.location.href = data.url;
}
});
});
//date
if ($("#datepicker").length>0){
<?php if(isset($booking['date'])): ?>
$("#datepicker").datepicker().datepicker("setDate", new Date('<?php echo e($booking['date']); ?>'));
var date = $('#datepicker').datepicker('getFormattedDate',"yyyy-mm-dd");
<?php else: ?>
var date = $('#datepicker').datepicker('getFormattedDate',"yyyy-mm-dd");
<?php endif; ?>
}
else{
var date = '<?php echo e(\Carbon\Carbon::now()->format('Y-m-d')); ?>';
}
//select no of therapists
selecttype();
// POPOVER FOCAL POINT
$('[data-toggle="popover"]').popover();
$(".focalpoint").click(function(){
$(this).toggleClass('selected');
var selectedfp=[];
$(".focalpoint.selected").each(function(i,el){
selectedfp.push($(el).attr('focal_point'));
});
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.setfocalpoints')); ?>",
cache: false,
data: { fp:selectedfp },
dataType: "json",
})
});
//add to basket
// $("body").on('click','.reservation-button, .checkout-button', function(){
// var url = $(this).attr('url');
// var toUrl = '<?php echo e(route("bookings.basket.index")); ?>';
// var bigContainer = $('.light-bg');
// $.ajax({
// method: "GET",
// url: url,
// cache: false,
// beforeSend: function(){
// bigContainer.addClass('blocked');
// }
// })
// .error(function(data){
// load_hours(date);
// displayTherapists();
// bigContainer.removeClass('blocked');
// var response = jQuery.parseJSON(data.responseText);
// $('#modalInfo').find('.modal-title').text('ERROR');
// $('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
// $('#modalInfo').modal('show');
// })
// .done(function(data) {
// window.location.href = toUrl;
// });
// });
// COUNTER
// var clock = $('.clock-01').FlipClock(reservedTime, {
// countdown: true,
// clockFace: 'MinuteCounter',
// autoStart: false,
// });
// var clock2 = $('.clock-02').FlipClock(reservedTime, {
// countdown: true,
// clockFace: 'MinuteCounter',
// autoStart: false,
// });
// DATE PICKER
// $('#datepicker').datepicker({
// startDate: '+1d',
// });
// displayTherapists();
// CUSTOM RADIO BUTTONS
function changeState(el) {
if (el.readOnly) el.checked = el.readOnly = false;
else if (!el.checked) el.readOnly = el.indeterminate = true;
}
//select massage info:location, duration, massage type
$("#validpostalcode").click(function(){
var postalcode = $("#postalcode");
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.setpostcode')); ?>",
cache: false,
data: { postcode:postalcode.val() },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
$('#modalInfo').find('.modal-title').text('ERROR');
$('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
$('#modalInfo').modal('show');
})
.done(function(data) {
selecttype();
load_hours(date);
$('#modalInfo').find('.modal-title').text('SUCCESS');
$('#modalInfo').find('.modal-body').html("<h5 class='text-success'>"+data.message+"</h5>");
$('#modalInfo').modal('show');
});
});
$("#duration").change(function(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.setduration')); ?>",
cache: false,
data: { duration:$(this).val() },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
})
.done(function(data){
load_hours(date);
});
});
$("#massage").change(function(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.setmassage')); ?>",
cache: false,
data: { massage:$(this).val() },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
})
.done(function(data){
load_hours(date);
// load_therapists();
// displayTherapists();
});
});
//select an hour
$("body").on('click','.selecthour', function(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.sethour')); ?>",
cache: false,
data: { hour:$(this).val() },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
})
.done(function(data){
load_therapists();
displayTherapists();
});
});
//select a therapist
$("body").on('click','.therapist', function(){
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.settherapistsnow')); ?>",
cache: false,
data: { 'thID':$(this).attr('therapist'),'hour': $(this).attr('hour')},
dataType: "json",
})
.error(function(data){
load_hours(date);
var response = jQuery.parseJSON(data.responseText);
$('#modalInfo').find('.modal-title').text('ERROR');
$('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
$('#modalInfo').modal('show');
})
.done(function(data){
date = selectdate();
displayTherapists();
// load_hours(date);
});
});
//select a therapist
$("body").on('click','.thNo', function(){
selecttype();
});
});
function selectdate(){
//date
if ($("#datepicker-later").length>0){
<?php /*<?php if(isset($booking['date'])): ?>*/ ?>
<?php /*console.log('aici');*/ ?>
<?php /*$("#datepicker-later").datepicker().datepicker("setDate", new Date('<?php echo e($booking['date']); ?>'));*/ ?>
<?php /*var date = $('#datepicker-later').datepicker('getFormattedDate',"yyyy-mm-dd");*/ ?>
<?php /*<?php else: ?>*/ ?>
var date = $('#datepicker-later').datepicker('getFormattedDate',"yyyy-mm-dd");
<?php /*<?php endif; ?>*/ ?>
}
else{
var date = '<?php echo e(\Carbon\Carbon::now()->format('Y-m-d')); ?>';
}
return date;
}
function selecttype(){
var el_val = "1_th";
$.ajax({
method: "POST",
url: "<?php echo e(route('bookings.settherapistsno')); ?>",
cache: false,
data: { 'thNo':el_val },
dataType: "json",
})
.error(function(data){
var response = jQuery.parseJSON(data.responseText);
})
.done(function(data){
load_therapists();
displayTherapists();
});
}
function displayTherapists(){
var therapistsnfo = $("#therapists_info");
$.ajax({
method: "GET",
url: "<?php echo e(route('bookings.selectedtherapists')); ?>",
cache: false,
beforeSend: function() {
therapistsnfo.html("<span class='text-white'><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data){
therapistsnfo.hide(0);
therapistsnfo.html(data);
therapistsnfo.fadeIn();
});
}
//add to basket
// $("body").on('click','.checkout-pay, .add-basket', function(){
// var url = $(this).attr('url');
// var toUrl = '<?php echo e(route("bookings.basket.index")); ?>';
// var bigContainer = $('.light-bg');
// $.ajax({
// method: "GET",
// url: url,
// cache: false,
// beforeSend: function(){
// bigContainer.addClass('blocked');
// }
// })
// .error(function(data){
// bigContainer.removeClass('blocked');
// var response = jQuery.parseJSON(data.responseText);
// $('#modalInfo').find('.modal-title').text('ERROR');
// $('#modalInfo').find('.modal-body').html("<h5 class='text-danger'>"+response.message+"</h5>");
// $('#modalInfo').modal('show');
// })
// .done(function(data) {
// window.location.href = toUrl;
// });
// });
//load hours
function load_hours(date){
load_therapists();
} //end load hours
//load therapists
function load_therapists(){
var therapists = $("#therapists");
$.ajax({
method: "GET",
url: "<?php echo route('bookings.gettherapistsnow'); ?>",
cache: false,
beforeSend: function() {
therapists.html("<span class='text-white'><i class='fa fa-spin fa-spinner fa-4x'></i></span>");
},
dataType: "html",
})
.done(function(data) {
therapists.hide(0);
therapists.html(data);
therapists.fadeIn();
});
} //end load therapists
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('users::frontend_new.layouts.booking', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>