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/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 $__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-->
<!-- start btns-->
<div class="col-sm-12 display-inline">
</div>
<!-- end btns-->
</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="19" viewBox="0 0 23 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 3.01562C22.974 2.3125 22.7266 1.72656 22.2578 1.25781C21.7891 0.789062 21.2031 0.541667 20.5 0.515625H3C2.29688 0.541667 1.71094 0.789062 1.24219 1.25781C0.773438 1.72656 0.526042 2.3125 0.5 3.01562H23ZM23 4.26562H0.5V15.5156C0.526042 16.2188 0.773438 16.8047 1.24219 17.2734C1.71094 17.7422 2.29688 17.9896 3 18.0156H20.5C21.2031 17.9896 21.7891 17.7422 22.2578 17.2734C22.7266 16.8047 22.974 16.2188 23 15.5156V4.26562ZM20.5 15.0859C20.474 15.3464 20.3307 15.4896 20.0703 15.5156H12.1797C11.9193 15.4896 11.776 15.3464 11.75 15.0859C11.776 14.513 11.9844 14.0312 12.375 13.6406C12.7656 13.25 13.2474 13.0417 13.8203 13.0156H18.4297C19.0026 13.0417 19.4844 13.25 19.875 13.6406C20.2656 14.0312 20.474 14.513 20.5 15.0859ZM16.125 6.76562C17.0625 6.79167 17.7786 7.20833 18.2734 8.01562C18.7422 8.84896 18.7422 9.68229 18.2734 10.5156C17.7786 11.3229 17.0625 11.7396 16.125 11.7656C15.1875 11.7396 14.4714 11.3229 13.9766 10.5156C13.5078 9.68229 13.5078 8.84896 13.9766 8.01562C14.4714 7.20833 15.1875 6.79167 16.125 6.76562ZM9.25 7.39062C9.22396 7.78125 9.01562 7.98958 8.625 8.01562H3.625C3.23438 7.98958 3.02604 7.78125 3 7.39062C3.02604 7 3.23438 6.79167 3.625 6.76562H8.625C9.01562 6.79167 9.22396 7 9.25 7.39062ZM9.25 9.89062C9.22396 10.2812 9.01562 10.4896 8.625 10.5156H3.625C3.23438 10.4896 3.02604 10.2812 3 9.89062C3.02604 9.5 3.23438 9.29167 3.625 9.26562H8.625C9.01562 9.29167 9.22396 9.5 9.25 9.89062ZM9.25 12.3906C9.22396 12.7812 9.01562 12.9896 8.625 13.0156H3.625C3.23438 12.9896 3.02604 12.7812 3 12.3906C3.02604 12 3.23438 11.7917 3.625 11.7656H8.625C9.01562 11.7917 9.22396 12 9.25 12.3906Z" 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="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.2497 0.5C15.3382 0.5 14.5049 0.721354 13.7497 1.16406C12.9945 1.60677 12.3825 2.21875 11.9138 3C11.4711 3.78125 11.2497 4.61458 11.2497 5.5C11.2497 6.38542 11.4711 7.21875 11.9138 8C12.3825 8.78125 12.9945 9.39323 13.7497 9.83594C14.5049 10.2786 15.3382 10.5 16.2497 10.5C17.1612 10.5 17.9945 10.2786 18.7497 9.83594C19.5049 9.39323 20.1169 8.78125 20.5856 8C21.0283 7.21875 21.2497 6.38542 21.2497 5.5C21.2497 4.61458 21.0283 3.78125 20.5856 3C20.1169 2.21875 19.5049 1.60677 18.7497 1.16406C17.9945 0.721354 17.1612 0.5 16.2497 0.5ZM18.0466 12.375H14.4528C14.0101 12.375 13.5674 12.4141 13.1247 12.4922C13.1507 13.2734 12.8643 13.8594 12.2653 14.25C12.6039 14.4583 12.8513 14.7578 13.0075 15.1484C13.1638 15.513 13.1768 15.9036 13.0466 16.3203C12.8903 16.8411 12.682 17.3359 12.4216 17.8047C12.1351 18.2734 11.8096 18.7031 11.445 19.0938C11.1325 19.4323 10.7679 19.6146 10.3513 19.6406C9.96064 19.6927 9.58303 19.6276 9.21845 19.4453V19.4844C9.21845 19.849 9.11428 20.1875 8.90595 20.5H23.8278C24.1664 20.5 24.4398 20.3828 24.6481 20.1484C24.8825 19.9401 24.9997 19.6667 24.9997 19.3281C24.9476 17.375 24.2705 15.7344 22.9684 14.4062C21.6403 13.1042 19.9997 12.4271 18.0466 12.375ZM7.96845 9.01562C7.94241 8.72917 7.79918 8.53385 7.53876 8.42969C7.1221 8.35156 6.69241 8.3125 6.2497 8.3125C5.80699 8.3125 5.3773 8.35156 4.96064 8.42969C4.70022 8.53385 4.55699 8.72917 4.53095 9.01562V10.2266C4.21845 10.3568 3.93199 10.526 3.67157 10.7344L2.69501 10.1484C2.4346 10.0182 2.1872 10.0573 1.95282 10.2656C1.66637 10.5781 1.40595 10.9297 1.17157 11.3203C0.963241 11.7109 0.79397 12.1146 0.663762 12.5312C0.585637 12.8177 0.676783 13.0391 0.9372 13.1953L1.91376 13.7812C1.88772 13.9375 1.8747 14.0938 1.8747 14.25C1.8747 14.4062 1.88772 14.5625 1.91376 14.7188L0.9372 15.2656C0.676783 15.4479 0.585637 15.6823 0.663762 15.9688C0.79397 16.3854 0.963241 16.7891 1.17157 17.1797C1.40595 17.5703 1.66637 17.9219 1.95282 18.2344C2.1872 18.4427 2.4346 18.4688 2.69501 18.3125L3.67157 17.7656C3.93199 17.974 4.21845 18.1432 4.53095 18.2734V19.4453C4.55699 19.7578 4.70022 19.9531 4.96064 20.0312C5.3773 20.1354 5.80699 20.1875 6.2497 20.1875C6.69241 20.1875 7.1221 20.1354 7.53876 20.0312C7.79918 19.9531 7.94241 19.7578 7.96845 19.4453V18.2734C8.28095 18.1432 8.56741 17.974 8.82782 17.7656L9.80439 18.3125C10.0648 18.4427 10.3122 18.4167 10.5466 18.2344C10.833 17.9219 11.0934 17.5703 11.3278 17.1797C11.5362 16.7891 11.7054 16.3854 11.8356 15.9688C11.9138 15.6823 11.8226 15.4479 11.5622 15.2656L10.5856 14.7188C10.6117 14.5625 10.6247 14.4062 10.6247 14.25C10.6247 14.0677 10.6117 13.8984 10.5856 13.7422L11.5622 13.1953C11.8226 13.0391 11.9138 12.8177 11.8356 12.5312C11.7315 12.1146 11.5622 11.7109 11.3278 11.3203C11.0934 10.9297 10.833 10.5781 10.5466 10.2656C10.3382 10.0573 10.0908 10.0182 9.80439 10.1484L8.86689 10.7344C8.58043 10.526 8.28095 10.3568 7.96845 10.2266V9.01562ZM4.3747 14.25C4.3747 13.5208 4.67418 12.9479 5.27314 12.5312C5.92418 12.1927 6.57522 12.1927 7.22626 12.5312C7.82522 12.9479 8.1247 13.5208 8.1247 14.25C8.1247 14.9792 7.82522 15.5391 7.22626 15.9297C6.57522 16.2943 5.92418 16.2943 5.27314 15.9297C4.67418 15.5391 4.3747 14.9792 4.3747 14.25Z" 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.75C8.99479 0.778646 7.16146 1.26562 5.5 2.21094C3.83854 3.1849 2.49219 4.53125 1.46094 6.25C0.486979 7.9974 0 9.83073 0 11.75C0 13.6693 0.486979 15.5026 1.46094 17.25C2.49219 18.9688 3.83854 20.3151 5.5 21.2891C7.16146 22.2344 8.99479 22.7214 11 22.75C13.0052 22.7214 14.8385 22.2344 16.5 21.2891C18.1615 20.3151 19.5078 18.9688 20.5391 17.25C21.513 15.5026 22 13.6693 22 11.75C22 9.83073 21.513 7.9974 20.5391 6.25C19.5078 4.53125 18.1615 3.1849 16.5 2.21094C14.8385 1.26562 13.0052 0.778646 11 0.75ZM12.0312 5.90625V11.75C12.0312 12.1224 11.8737 12.4089 11.5586 12.6094L7.43359 15.3594C6.88932 15.6745 6.41667 15.5742 6.01562 15.0586C5.70052 14.5143 5.80078 14.0417 6.31641 13.6406L9.96875 11.1914V5.90625C10.026 5.27604 10.3698 4.93229 11 4.875C11.6302 4.93229 11.974 5.27604 12.0312 5.90625Z" 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.75C14.099 0.75 13.7695 0.878906 13.5117 1.13672C13.2539 1.39453 13.125 1.72396 13.125 2.125V3.5H7.625V2.125C7.625 1.72396 7.49609 1.39453 7.23828 1.13672C6.98047 0.878906 6.65104 0.75 6.25 0.75C5.84896 0.75 5.51953 0.878906 5.26172 1.13672C5.00391 1.39453 4.875 1.72396 4.875 2.125V3.5H2.8125C2.23958 3.52865 1.7526 3.72917 1.35156 4.10156C0.979167 4.5026 0.778646 4.98958 0.75 5.5625V7.625H20V5.5625C19.9714 4.98958 19.7708 4.5026 19.3984 4.10156C18.9974 3.72917 18.5104 3.52865 17.9375 3.5H15.875V2.125C15.875 1.72396 15.7461 1.39453 15.4883 1.13672C15.2305 0.878906 14.901 0.75 14.5 0.75ZM20 9H0.75V20.6875C0.778646 21.2604 0.979167 21.7474 1.35156 22.1484C1.7526 22.5208 2.23958 22.7214 2.8125 22.75H17.9375C18.5104 22.7214 18.9974 22.5208 19.3984 22.1484C19.7708 21.7474 19.9714 21.2604 20 20.6875V9ZM17.25 12.4375V13.8125C17.2214 14.2422 16.9922 14.4714 16.5625 14.5H15.1875C14.7578 14.4714 14.5286 14.2422 14.5 13.8125V12.4375C14.5286 12.0078 14.7578 11.7786 15.1875 11.75H16.5625C16.9922 11.7786 17.2214 12.0078 17.25 12.4375ZM11.75 12.4375V13.8125C11.7214 14.2422 11.4922 14.4714 11.0625 14.5H9.6875C9.25781 14.4714 9.02865 14.2422 9 13.8125V12.4375C9.02865 12.0078 9.25781 11.7786 9.6875 11.75H11.0625C11.4922 11.7786 11.7214 12.0078 11.75 12.4375ZM5.5625 11.75C5.99219 11.7786 6.22135 12.0078 6.25 12.4375V13.8125C6.22135 14.2422 5.99219 14.4714 5.5625 14.5H4.1875C3.75781 14.4714 3.52865 14.2422 3.5 13.8125V12.4375C3.52865 12.0078 3.75781 11.7786 4.1875 11.75H5.5625ZM17.25 17.9375V19.3125C17.2214 19.7422 16.9922 19.9714 16.5625 20H15.1875C14.7578 19.9714 14.5286 19.7422 14.5 19.3125V17.9375C14.5286 17.5078 14.7578 17.2786 15.1875 17.25H16.5625C16.9922 17.2786 17.2214 17.5078 17.25 17.9375ZM11.0625 17.25C11.4922 17.2786 11.7214 17.5078 11.75 17.9375V19.3125C11.7214 19.7422 11.4922 19.9714 11.0625 20H9.6875C9.25781 19.9714 9.02865 19.7422 9 19.3125V17.9375C9.02865 17.5078 9.25781 17.2786 9.6875 17.25H11.0625ZM6.25 17.9375V19.3125C6.22135 19.7422 5.99219 19.9714 5.5625 20H4.1875C3.75781 19.9714 3.52865 19.7422 3.5 19.3125V17.9375C3.52865 17.5078 3.75781 17.2786 4.1875 17.25H5.5625C5.99219 17.2786 6.22135 17.5078 6.25 17.9375Z" 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-l.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.75C8.99479 0.778646 7.16146 1.26562 5.5 2.21094C3.83854 3.1849 2.49219 4.53125 1.46094 6.25C0.486979 7.9974 0 9.83073 0 11.75C0 13.6693 0.486979 15.5026 1.46094 17.25C2.49219 18.9688 3.83854 20.3151 5.5 21.2891C7.16146 22.2344 8.99479 22.7214 11 22.75C13.0052 22.7214 14.8385 22.2344 16.5 21.2891C18.1615 20.3151 19.5078 18.9688 20.5391 17.25C21.513 15.5026 22 13.6693 22 11.75C22 9.83073 21.513 7.9974 20.5391 6.25C19.5078 4.53125 18.1615 3.1849 16.5 2.21094C14.8385 1.26562 13.0052 0.778646 11 0.75ZM12.0312 5.90625V11.75C12.0312 12.1224 11.8737 12.4089 11.5586 12.6094L7.43359 15.3594C6.88932 15.6745 6.41667 15.5742 6.01562 15.0586C5.70052 14.5143 5.80078 14.0417 6.31641 13.6406L9.96875 11.1914V5.90625C10.026 5.27604 10.3698 4.93229 11 4.875C11.6302 4.93229 11.974 5.27604 12.0312 5.90625Z" 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="21" viewBox="0 0 15 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.5625 19.9922C6.82292 20.3047 7.13542 20.4609 7.5 20.4609C7.86458 20.4609 8.17708 20.3047 8.4375 19.9922C9.14062 19.1328 10 17.974 11.0156 16.5156C12.0312 15.0833 12.9427 13.599 13.75 12.0625C14.5312 10.526 14.9479 9.17188 15 8C14.9479 5.86458 14.2188 4.09375 12.8125 2.6875C11.4062 1.28125 9.63542 0.552083 7.5 0.5C5.36458 0.552083 3.59375 1.28125 2.1875 2.6875C0.78125 4.09375 0.0520833 5.86458 0 8C0.0520833 9.17188 0.46875 10.526 1.25 12.0625C2.05729 13.599 2.96875 15.0833 3.98438 16.5156C5 17.974 5.85938 19.1328 6.5625 19.9922ZM7.5 5.5C8.4375 5.52604 9.15365 5.94271 9.64844 6.75C10.1172 7.58333 10.1172 8.41667 9.64844 9.25C9.15365 10.0573 8.4375 10.474 7.5 10.5C6.5625 10.474 5.84635 10.0573 5.35156 9.25C4.88281 8.41667 4.88281 7.58333 5.35156 6.75C5.84635 5.94271 6.5625 5.52604 7.5 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="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.9141 0.194987L12.8516 3.31999C12.6172 3.50228 12.5 3.74967 12.5 4.06217V6.17155L8.24219 10.4294C7.66927 10.1429 7.05729 10.0518 6.40625 10.1559C5.78125 10.234 5.22135 10.5075 4.72656 10.9762L0.351562 15.3512C0.117188 15.6117 0 15.9111 0 16.2497C0 16.5882 0.117188 16.8877 0.351562 17.1481L2.85156 19.6481C3.11198 19.8825 3.41146 19.9997 3.75 19.9997C4.08854 19.9997 4.38802 19.8825 4.64844 19.6481L9.02344 15.2731C9.49219 14.7783 9.76562 14.2184 9.84375 13.5934C9.94792 12.9424 9.85677 12.3304 9.57031 11.7575L13.8281 7.49967H15.9375C16.25 7.49967 16.4974 7.38249 16.6797 7.14811L19.8047 3.08561C20.0911 2.6429 20.0651 2.22624 19.7266 1.83561L18.1641 0.273112C17.7734 -0.0654297 17.3568 -0.0914714 16.9141 0.194987ZM19.2188 15.4684L13.4375 9.64811L11.0156 12.07C11.224 12.9294 11.1719 13.7757 10.8594 14.609L15.4688 19.2184C15.9896 19.7393 16.6146 19.9997 17.3438 19.9997C18.099 19.9736 18.724 19.7132 19.2188 19.2184C19.7135 18.7236 19.974 18.0986 20 17.3434C20 16.6143 19.7396 15.9893 19.2188 15.4684ZM0 5.62467C0.0260417 6.77051 0.325521 7.78613 0.898438 8.67155C1.4974 9.58301 2.27865 10.2731 3.24219 10.7419L3.86719 10.1169C4.41406 9.56999 5.05208 9.19238 5.78125 8.98405C6.48438 8.80176 7.20052 8.80176 7.92969 8.98405L11.25 5.66374V5.62467C11.1979 4.03613 10.651 2.70801 9.60938 1.6403C8.54167 0.598633 7.21354 0.0517578 5.625 -0.000325521C5.20833 -0.000325521 4.80469 0.038737 4.41406 0.116862C4.20573 0.194987 4.07552 0.325195 4.02344 0.507487C3.97135 0.71582 4.02344 0.898112 4.17969 1.05436L6.67969 3.55436C6.8099 3.68457 6.875 3.84082 6.875 4.02311V6.24967C6.84896 6.6403 6.64062 6.84863 6.25 6.87467H4.02344C3.84115 6.87467 3.6849 6.80957 3.55469 6.67936L1.05469 4.21842C0.898438 4.06217 0.716146 3.99707 0.507812 4.02311C0.325521 4.0752 0.195312 4.21842 0.117188 4.4528C0.0390625 4.81738 0 5.20801 0 5.62467ZM17.8125 16.8747C17.7604 17.4476 17.4479 17.7601 16.875 17.8122C16.3021 17.7601 15.9896 17.4476 15.9375 16.8747C15.9896 16.3018 16.3021 15.9893 16.875 15.9372C17.4479 15.9893 17.7604 16.3018 17.8125 16.8747Z" 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(isset($booking->duraton) && count($booking->duraton) > 0): ?> ( ₤ <?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">
<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">
<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="19" viewBox="0 0 23 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 3.91439C22.974 3.4196 22.7656 3.04199 22.375 2.78158C22.0104 2.5472 21.5807 2.4821 21.0859 2.58626C19.5495 2.97689 18 3.05501 16.4375 2.82064C14.875 2.6123 13.3125 2.28678 11.75 1.84408C10.0573 1.37533 8.35156 1.03678 6.63281 0.828451C4.9401 0.620117 3.2474 0.802409 1.55469 1.37533C0.877604 1.68783 0.526042 2.2347 0.5 3.01595V15.0863C0.526042 15.5811 0.734375 15.9456 1.125 16.18C1.51562 16.4404 1.94531 16.5186 2.41406 16.4144C3.95052 16.0238 5.5 15.9326 7.0625 16.141C8.625 16.3753 10.1875 16.7139 11.75 17.1566C13.4427 17.6253 15.1354 17.9639 16.8281 18.1722C18.5469 18.3805 20.2526 18.1982 21.9453 17.6253C22.6224 17.3128 22.974 16.766 23 15.9847V3.91439ZM11.75 13.2503C10.8646 13.2243 10.1224 12.8597 9.52344 12.1566C8.95052 11.4535 8.65104 10.568 8.625 9.50033C8.65104 8.43262 8.95052 7.5472 9.52344 6.84408C10.1224 6.14095 10.8646 5.77637 11.75 5.75033C12.6354 5.77637 13.3776 6.14095 13.9766 6.84408C14.5495 7.5472 14.849 8.43262 14.875 9.50033C14.849 10.568 14.5495 11.4535 13.9766 12.1566C13.3776 12.8597 12.6354 13.2243 11.75 13.2503ZM20.5 13.2503V15.7503H18C18.026 15.0472 18.2734 14.4613 18.7422 13.9925C19.2109 13.5238 19.7969 13.2764 20.5 13.2503ZM18 5.12533H20.5V7.62533C19.7969 7.59928 19.2109 7.35189 18.7422 6.88314C18.2734 6.41439 18.026 5.82845 18 5.12533ZM3 11.3753C3.70312 11.4014 4.28906 11.6488 4.75781 12.1175C5.22656 12.5863 5.47396 13.1722 5.5 13.8753H3V11.3753ZM5.5 3.25033C5.47396 3.95345 5.22656 4.53939 4.75781 5.00814C4.28906 5.47689 3.70312 5.72428 3 5.75033V3.25033H5.5Z" fill="black"/>
</svg>
</span>
<div class="text-desc">₤ <?php echo e($booking->amount); ?></div>
</div>
</div>
</div>
</div>
<div class="contact-main-wrapper">
<div class="contact-sec salon_checkout">
<div class="contact-box review-box">
<div class="icons-box">
<img class="img-responsive" src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_pay_heart.jpeg')); ?>">
</div>
<div class="text-box">
Rate Us
</div>
<div class="text-box1" style="width: 100%;">
<?php if(!$booking->is_review): ?>
<form method="POST" id="ratingForm" action="<?php echo e(route('add.review')); ?>">
<?php echo e(csrf_field()); ?>
<input type="hidden" name="user_id" value="<?php echo e(Auth::user()->id); ?>">
<input type="hidden" name="salon_id" value="<?php echo e($booking->salon_id); ?>">
<input type="hidden" name="therapist_id" value="<?php echo e($info['therapistIds'][0]); ?>">
<input type="hidden" name="booking_id" value="<?php echo e($booking->id); ?>">
<div class="row">
<div class="col-md-6">
<input placeholder="Atmosphere 0-5" class="form-control" type="number" name="atmosphere" value="" min="0" max="5" required>
<!-- <label>atmosphere</label>
--> </div>
<div class="col-md-6">
<input placeholder="sanitation 0-5" class="form-control" type="number" name="sanitation" value="" min="0" max="5" required>
<!-- <label>sanitation</label>
--> </div>
</div>
<div class="row">
<div class="col-md-6">
<input placeholder="employees 0-5" class="form-control" type="number" name="employees" value="" min="0" max="5" required>
<!-- <label>employees</label>
--> </div>
<div class="col-md-6">
<input placeholder="satisfaction 0-5" class="form-control" type="number" name="satisfaction" value="" min="0" max="5" required>
<!-- <label>satisfaction</label>
--> </div>
</div>
<div class="row">
<div class="col-md-12">
<input placeholder="Overall Rating 0-5" class="form-control" type="number" name="salon_rating" value="" min="0" max="5" required>
<!-- <label>Overall Salon Rating</label>
--> </div>
</div>
<div class="row">
<div class="col-md-12">
<textarea name="review" class="form-control" placeholder="Add Your Comments Here..." required></textarea>
</div>
</div>
</br>
<div class="row">
<div class="col-md-12">
<button class="form-control" type="submit">Add Review</button>
</div>
</div>
</form>
<?php else: ?>
<img height="100%" width="100%" src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_review_done.jpeg')); ?>"/>
<?php endif; ?>
</div>
</div>
</div>
</div>
<!-- end booking details-->
</div>
</div>
<!-- start book details-->
</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 if(isset($info['salon']) && isset($info['salon']['name'])): ?><?php echo e($info['salon']['name']); ?><?php endif; ?></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-->
<!-- 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 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 /*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="19" viewBox="0 0 23 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 3.01562C22.974 2.3125 22.7266 1.72656 22.2578 1.25781C21.7891 0.789062 21.2031 0.541667 20.5 0.515625H3C2.29688 0.541667 1.71094 0.789062 1.24219 1.25781C0.773438 1.72656 0.526042 2.3125 0.5 3.01562H23ZM23 4.26562H0.5V15.5156C0.526042 16.2188 0.773438 16.8047 1.24219 17.2734C1.71094 17.7422 2.29688 17.9896 3 18.0156H20.5C21.2031 17.9896 21.7891 17.7422 22.2578 17.2734C22.7266 16.8047 22.974 16.2188 23 15.5156V4.26562ZM20.5 15.0859C20.474 15.3464 20.3307 15.4896 20.0703 15.5156H12.1797C11.9193 15.4896 11.776 15.3464 11.75 15.0859C11.776 14.513 11.9844 14.0312 12.375 13.6406C12.7656 13.25 13.2474 13.0417 13.8203 13.0156H18.4297C19.0026 13.0417 19.4844 13.25 19.875 13.6406C20.2656 14.0312 20.474 14.513 20.5 15.0859ZM16.125 6.76562C17.0625 6.79167 17.7786 7.20833 18.2734 8.01562C18.7422 8.84896 18.7422 9.68229 18.2734 10.5156C17.7786 11.3229 17.0625 11.7396 16.125 11.7656C15.1875 11.7396 14.4714 11.3229 13.9766 10.5156C13.5078 9.68229 13.5078 8.84896 13.9766 8.01562C14.4714 7.20833 15.1875 6.79167 16.125 6.76562ZM9.25 7.39062C9.22396 7.78125 9.01562 7.98958 8.625 8.01562H3.625C3.23438 7.98958 3.02604 7.78125 3 7.39062C3.02604 7 3.23438 6.79167 3.625 6.76562H8.625C9.01562 6.79167 9.22396 7 9.25 7.39062ZM9.25 9.89062C9.22396 10.2812 9.01562 10.4896 8.625 10.5156H3.625C3.23438 10.4896 3.02604 10.2812 3 9.89062C3.02604 9.5 3.23438 9.29167 3.625 9.26562H8.625C9.01562 9.29167 9.22396 9.5 9.25 9.89062ZM9.25 12.3906C9.22396 12.7812 9.01562 12.9896 8.625 13.0156H3.625C3.23438 12.9896 3.02604 12.7812 3 12.3906C3.02604 12 3.23438 11.7917 3.625 11.7656H8.625C9.01562 11.7917 9.22396 12 9.25 12.3906Z" 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> -->
<?php if(isset($info['salon']) && isset($info['salon']['name'])): ?>
<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">Salon 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.3828C10.1615 10.3828 10.9948 10.1615 11.75 9.71875C12.5052 9.27604 13.1172 8.66406 13.5859 7.88281C14.0286 7.10156 14.25 6.26823 14.25 5.38281C14.25 4.4974 14.0286 3.66406 13.5859 2.88281C13.1172 2.10156 12.5052 1.48958 11.75 1.04688C10.9948 0.604167 10.1615 0.382812 9.25 0.382812C8.33854 0.382812 7.50521 0.604167 6.75 1.04688C5.99479 1.48958 5.38281 2.10156 4.91406 2.88281C4.47135 3.66406 4.25 4.4974 4.25 5.38281C4.25 6.26823 4.47135 7.10156 4.91406 7.88281C5.38281 8.66406 5.99479 9.27604 6.75 9.71875C7.50521 10.1615 8.33854 10.3828 9.25 10.3828ZM11.0469 12.2578H7.45312C5.5 12.3099 3.85938 12.987 2.53125 14.2891C1.22917 15.6172 0.552083 17.2578 0.5 19.2109C0.5 19.5495 0.617188 19.8229 0.851562 20.0312C1.0599 20.2656 1.33333 20.3828 1.67188 20.3828H16.8281C17.1667 20.3828 17.4401 20.2656 17.6484 20.0312C17.8828 19.8229 18 19.5495 18 19.2109C17.9479 17.2578 17.2708 15.6172 15.9688 14.2891C14.6406 12.987 13 12.3099 11.0469 12.2578Z" fill="black"/>
</svg>
</span>
<div class="text-desc"><?php echo e($info['salon']['name']); ?></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($info['therapist']) && isset($info['therapist']['name'])): ?>
<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="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 0.75C8.99479 0.778646 7.16146 1.26562 5.5 2.21094C3.83854 3.1849 2.49219 4.53125 1.46094 6.25C0.486979 7.9974 0 9.83073 0 11.75C0 13.6693 0.486979 15.5026 1.46094 17.25C2.49219 18.9688 3.83854 20.3151 5.5 21.2891C7.16146 22.2344 8.99479 22.7214 11 22.75C13.0052 22.7214 14.8385 22.2344 16.5 21.2891C18.1615 20.3151 19.5078 18.9688 20.5391 17.25C21.513 15.5026 22 13.6693 22 11.75C22 9.83073 21.513 7.9974 20.5391 6.25C19.5078 4.53125 18.1615 3.1849 16.5 2.21094C14.8385 1.26562 13.0052 0.778646 11 0.75ZM12.0312 5.90625V11.75C12.0312 12.1224 11.8737 12.4089 11.5586 12.6094L7.43359 15.3594C6.88932 15.6745 6.41667 15.5742 6.01562 15.0586C5.70052 14.5143 5.80078 14.0417 6.31641 13.6406L9.96875 11.1914V5.90625C10.026 5.27604 10.3698 4.93229 11 4.875C11.6302 4.93229 11.974 5.27604 12.0312 5.90625Z" fill="black"/>
</svg>
</span>
<div class="text-desc"><?php echo e($info['therapist']['name']); ?></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($info['salon']) && isset($info['salon']['profile']) && isset($info['salon']['profile']['mobile_number'])): ?>
<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">Venue Contact</div>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.44531 1.47656L8.00781 5.22656C8.24219 5.92969 8.08594 6.52865 7.53906 7.02344L5.625 8.58594C6.27604 9.96615 7.13542 11.2031 8.20312 12.2969C9.29688 13.3646 10.5339 14.224 11.9141 14.875L13.4766 12.9609C13.9714 12.4141 14.5703 12.2578 15.2734 12.4922L19.0234 14.0547C19.4141 14.2109 19.6875 14.4583 19.8438 14.7969C20 15.1615 20.0391 15.5391 19.9609 15.9297L19.0234 19.3672C18.763 20.0703 18.2552 20.4479 17.5 20.5C14.2448 20.474 11.3021 19.6797 8.67188 18.1172C6.04167 16.5547 3.94531 14.4583 2.38281 11.8281C0.820312 9.19792 0.0260417 6.25521 0 3C0.0520833 2.24479 0.429688 1.73698 1.13281 1.47656L4.57031 0.539062C4.96094 0.460938 5.33854 0.5 5.70312 0.65625C6.04167 0.8125 6.28906 1.08594 6.44531 1.47656Z" fill="black"/>
</svg>
</span>
<div class="text-desc"><?php echo e($info['salon']['profile']['mobile_number']); ?></div>
</div>
</div>
</div>
<?php endif; ?>
<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.75C8.99479 0.778646 7.16146 1.26562 5.5 2.21094C3.83854 3.1849 2.49219 4.53125 1.46094 6.25C0.486979 7.9974 0 9.83073 0 11.75C0 13.6693 0.486979 15.5026 1.46094 17.25C2.49219 18.9688 3.83854 20.3151 5.5 21.2891C7.16146 22.2344 8.99479 22.7214 11 22.75C13.0052 22.7214 14.8385 22.2344 16.5 21.2891C18.1615 20.3151 19.5078 18.9688 20.5391 17.25C21.513 15.5026 22 13.6693 22 11.75C22 9.83073 21.513 7.9974 20.5391 6.25C19.5078 4.53125 18.1615 3.1849 16.5 2.21094C14.8385 1.26562 13.0052 0.778646 11 0.75ZM12.0312 5.90625V11.75C12.0312 12.1224 11.8737 12.4089 11.5586 12.6094L7.43359 15.3594C6.88932 15.6745 6.41667 15.5742 6.01562 15.0586C5.70052 14.5143 5.80078 14.0417 6.31641 13.6406L9.96875 11.1914V5.90625C10.026 5.27604 10.3698 4.93229 11 4.875C11.6302 4.93229 11.974 5.27604 12.0312 5.90625Z" 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.75C14.099 0.75 13.7695 0.878906 13.5117 1.13672C13.2539 1.39453 13.125 1.72396 13.125 2.125V3.5H7.625V2.125C7.625 1.72396 7.49609 1.39453 7.23828 1.13672C6.98047 0.878906 6.65104 0.75 6.25 0.75C5.84896 0.75 5.51953 0.878906 5.26172 1.13672C5.00391 1.39453 4.875 1.72396 4.875 2.125V3.5H2.8125C2.23958 3.52865 1.7526 3.72917 1.35156 4.10156C0.979167 4.5026 0.778646 4.98958 0.75 5.5625V7.625H20V5.5625C19.9714 4.98958 19.7708 4.5026 19.3984 4.10156C18.9974 3.72917 18.5104 3.52865 17.9375 3.5H15.875V2.125C15.875 1.72396 15.7461 1.39453 15.4883 1.13672C15.2305 0.878906 14.901 0.75 14.5 0.75ZM20 9H0.75V20.6875C0.778646 21.2604 0.979167 21.7474 1.35156 22.1484C1.7526 22.5208 2.23958 22.7214 2.8125 22.75H17.9375C18.5104 22.7214 18.9974 22.5208 19.3984 22.1484C19.7708 21.7474 19.9714 21.2604 20 20.6875V9ZM17.25 12.4375V13.8125C17.2214 14.2422 16.9922 14.4714 16.5625 14.5H15.1875C14.7578 14.4714 14.5286 14.2422 14.5 13.8125V12.4375C14.5286 12.0078 14.7578 11.7786 15.1875 11.75H16.5625C16.9922 11.7786 17.2214 12.0078 17.25 12.4375ZM11.75 12.4375V13.8125C11.7214 14.2422 11.4922 14.4714 11.0625 14.5H9.6875C9.25781 14.4714 9.02865 14.2422 9 13.8125V12.4375C9.02865 12.0078 9.25781 11.7786 9.6875 11.75H11.0625C11.4922 11.7786 11.7214 12.0078 11.75 12.4375ZM5.5625 11.75C5.99219 11.7786 6.22135 12.0078 6.25 12.4375V13.8125C6.22135 14.2422 5.99219 14.4714 5.5625 14.5H4.1875C3.75781 14.4714 3.52865 14.2422 3.5 13.8125V12.4375C3.52865 12.0078 3.75781 11.7786 4.1875 11.75H5.5625ZM17.25 17.9375V19.3125C17.2214 19.7422 16.9922 19.9714 16.5625 20H15.1875C14.7578 19.9714 14.5286 19.7422 14.5 19.3125V17.9375C14.5286 17.5078 14.7578 17.2786 15.1875 17.25H16.5625C16.9922 17.2786 17.2214 17.5078 17.25 17.9375ZM11.0625 17.25C11.4922 17.2786 11.7214 17.5078 11.75 17.9375V19.3125C11.7214 19.7422 11.4922 19.9714 11.0625 20H9.6875C9.25781 19.9714 9.02865 19.7422 9 19.3125V17.9375C9.02865 17.5078 9.25781 17.2786 9.6875 17.25H11.0625ZM6.25 17.9375V19.3125C6.22135 19.7422 5.99219 19.9714 5.5625 20H4.1875C3.75781 19.9714 3.52865 19.7422 3.5 19.3125V17.9375C3.52865 17.5078 3.75781 17.2786 4.1875 17.25H5.5625C5.99219 17.2786 6.22135 17.5078 6.25 17.9375Z" 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-l.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.75C8.99479 0.778646 7.16146 1.26562 5.5 2.21094C3.83854 3.1849 2.49219 4.53125 1.46094 6.25C0.486979 7.9974 0 9.83073 0 11.75C0 13.6693 0.486979 15.5026 1.46094 17.25C2.49219 18.9688 3.83854 20.3151 5.5 21.2891C7.16146 22.2344 8.99479 22.7214 11 22.75C13.0052 22.7214 14.8385 22.2344 16.5 21.2891C18.1615 20.3151 19.5078 18.9688 20.5391 17.25C21.513 15.5026 22 13.6693 22 11.75C22 9.83073 21.513 7.9974 20.5391 6.25C19.5078 4.53125 18.1615 3.1849 16.5 2.21094C14.8385 1.26562 13.0052 0.778646 11 0.75ZM12.0312 5.90625V11.75C12.0312 12.1224 11.8737 12.4089 11.5586 12.6094L7.43359 15.3594C6.88932 15.6745 6.41667 15.5742 6.01562 15.0586C5.70052 14.5143 5.80078 14.0417 6.31641 13.6406L9.96875 11.1914V5.90625C10.026 5.27604 10.3698 4.93229 11 4.875C11.6302 4.93229 11.974 5.27604 12.0312 5.90625Z" 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="21" viewBox="0 0 15 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.5625 19.9922C6.82292 20.3047 7.13542 20.4609 7.5 20.4609C7.86458 20.4609 8.17708 20.3047 8.4375 19.9922C9.14062 19.1328 10 17.974 11.0156 16.5156C12.0312 15.0833 12.9427 13.599 13.75 12.0625C14.5312 10.526 14.9479 9.17188 15 8C14.9479 5.86458 14.2188 4.09375 12.8125 2.6875C11.4062 1.28125 9.63542 0.552083 7.5 0.5C5.36458 0.552083 3.59375 1.28125 2.1875 2.6875C0.78125 4.09375 0.0520833 5.86458 0 8C0.0520833 9.17188 0.46875 10.526 1.25 12.0625C2.05729 13.599 2.96875 15.0833 3.98438 16.5156C5 17.974 5.85938 19.1328 6.5625 19.9922ZM7.5 5.5C8.4375 5.52604 9.15365 5.94271 9.64844 6.75C10.1172 7.58333 10.1172 8.41667 9.64844 9.25C9.15365 10.0573 8.4375 10.474 7.5 10.5C6.5625 10.474 5.84635 10.0573 5.35156 9.25C4.88281 8.41667 4.88281 7.58333 5.35156 6.75C5.84635 5.94271 6.5625 5.52604 7.5 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 3.91439C22.974 3.4196 22.7656 3.04199 22.375 2.78158C22.0104 2.5472 21.5807 2.4821 21.0859 2.58626C19.5495 2.97689 18 3.05501 16.4375 2.82064C14.875 2.6123 13.3125 2.28678 11.75 1.84408C10.0573 1.37533 8.35156 1.03678 6.63281 0.828451C4.9401 0.620117 3.2474 0.802409 1.55469 1.37533C0.877604 1.68783 0.526042 2.2347 0.5 3.01595V15.0863C0.526042 15.5811 0.734375 15.9456 1.125 16.18C1.51562 16.4404 1.94531 16.5186 2.41406 16.4144C3.95052 16.0238 5.5 15.9326 7.0625 16.141C8.625 16.3753 10.1875 16.7139 11.75 17.1566C13.4427 17.6253 15.1354 17.9639 16.8281 18.1722C18.5469 18.3805 20.2526 18.1982 21.9453 17.6253C22.6224 17.3128 22.974 16.766 23 15.9847V3.91439ZM11.75 13.2503C10.8646 13.2243 10.1224 12.8597 9.52344 12.1566C8.95052 11.4535 8.65104 10.568 8.625 9.50033C8.65104 8.43262 8.95052 7.5472 9.52344 6.84408C10.1224 6.14095 10.8646 5.77637 11.75 5.75033C12.6354 5.77637 13.3776 6.14095 13.9766 6.84408C14.5495 7.5472 14.849 8.43262 14.875 9.50033C14.849 10.568 14.5495 11.4535 13.9766 12.1566C13.3776 12.8597 12.6354 13.2243 11.75 13.2503ZM20.5 13.2503V15.7503H18C18.026 15.0472 18.2734 14.4613 18.7422 13.9925C19.2109 13.5238 19.7969 13.2764 20.5 13.2503ZM18 5.12533H20.5V7.62533C19.7969 7.59928 19.2109 7.35189 18.7422 6.88314C18.2734 6.41439 18.026 5.82845 18 5.12533ZM3 11.3753C3.70312 11.4014 4.28906 11.6488 4.75781 12.1175C5.22656 12.5863 5.47396 13.1722 5.5 13.8753H3V11.3753ZM5.5 3.25033C5.47396 3.95345 5.22656 4.53939 4.75781 5.00814C4.28906 5.47689 3.70312 5.72428 3 5.75033V3.25033H5.5Z" fill="black"/>
</svg>
</span>
<div class="text-desc">₤ <?php echo e($booking->amount); ?></div>
</div>
</div>
</div>
</div>
<div class="contact-main-wrapper">
<div class="contact-sec salon_checkout">
<div class="contact-box review-box">
<div class="icons-box">
<img class="img-responsive" src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_pay_heart.jpeg')); ?>">
</div>
<div class="text-box">
Rate Us
</div>
<div class="text-box1" style="width: 100%;">
<?php if(!$booking->is_review): ?>
<form method="POST" id="ratingForm" action="<?php echo e(route('add.review')); ?>">
<?php echo e(csrf_field()); ?>
<input type="hidden" name="user_id" value="<?php echo e(Auth::user()->id); ?>">
<input type="hidden" name="salon_id" value="<?php echo e($booking->salon_id); ?>">
<input type="hidden" name="therapist_id" value="<?php echo e(!empty($info['therapist_id']) ? $info['therapist_id'] : '0'); ?>">
<input type="hidden" name="booking_id" value="<?php echo e($booking->id); ?>">
<div class="row">
<div class="col-md-6">
<input placeholder="Atmosphere 0-5" class="form-control" type="number" name="atmosphere" value="" min="0" max="5" required>
<!-- <label>atmosphere</label>
--> </div>
<div class="col-md-6">
<input placeholder="sanitation 0-5" class="form-control" type="number" name="sanitation" value="" min="0" max="5" required>
<!-- <label>sanitation</label>
--> </div>
</div>
<div class="row">
<div class="col-md-6">
<input placeholder="employees 0-5" class="form-control" type="number" name="employees" value="" min="0" max="5" required>
<!-- <label>employees</label>
--> </div>
<div class="col-md-6">
<input placeholder="satisfaction 0-5" class="form-control" type="number" name="satisfaction" value="" min="0" max="5" required>
<!-- <label>satisfaction</label>
--> </div>
</div>
<div class="row">
<div class="col-md-12">
<input placeholder="Overall Rating 0-5" class="form-control" type="number" name="salon_rating" value="" min="0" max="5" required>
<!-- <label>Overall Salon Rating</label>
--> </div>
</div>
<div class="row">
<div class="col-md-12">
<textarea name="review" class="form-control" placeholder="Add Your Comments Here..." required></textarea>
</div>
</div>
</br>
<div class="row">
<div class="col-md-12">
<button class="form-control" type="submit">Add Review</button>
</div>
</div>
</form>
<?php else: ?>
<img height="100%" width="100%" src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_review_done.jpeg')); ?>"/>
<?php endif; ?>
</div>
</div>
</div>
</div>
<!-- end booking details-->
</div>
</div>
<!-- start book details-->
</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-->
<?php if(session('rating_success')): ?>
<div class="alert alert-success">
<?php echo e(session('rating_success')); ?>
</div>
<?php endif; ?>
</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.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-very-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(); ?>