Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/tradze/public_html/dev/storage/framework/views/ |
<?php $__env->startSection('title',$meta_title); ?>
<?php $__env->startSection('meta_title',$meta_title); ?>
<?php $__env->startSection('meta_description',$meta_description); ?>
<?php $__env->startSection('meta_keywords',$meta_keywords); ?>
<?php $__env->startSection('css_page'); ?>
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/payment/css/payment.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="<?php echo e(asset('themes/frontend_new/assets/css/css-countdowngampage.css')); ?>">
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<?php /*ttl*/ ?>
<?php $i = 0 ?>
<?php
$get_date = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s',$basket[0]->created_at)->addMinutes(15)->format('Y-m-d H:i:s');
$reserved_until = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s',$get_date);
$reserved_ttl = $reserved_until->diffInSeconds(null,false);
$reserved_ttl = \Carbon\Carbon::now()->diffInSeconds($reserved_until,false);
if ($reserved_ttl<0)
$reserved_ttl=0;
// echo $reserved_ttl;
?>
<div class="counter-background order_sec_main sec-counter-main">
<div class="row center">
<!-- start title-->
<div class="col-sm-12">
<div class="clearfix center">
<div class="text-center">
<div class="title-book text-center">
<?php /*<b>Time Left</b> for booking*/ ?>
<?php /*<b>Time to complete</b> this booking*/ ?>
<!-- <b>Time remaining</b> to confirm this booking -->
Confirm Booking
</div>
</div>
</div>
</div>
<!-- end title-->
<!-- start counter-->
<!-- <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 display-inline"> -->
<!-- <div id="book-time-01">
<div class="clock-01" clocktime="<?php echo e($min_ttl); ?>"></div>
<div class="message"></div>
</div> -->
<!-- <div id="countdown-gampang" clockTime=<?php echo e($min_ttl); ?>></div> -->
<div id="countdown-gampang_<?php echo e($i); ?>" clockTime=<?php echo e($reserved_ttl); ?>></div>
<!-- </div> -->
<!-- end counter-->
</div>
</div>
<?php /*end ttl*/ ?>
<div class="dark-book-gray saloncheckout-wrapper">
<div class="row">
<?php /*card*/ ?>
<div class="<?php if(isset($user->card_reference) && !$user->card_reference): ?> col-md-12 <?php else: ?> col-md-12 <?php endif; ?>">
<h1 class="check-out-heading">PAY AT VENUE</h1>
<div class="sec-checkoutpay-main">
<!-- <div class="row"> -->
<!-- <div class="btn-com text-center right-sec-btn-com">
<span>
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/btn.png')); ?>"/>
</span>
<a href="javascript:void(0)" class="button-login-trans">PAY AT VENUE</a>
</div> -->
<!-- <div class="col-md-12 text-center text-warning">
<div class="card-title-main text-white">
<h1>PAY WITH CARD</b></h1>
</div>
</div> -->
<!-- </div> -->
<?php echo Form::open(['route' => 'bookings.basket.salon.pay_with_cash','id'=>'form-card']); ?>
<div class="contact-main-wrapper">
<div class="contact-sec salon_checkout">
<div class="contact-box">
<div class="icons-box">
<img class="img-responsive" src="<?php echo e(asset('/themes/frontend_new/assets/img/salon_pay_heart.jpeg')); ?>"/>
<!-- <img src="house.png"> -->
</div>
<div class="text-box">
Payment can be made directly to the venue.
</div>
<div class="text-box1">
A polite request. We completely understand that plans change. Some businesses can be small independent establishments, if it turns out that you can’t make your appointment please cancel or reschedule 3 hours prior to the appointment time.
</div>
</div>
</div>
</div>
<label class="terms_conditions_text">
By continuing you agree to our <a class="link" target="_blank" href="<?php echo e(url('legal')); ?>">Booking Terms. </a>
</label>
<div id="hosted-form">
<div class="row">
<div class="col-md-12">
<div class="filds flex-container pay-filed-first">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-f.png')); ?>"/>
</span>
<label for="billing_address">Total Cost</label>
</div>
<div class="filds-input">
<div class="form-control">
₤ <?php echo e($total_price); ?>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="row">
<div class="col-md-12">
<div class="filds flex-container pay-filed-middle">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-s.png')); ?>"/>
</span>
<label for="billing_address">Total Duration</label>
</div>
<div class="filds-input">
<div class="form-control">
<?php echo e($total_duration); ?> Mins
</div>
</div>
</div>
</div>
</div> -->
<!-- <div class="row">
</div> -->
<!-- New Change End -->
<div id="actions">
<div class="login-reg-sec">
<div class="button-sec-left">
<div class="btn-com">
<span>
<img src="http://testt.zenlondon.co.uk/themes/frontend_new/assets/img/btn.png">
</span>
<input type="submit" value="CONFIRM BOOKING" id="paywcard" class="button-login-trans" style="width:100%!important">
</div>
</div>
<div class="button-sec-right">
<div class="btn-com">
<span>
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/btn.png')); ?>"/>
</span>
<a href="<?php echo e(route('bookings.basket.salon.checkout')); ?>" class="button-login-trans"><i class="fa fa-arrow-left"></i> BACK</a>
</div>
</div>
</div>
</div>
<div class="error-payment"></div>
</div>
<input type="hidden" name="payment-method-nonce">
<?php echo Form::close(); ?>
<?php /*end new card*/ ?>
</div>
<?php /*cards*/ ?>
<?php /*end cards*/ ?>
</div>
<?php /*end card*/ ?>
<div class="col-md-12">
<div class="col-left-main-sec">
<div class="row">
<div class="col-sm-12">
<div class="contact-main">
<!-- <h1>Please check your booking details are correct.</h1> -->
<h1 class="check-out-heading">BOOKING DETAILS</h1>
<!-- <div class="btn-com text-center">
<span>
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/btn.png')); ?>"/>
</span>
<a href="javascript:void(0)" class="button-login-trans">BOOKING DETAILS</a>
</div> -->
<div class="contact-main-wrapper">
<?php $i = 1; ?>
<?php foreach($basket as $item): ?>
<?php
$get_date = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s',$item->created_at)->addMinutes(10)->format('Y-m-d H:i:s');
$reserved_until = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s',$get_date);
$reserved_ttl = $reserved_until->diffInSeconds(null,false);
$reserved_ttl = \Carbon\Carbon::now()->diffInSeconds($reserved_until,false);
if ($reserved_ttl<0)
$reserved_ttl=0;
?>
<div class="contact-sec">
<div class="left">
<div class="contact-box">
<div class="icons-box">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/logo_location.jpeg')); ?>">
</div>
<div class="text-box">
<h4><?php echo e($item->salon->name); ?></h4>
<p>Location</p>
</div>
</div>
<div class="contact-box">
<div class="icons-box">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/logo_time.jpeg')); ?>">
</div>
<div class="text-box">
<h4><?php echo e($item->booking_date); ?> at <?php echo e($item->booking_time); ?></h4>
<p>Date & Time</p>
</div>
</div>
<div class="contact-box">
<div class="icons-box">
<img class="img-responsive" src="<?php echo e(asset('images/'. $item->therapist->profile->avatar)); ?>"/>
<!-- <img src="house.png"> -->
</div>
<div class="text-box">
<h4><?php echo e($item->treatment->name); ?></h4>
<p><?php echo e($item->therapist->name); ?></p>
</div>
</div>
<div class="contact-box">
<div class="icons-box">
<img class="img-responsive" src="<?php echo e(asset('/themes/frontend_new/assets/img/logo_time.jpeg')); ?>"/>
<!-- <img src="house.png"> -->
</div>
<div class="text-box">
<h4>₤<?php echo e($item->duration->discounted_price); ?> - <?php echo e($item->duration->duration); ?> Mins</h4>
<p>Price & Duration</p>
</div>
</div>
</div>
<div class="right">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/girl-checkout.png')); ?>"/>
</div>
</div>
<?php $i++?>
<?php endforeach; ?>
</div>
<label>Logged In as <?php echo e(auth::user()->name); ?> (Not You? <a href="<?php echo e(url('logout')); ?>">Logout</a>)</label>
</div>
</div>
</div>
</div>
</div>
<!-- teatment info end -->
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('custom_scripts'); ?>
<?php /*<script src="https://js.braintreegateway.com/v2/braintree.js"></script>*/ ?>
<?php /*<script src="<?php echo e(asset('/themes/frontend/assets/payment/js/client.min.js')); ?>"></script>*/ ?>
<?php /*<script src="<?php echo e(asset('/themes/frontend/assets/payment/js/hosted-fields.min.js')); ?>"></script>*/ ?>
<!-- NEW SCRIPT FOR CLOCK -->
<!-- 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($reserved_ttl)){
$i = 0;
?>
<script>
$(document).ready(function(){
console.log("here");
var element = $('#countdown-gampang_<?php echo e($i); ?>');
var time_left_in_seconds = $('#countdown-gampang_<?php echo e($i); ?>').attr('clockTime');
var ItemId = '<?php echo e($basket[0]->id); ?>';
console.log(ItemId);
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(){
console.log("here");
console.log(ItemId);
// window.location.reload(true);
$.ajax({
method: "POST",
url: "<?php echo route('booking.salon.deleteCartFromCheckout'); ?>",
cache: false,
data: {itemId: ItemId},
beforeSend: function() {
},
dataType: "json",
})
.done(function(data) {
window.location.reload(true);
});
console.log("here again");
});
});
</script>
<?php
}
?>
<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){
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>
<!-- NEW SCRIPT END -->
<script>
$("#paywcard").click(function(e){
e.preventDefault();
$(this).attr('disabled','disabled');
$("#form-card").submit();
});
$("#pay_existing").click(function(){
$(this).attr('disabled','disabled');
$('#check-hosted-fields').attr('disabled','disabled');
$("#form-existing").submit();
});
// $("#check-hosted-fields").click(function(){
// $('#pay_existing').attr('disabled','disabled');
// });
<?php /* <?php if(!isset($pay_with_voucher)): ?>*/ ?>
<?php /*var hostedFormSubmit = document.querySelector('#check-hosted-fields');*/ ?>
<?php /*braintree.client.create({*/ ?>
<?php /*authorization: "<?php echo e((\Braintree\ClientToken::generate())); ?>"*/ ?>
<?php /*}, function (clientErr, clientInstance) {*/ ?>
<?php /*if (clientErr) {*/ ?>
<?php /*// Handle error in client creation*/ ?>
<?php /*return;*/ ?>
<?php /*}*/ ?>
<?php /*braintree.hostedFields.create({*/ ?>
<?php /*client: clientInstance,*/ ?>
<?php /*styles: {*/ ?>
<?php /*// 'input': {*/ ?>
<?php /*// 'font-size': '12px',*/ ?>
<?php /*// },*/ ?>
<?php /*'input.invalid': {*/ ?>
<?php /*'color': 'red'*/ ?>
<?php /*},*/ ?>
<?php /*'input.valid': {*/ ?>
<?php /*'color': 'green'*/ ?>
<?php /*}*/ ?>
<?php /*},*/ ?>
<?php /*fields: {*/ ?>
<?php /*number: {*/ ?>
<?php /*selector: '#card-number',*/ ?>
<?php /*placeholder: 'CARD NUMBER'*/ ?>
<?php /*},*/ ?>
<?php /*cvv: {*/ ?>
<?php /*selector: '#cvv',*/ ?>
<?php /*placeholder: 'CCV'*/ ?>
<?php /*},*/ ?>
<?php /*expirationDate: {*/ ?>
<?php /*selector: '#expiration-date',*/ ?>
<?php /*placeholder: 'MM/YY'*/ ?>
<?php /*}*/ ?>
<?php /*}*/ ?>
<?php /*}, function (hostedFieldsErr, hostedFieldsInstance) {*/ ?>
<?php /*if (hostedFieldsErr) {*/ ?>
<?php /*// Handle error in Hosted Fields creation*/ ?>
<?php /*return;*/ ?>
<?php /*}*/ ?>
<?php /*hostedFormSubmit.removeAttribute('disabled');*/ ?>
<?php /*hostedFormSubmit.addEventListener('click', function (event) {*/ ?>
<?php /*$('#hosted-form .error-payment').html('');*/ ?>
<?php /*event.preventDefault();*/ ?>
<?php /*hostedFieldsInstance.tokenize(function (tokenizeErr, payload) {*/ ?>
<?php /*if (tokenizeErr) {*/ ?>
<?php /*// Handle error in Hosted Fields tokenization*/ ?>
<?php /*$('#hosted-form .error-payment').html('<?php echo e(trans('schedules::payment.invalid_tokenize_err')); ?>');*/ ?>
<?php /*// console.log(tokenizeErr);*/ ?>
<?php /*return;*/ ?>
<?php /*}*/ ?>
<?php /*hostedFormSubmit.setAttribute('disabled', true);*/ ?>
<?php /*$('#paypal-form').hide();*/ ?>
<?php /*$('.hide-payment').hide();*/ ?>
<?php /*$("#actions").html("<div class='text-center'><i class='fa fa-spin fa-spinner fa-2x'></i> Processing...</div>");*/ ?>
<?php /*document.querySelector('input[name="payment-method-nonce"]').value = payload.nonce;*/ ?>
<?php /*$("#form-card").submit();*/ ?>
<?php /*});*/ ?>
<?php /*}, false);*/ ?>
<?php /*});*/ ?>
<?php /*});*/ ?>
<?php /*<?php endif; ?>*/ ?>
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make("schedules::frontend_new.layouts.saloncheckout", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>