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',$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/membership/getmembership.css')); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo e(asset('/themes/frontend_new/assets/css/css-form.css')); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo e(asset('themes/frontend_new/assets/css/css-countdowngampage.css')); ?>">
<script src="https://js.stripe.com/v3/"></script>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<?php if(\Cart::isEmpty()): ?>
<!-- <div class="counter-background">
<div class="row center">
<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 class="title-book">
Oops…Time fly’s!<br> Your booking has expired!<br> Be quick!<br> But don’t rush!
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- <div class="row">
<div class="col-md-12">
<?php echo $__env->make('flash::message', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
</div>
</div> -->
<?php else: ?>
<?php /*ttl*/ ?>
<div class="checkputback-button">
<div class="button-sec-right">
<div class="btn-com">
<a href="<?php echo e(route('bookings.basket.checkout')); ?>" class="btn-back"><i class="fa fa-arrow-left"></i></a>
</div>
</div>
</div>
<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> -->
<!-- end counter-->
</div>
</div>
<?php /*end ttl*/ ?>
<div class="dark-book-gray">
<div class="row flexDirection">
<?php if(\Cart::getTotal()>0): ?>
<?php /*cash*/ ?>
<?php /*<?php if($user->braintree_id && !$payment_method_restrict_to_cash): ?>*/ ?>
<!-- <div class="col-md-6">
<?php echo Form::open(['route' => 'bookings.basket.pay_with_cash','id'=>'form-cash']); ?>
<div style="background:#fff; padding:10px; font-size:14px;font-weight:normal;">
<div class="row">
<div class="col-md-12 text-center text-warning">
<h1>PAY WITH CASH</h1>
<hr>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-12 text-center">
<label>YOU WILL PAY FOR YOUR TREATMENT VIA CASH</label>
</div>
</div>
<button class="btn btn-primary" id="pay_cash" style="width:100%!important;margin-top:50px;">PAY</button>
</div>
</div>
</div>
<?php echo Form::close(); ?>
</div> -->
<?php /*<?php endif; ?>*/ ?>
<?php /*end cash*/ ?>
<!-- Treatment Info -->
<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> -->
<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> -->
<h1 class="check-out-heading">BOOKING DETAILS</h1>
</div>
<div class="contact-main-wrapper">
<?php $i = 1; ?>
<?php foreach($basket as $item): ?>
<?php
$has_table = $item->attributes->has_table;
$has_table_by_default = $item->attributes->has_table_by_default;
$reserved_until = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $item->attributes->reserved_until);
$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 BookingInfo-details">
<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->attributes->location); ?></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->attributes->day); ?> <?php echo e($item->attributes->date); ?> at <?php echo e($item->attributes->hour); ?></h4>
<p>Date & Time</p>
</div>
</div>
<div class="contact-box">
<div class="icons-box">
<?php foreach($item->attributes['therapistImage'] as $image): ?>
<img class="img-responsive" src="<?php echo e($image); ?>" />
<?php endforeach; ?>
<!-- <img src="house.png"> -->
</div>
<div class="text-box">
<h4><?php echo e($item->attributes->massage_type); ?></h4>
<p><?php echo e(implode(', ',$item->attributes->therapist)); ?></p>
</div>
</div>
</div>
<!-- <div class="right">
<img src="https://test.tradze.com/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 class="col-md-12">
<div class="row">
<div class="col-md-12 text-center">
<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 class="col-md-12">
<div class="row">
<div class="col-md-12 text-center">
<div class="row"> <label>Booking <?php echo e($i); ?></label></div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-12 text-center">
<div class="row"> <label><?php echo e($item->attributes->location); ?></label></div>
<div class="row"> <span>HOME</span></div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-12 text-center">
<div class="row"> <label><?php echo e($item->attributes->date); ?></label></div>
<div class="row"> <span><?php echo e($item->attributes->hour); ?></span></div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-12 text-center">
<div class="row"> <label><?php echo e($item->attributes->massage_type); ?></label></div>
<div class="row"> <span><?php echo e($item->attributes->duration); ?></span></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<!-- teatment info end -->
<?php /*card*/ ?>
<div class="<?php if(!$user->card_reference): ?> col-md-6 <?php else: ?> col-md-12 <?php endif; ?>">
<div class="sec-checkoutpay-main">
<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">Card Details</a> -->
<h1 class="check-out-heading">CARD DETAILS</h1>
</div>
<!-- <div class="row">
<div calass="col-sm-12">
<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>
</div> -->
<?php /*
<div class="row">
*/ ?>
<?php /*
<div class="col-md-12">
*/ ?>
<?php /*
<p>Unfortunately we are currently not processing card payments, due to routine maintenance. The card payment service will be up and running shortly. We apologise for the inconvenience. Payments can be made using the cash option. </p>
*/ ?>
<?php /*
</div>
*/ ?>
<?php /*
</div>
*/ ?>
<?php /*existing card*/ ?>
<?php /*<?php if($user->braintree_id): ?>*/ ?>
<?php /*<?php echo Form::open(['route' => 'bookings.basket.pay_existing_card','id'=>'form-existing']); ?>*/ ?>
<?php /*
<div class="row">
*/ ?>
<?php /*
<div class="col-md-12">
*/ ?>
<?php /*<i class="fa fa-credit-card"></i>*/ ?>
<?php /*<label for="card-number" class="">PAY WITH EXISTING CARD</label>*/ ?>
<?php /*
<div class="hosted-field">
*/ ?>
<?php /***** **** **** <?php echo e($user->card_last_four); ?>*/ ?>
<?php /*
<div class="pull-right"><?php echo e($user->card_brand); ?>
</div>
*/ ?>
<?php /*
</div>
*/ ?>
<?php /*
</div>
*/ ?>
<?php /*
</div>
*/ ?>
<?php /*
<div style="margin-top:16px;">
*/ ?>
<?php /*
<div class="row">
*/ ?>
<?php /*
<div class="col-md-12">*/ ?>
<?php /*<button class="btn btn-primary" id="pay_existing" style="width:100%!important">PAY</button>*/ ?>
<?php /*
</div>
*/ ?>
<?php /*
</div>
*/ ?>
<?php /*
</div>
*/ ?>
<?php /*<?php echo Form::token(); ?>*/ ?>
<?php /*<?php echo Form::close(); ?>*/ ?>
<?php /*
<hr>
*/ ?>
<?php /*<?php endif; ?>*/ ?>
<?php /*end existing card*/ ?>
<?php /*start new card*/ ?>
<?php echo Form::open(['route' => 'bookings.basket.checkoutpay','id'=>'form-card']); ?>
<div id="hosted-form">
<?php if(!$errors->isEmpty()): ?>
<div class="well">
<?php foreach($errors->all('
<div>:message</div>
') as $message): ?>
<?php echo $message; ?>
<?php endforeach; ?>
</div>
<?php endif; ?>
<?php /*billing address*/ ?>
<!-- <?php echo $__env->make('users::frontend_new.billing_payment_fields', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?> -->
<!-- new CHange -->
<?php /*billing address*/ ?>
<?php
$billing = Auth::user()->billingaddress()->orderBy('is_main','desc')->orderBy('id','desc')->first();
?>
<!-- <div class="row">
</div> -->
<div class="row">
<div class="col-md-6">
<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">
<span class="input_icon">
<svg width="23" height="19" viewBox="0 0 23 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 4.03223C22.974 3.53743 22.7656 3.15983 22.375 2.89941C22.0104 2.66504 21.5807 2.59993 21.0859 2.7041C19.5495 3.09473 18 3.17285 16.4375 2.93848C14.875 2.73014 13.3125 2.40462 11.75 1.96191C10.0573 1.49316 8.35156 1.15462 6.63281 0.946289C4.9401 0.737956 3.2474 0.920247 1.55469 1.49316C0.877604 1.80566 0.526042 2.35254 0.5 3.13379V15.2041C0.526042 15.6989 0.734375 16.0635 1.125 16.2979C1.51562 16.5583 1.94531 16.6364 2.41406 16.5322C3.95052 16.1416 5.5 16.0505 7.0625 16.2588C8.625 16.4932 10.1875 16.8317 11.75 17.2744C13.4427 17.7432 15.1354 18.0817 16.8281 18.29C18.5469 18.4984 20.2526 18.3161 21.9453 17.7432C22.6224 17.4307 22.974 16.8838 23 16.1025V4.03223ZM11.75 13.3682C10.8646 13.3421 10.1224 12.9775 9.52344 12.2744C8.95052 11.5713 8.65104 10.6859 8.625 9.61816C8.65104 8.55046 8.95052 7.66504 9.52344 6.96191C10.1224 6.25879 10.8646 5.89421 11.75 5.86816C12.6354 5.89421 13.3776 6.25879 13.9766 6.96191C14.5495 7.66504 14.849 8.55046 14.875 9.61816C14.849 10.6859 14.5495 11.5713 13.9766 12.2744C13.3776 12.9775 12.6354 13.3421 11.75 13.3682ZM20.5 13.3682V15.8682H18C18.026 15.165 18.2734 14.5791 18.7422 14.1104C19.2109 13.6416 19.7969 13.3942 20.5 13.3682ZM18 5.24316H20.5V7.74316C19.7969 7.71712 19.2109 7.46973 18.7422 7.00098C18.2734 6.53223 18.026 5.94629 18 5.24316ZM3 11.4932C3.70312 11.5192 4.28906 11.7666 4.75781 12.2354C5.22656 12.7041 5.47396 13.29 5.5 13.9932H3V11.4932ZM5.5 3.36816C5.47396 4.07129 5.22656 4.65723 4.75781 5.12598C4.28906 5.59473 3.70312 5.84212 3 5.86816V3.36816H5.5Z" fill="black"></path>
</svg>
</span>
<div class="form-control">
₤ <?php echo e(\Cart::getTotal()); ?>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<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" class="card-number"> Billing Address</label>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="50" height="42" viewBox="0 0 50 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 0.618164L8.07781 0.618164C3.61656 0.618164 0 4.23472 0 8.69597V43.5404C0 48.0016 3.61656 51.6182 8.07781 51.6182H50V0.618164Z" fill="#CFDDD7"></path>
<path d="M26.5625 36.1104C26.8229 36.4229 27.1354 36.5791 27.5 36.5791C27.8646 36.5791 28.1771 36.4229 28.4375 36.1104C29.1406 35.251 30 34.0921 31.0156 32.6338C32.0312 31.2015 32.9427 29.7171 33.75 28.1807C34.5312 26.6442 34.9479 25.29 35 24.1182C34.9479 21.9827 34.2188 20.2119 32.8125 18.8057C31.4062 17.3994 29.6354 16.6702 27.5 16.6182C25.3646 16.6702 23.5938 17.3994 22.1875 18.8057C20.7812 20.2119 20.0521 21.9827 20 24.1182C20.0521 25.29 20.4688 26.6442 21.25 28.1807C22.0573 29.7171 22.9688 31.2015 23.9844 32.6338C25 34.0921 25.8594 35.251 26.5625 36.1104ZM27.5 21.6182C28.4375 21.6442 29.1536 22.0609 29.6484 22.8682C30.1172 23.7015 30.1172 24.5348 29.6484 25.3682C29.1536 26.1755 28.4375 26.5921 27.5 26.6182C26.5625 26.5921 25.8464 26.1755 25.3516 25.3682C24.8828 24.5348 24.8828 23.7015 25.3516 22.8682C25.8464 22.0609 26.5625 21.6442 27.5 21.6182Z" fill="black"></path>
</svg>
</span>
<?php echo Form::text('billing_address',$billing?$billing->address:null,array('class'=>'form-control','placeholder'=>'Address','id'=>'billing_address')); ?>
</div>
</div>
</div>
<div class="col-md-6">
<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_county" class="card-number">County</label>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="50" height="42" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 0L8.07781 0C3.61656 0 0 3.61656 0 8.07781V42.9222C0 47.3834 3.61656 51 8.07781 51H50V0Z" fill="#CFDDD7" />
<path d="M32.7344 23.5391L32.3828 24.1641C32.0443 24.763 31.5495 25.1536 30.8984 25.3359L28.6328 26C27.9297 26.2344 27.5521 26.7292 27.5 27.4844V29.0469C27.474 29.5156 27.2656 29.8542 26.875 30.0625C26.4844 30.2708 26.276 30.6094 26.25 31.0781V32.6016C26.25 32.9141 26.1328 33.1615 25.8984 33.3438C25.6641 33.5 25.3906 33.5521 25.0781 33.5C24.4271 33.2656 23.9974 32.8229 23.7891 32.1719L23.7109 31.7422C23.5286 31.0391 23.125 30.5182 22.5 30.1797L22.1875 29.9844C21.5885 29.6198 21.276 29.0729 21.25 28.3438V28.0312C21.25 27.5104 21.4323 27.0677 21.7969 26.7031L21.9531 26.5469C22.3177 26.1823 22.7604 26 23.2812 26H24.9609C25.4036 26 25.8203 25.8958 26.2109 25.6875L27.5391 24.9062C27.7214 24.8021 27.8385 24.6589 27.8906 24.4766C28.0208 24.0599 27.8906 23.7344 27.5 23.5L27.2656 23.3828C27.0052 23.2526 26.7318 23.2396 26.4453 23.3438L25.5469 23.6172C25.1823 23.7214 24.8958 23.6302 24.6875 23.3438C24.5052 23.0312 24.5182 22.7318 24.7266 22.4453L25.2734 21.8203C25.6641 21.2734 25.6641 20.7396 25.2734 20.2188L24.6484 19.4766C24.2839 19.0339 24.2318 18.5521 24.4922 18.0312L24.6094 17.875C24.7396 17.875 24.8698 17.875 25 17.875C26.849 17.901 28.4635 18.4349 29.8438 19.4766C31.224 20.5182 32.1875 21.8724 32.7344 23.5391ZM16.875 26C16.901 24.5417 17.2396 23.2266 17.8906 22.0547L18.9062 22.4453C19.2188 22.5755 19.4401 22.7839 19.5703 23.0703C19.7005 23.3568 19.7135 23.6693 19.6094 24.0078L18.9844 25.9609C18.8281 26.4036 18.5286 26.6771 18.0859 26.7812L16.9531 27.0938C16.901 26.7292 16.875 26.3646 16.875 26ZM35 26C34.974 24.1771 34.5312 22.5104 33.6719 21C32.7865 19.4896 31.5625 18.2656 30 17.3281C28.4115 16.4427 26.7448 16 25 16C23.2552 16 21.5885 16.4427 20 17.3281C18.4375 18.2656 17.2135 19.4896 16.3281 21C15.4688 22.5104 15.026 24.1771 15 26C15.026 27.8229 15.4688 29.4896 16.3281 31C17.2135 32.5104 18.4375 33.7344 20 34.6719C21.5885 35.5573 23.2552 36 25 36C26.7448 36 28.4115 35.5573 30 34.6719C31.5625 33.7344 32.7865 32.5104 33.6719 31C34.5312 29.4896 34.974 27.8229 35 26Z" fill="black" />
</svg>
</span>
<?php echo Form::text('billing_county',$billing?$billing->county:null,array('class'=>'form-control','placeholder'=>'County','id'=>'billing_county')); ?>
</div>
</div>
</div>
<div class="col-md-6">
<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_postcode" class="">Postcode</label>
</div>
<div class="filds-input">
<span class="input_icon">
<svg width="50" height="42" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 0L8.07781 0C3.61656 0 0 3.61656 0 8.07781V42.9222C0 47.3834 3.61656 51 8.07781 51H50V0Z" fill="#CFDDD7" />
<path d="M35 24.125C34.9479 22.5365 34.401 21.2083 33.3594 20.1406C32.2917 19.099 30.9635 18.5521 29.375 18.5C27.7865 18.5521 26.4583 19.099 25.3906 20.1406C24.349 21.2083 23.8021 22.5365 23.75 24.125V31C23.776 31.7031 24.0234 32.2891 24.4922 32.7578C24.9609 33.2266 25.5469 33.474 26.25 33.5H32.5C33.2031 33.474 33.7891 33.2266 34.2578 32.7578C34.7266 32.2891 34.974 31.7031 35 31V24.125ZM32.5 24.125C32.474 24.5156 32.2656 24.724 31.875 24.75H26.875C26.4844 24.724 26.276 24.5156 26.25 24.125C26.276 23.7344 26.4844 23.526 26.875 23.5H31.875C32.2656 23.526 32.474 23.7344 32.5 24.125ZM22.5 24.125C22.5 22.9531 22.7604 21.8854 23.2812 20.9219C23.8021 19.9323 24.5182 19.125 25.4297 18.5H18.125C16.5365 18.5521 15.2083 19.099 14.1406 20.1406C13.099 21.2083 12.5521 22.5365 12.5 24.125V31C12.526 31.7031 12.7734 32.2891 13.2422 32.7578C13.7109 33.2266 14.2969 33.474 15 33.5H23.4375C22.8385 32.8229 22.526 31.9896 22.5 31V24.125ZM20 24.125C19.974 24.5156 19.7656 24.724 19.375 24.75H17.5V26.625C17.474 27.0156 17.2656 27.224 16.875 27.25H15.625C15.2344 27.224 15.026 27.0156 15 26.625V24.125C15.026 23.7344 15.2344 23.526 15.625 23.5H16.875H19.375C19.7656 23.526 19.974 23.7344 20 24.125Z" fill="black" />
</svg>
</span>
<?php echo Form::text('billing_postcode',$billing?$billing->postcode:null,array('class'=>'form-control','placeholder'=>'Postcode','id'=>'billing_postcode')); ?>
<?php echo Form::hidden('billing_country',$billing?$billing->country:'GB'); ?>
</div>
</div>
</div>
</div>
<!-- New Change End -->
<?php /*new card*/ ?>
<!-- <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="card-number" class="card-number"> <i class="fa fa-credit-card"></i> CARD NUMBER</label>
</div>
<div class="filds-input">
<div>
<?php echo Form::text('card_number',env('SAGEPAY_TEST_CARD_NUMBER'),array('class'=>'form-control','placeholder'=>'4321000000000001')); ?>
</div>
<?php if($errors->has('card_number')): ?>
<p class="text-danger">
<sub>
<i class="fa fa-exclamation-triangle"></i> <?php echo e($errors->first('card_number', ':message')); ?>
</sub>
</p>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="filds flex-container pay-filed-expiry pay-filed-middle same-filed">
<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="expiration-date" class="card-number"><i class="fa fa-calendar"></i> EXPIRY MONTH</label>
</div>
<div class="filds-input">
<?php echo Form::text('expiry_month',env('SAGEPAY_TEST_EXPIRY_MONTH'),array('class'=>'form-control','placeholder'=>'5')); ?>
<?php if($errors->has('expiry_month')): ?>
<p class="text-danger">
<sub>
<i class="fa fa-exclamation-triangle"></i> <?php echo e($errors->first('expiry_month', ':message')); ?>
</sub>
</p>
</div>
</div>
<?php endif; ?>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="filds flex-container pay-filed-expiry-year pay-filed-middle same-filed">
<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="expiration-date" class="card-number"><i class="fa fa-calendar"></i> EXPIRY YEAR</label>
</div>
<div class="filds-input">
<?php echo Form::text('expiry_year',env('SAGEPAY_TEST_EXPIRY_YEAR'),array('class'=>'form-control','placeholder'=>'2023')); ?>
<?php if($errors->has('expiry_year')): ?>
<p class="text-danger">
<sub>
<i class="fa fa-exclamation-triangle"></i> <?php echo e($errors->first('expiry_year', ':message')); ?>
</sub>
</p>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="filds flex-container pay-filed-middle pay-filed-ccv">
<div class="filds-label">
<span class="img-d">
<img src="<?php echo e(asset('/themes/frontend_new/assets/img/reg-l.png')); ?>"/>
</span>
<label for="cvv" class="card-number"> <i class="fa fa-lock"></i> CCV</label>
</div>
<div class="filds-input">
<?php echo Form::text('card_cvv',env('SAGEPAY_TEST_CCV'),array('class'=>'form-control','placeholder'=>'123')); ?>
</div>
</div>
</div>
</div> -->
<div class="row">
<div class="col-md-6">
<div class="form-group pass-bx">
<div class="filds">
<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="name" style="position:static">Enter Card Details:</label>
</div>
<div class="filds-input card_logo_wapper">
<div class="visa-logo" style="margin:10px 0px 0px 0px;">
<img src="<?php echo e(asset('themes/frontend_new/assets/img/membership/visa.jpeg')); ?>" alt="">
<img src="<?php echo e(asset('themes/frontend_new/assets/img/membership/master_card.jpeg')); ?>" alt="">
<img src="<?php echo e(asset('themes/frontend_new/assets/img/membership/master_card1.jpeg')); ?>" alt="">
<img src="<?php echo e(asset('themes/frontend_new/assets/img/membership/visa1.png')); ?>" alt="">
<img class="stripe_logo" src="<?php echo e(asset('themes/frontend_new/assets/img/membership/stripe.jpeg')); ?>" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group log-bx">
<div class="filds flex-container pay-filed-middle">
<div>
<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="name">Enter Card Details:</label>
</div>
</div>
<div>
<div id="card-element"></div>
<div id="card-errors" role="alert"></div>
</div>
</div>
</div>
</div>
</div>
<?php /* card end */ ?>
<div id="actions">
<div class="relative-box">
<img src="https://test.tradze.com/images/tradze-image.png" alt="">
<label class="terms_conditions_text_face">
<!-- If your booking is cancelled within 3 hours of your scheduled time, you will be charged 100% of the booking amount. We pre-authorise the booking amount at the time of reservation, but will only charge you if the Tradze Terms & Conditions are breached. Additionally, we provide a 15-minute grace period; if you fail to arrive within this time frame, you will be charged the full booking amount.
</br>
I have read and agree with Tradze's <a class="link" target="_blank" href="<?php echo e(url('privacy-policy')); ?>">Privacy Policy</a> and <a class="link" target="_blank" href="<?php echo e(url('legal')); ?>">Terms & Conditions</a>. I agree to follow Tradze's service guidelines as outlined in the T&Cs, and I understand that the service provider has the right to refuse service if I fail to comply with these guidelines or Tradze's general service provider etiquette. In such cases, I acknowledge that I will be charged 100% of the booking value. -->
<!-- New TermsNcondition -->
<h5 style="color: #0056b3; border-bottom: 2px solid #eee; padding-bottom: 10px; margin-bottom: 20px;">Tradze User Terms & Conditions</h5>
<p style="margin-bottom: 10px;">Tradze Ltd (“Tradze”, “we”, “us”, “our”) provides an introducer platform connecting users (“you”, “your”, “customer”) with independent service providers.</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">1. Role of Tradze</h5>
<p style="margin-bottom: 10px;">Tradze operates solely as an introducer platform. We connect you with independent service providers but <strong style="color: #0056b3;">do not perform, supervise, or guarantee the quality of any services provided</strong>. All agreements, work carried out, and outcomes are strictly between you and the service provider.</p>
<p style="margin-bottom: 10px;">Tradze bears <strong style="color: #0056b3;">no responsibility or liability</strong> for:</p>
<ul style="list-style-type: disc; margin-left: 20px; margin-bottom: 15px;">
<li style="margin-bottom: 5px;">The quality, timeliness, or outcome of any service</li>
<li style="margin-bottom: 5px;">Damages, injuries, losses, or accidents that occur on-site</li>
<li style="margin-bottom: 5px;">Disputes between users and service providers</li>
</ul>
<p style="margin-bottom: 10px;">By using Tradze, you acknowledge and accept that Tradze’s role is limited to facilitating introductions only.</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">2. What Your £99 + VAT Booking Fee Includes</h5>
<p style="margin-bottom: 10px;">When you book a service provider through Tradze, you agree to pay a standard fee of <strong style="color: #0056b3;">£99 + VAT</strong>.</p>
<p style="margin-bottom: 10px;">This fee includes:</p>
<ul style="list-style-type: disc; margin-left: 20px; margin-bottom: 15px;">
<li style="margin-bottom: 5px;">Up to <strong style="color: #0056b3;">45 minutes</strong> of the service provider’s time on-site</li>
<li style="margin-bottom: 5px;">A professional attempt to resolve your issue during this time</li>
<li style="margin-bottom: 5px;">Survey and assessment of the problem</li>
<li style="margin-bottom: 5px;">Verbal recommendations or solutions if additional work is needed</li>
</ul>
<p style="margin-bottom: 10px;">This fee <strong style="color: #0056b3;">does not include</strong> materials, parts, or additional time beyond the initial 45 minutes. Any such items will be separately quoted and charged by the service provider directly.</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">3. Respect & Conduct</h5>
<p style="margin-bottom: 10px;">You are expected to:</p>
<ul style="list-style-type: disc; margin-left: 20px; margin-bottom: 15px;">
<li style="margin-bottom: 5px;">Treat all service providers with respect and professionalism</li>
<li style="margin-bottom: 5px;">Provide safe, lawful access to the property</li>
<li style="margin-bottom: 5px;">Ensure someone is present to grant access at the agreed time</li>
</ul>
<p style="margin-bottom: 10px;"><strong style="color: #0056b3;">Abusive, aggressive, or inappropriate behaviour will result in your account being suspended or terminated.</strong></p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">4. Booking & Attendance Policy</h5>
<p style="margin-bottom: 10px;">Tradze operates a live booking system.</p>
<ul style="list-style-type: disc; margin-left: 20px; margin-bottom: 15px;">
<li style="margin-bottom: 5px;">Once you make a booking, the service provider is immediately notified and begins travelling to your location.</li>
<li style="margin-bottom: 5px;"><strong style="color: #0056b3;">Bookings cannot be cancelled or refunded after confirmation.</strong></li>
</ul>
<p style="margin-bottom: 10px;">If no one is present to allow the service provider access, you will still be charged the full <strong style="color: #0056b3;">£99 + VAT fee</strong>. The provider will document their attendance (e.g., photo evidence) as proof of arrival.</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">5. On-Site Work & Further Requirements</h5>
<p style="margin-bottom: 10px;">Service providers will make every reasonable effort to complete the required work within the 45-minute window. However, depending on the nature of the issue, further work may be necessary.</p>
<ul style="list-style-type: disc; margin-left: 20px; margin-bottom: 15px;">
<li style="margin-bottom: 5px;">The provider may offer a quote or recommendations for additional labour and/or materials.</li>
<li style="margin-bottom: 5px;">Any agreement for continued work or additional costs is made directly between you and the service provider.</li>
</ul>
<p style="margin-bottom: 10px;">Tradze is <strong style="color: #0056b3;">not responsible</strong> for the cost, quality, or delivery of any extended or follow-up services.</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">6. Time Allocation & Work Limitations</h5>
<p style="margin-bottom: 10px;">The <strong style="color: #0056b3;">£99 + VAT fee covers up to 45 minutes</strong> of the service provider’s time on-site. During this period, the service provider will do everything reasonably possible to assess and/or resolve the issue. However:</p>
<ul style="list-style-type: disc; margin-left: 20px; margin-bottom: 15px;">
<li style="margin-bottom: 5px;">There may be circumstances where the issue cannot be resolved within the 45-minute window due to time limitations, safety concerns, or lack of required materials.</li>
<li style="margin-bottom: 5px;">In these cases, the <strong style="color: #0056b3;">£99 + VAT fee remains fully chargeable</strong>.</li>
<li style="margin-bottom: 5px;">If the service provider completes the work in less than 45 minutes, the full fee still applies. This fee reflects the value of the call-out, time reserved, travel, and professional expertise.</li>
</ul>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">7. Trader Vetting & User Responsibility</h5>
<p style="margin-bottom: 10px;">All service providers on the Tradze platform are subject to a vetting process to confirm they hold relevant public liability insurance and trade certifications where applicable. This is to help ensure that each provider is appropriately trained and insured in their respective field and meets minimum industry standards.</p>
<p style="margin-bottom: 10px;">However, it remains your responsibility as the customer to <strong style="color: #0056b3;">request and review any additional qualifications, insurance documents, or credentials directly from the service provider</strong> before approving any further works beyond the initial visit.</p>
<p style="margin-bottom: 10px;">If you require this information for your personal records or peace of mind, you are encouraged to request it directly from the provider during or after their initial assessment.</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">8. Payments & Fees</h5>
<p style="margin-bottom: 10px;">All payments are processed through the Tradze platform unless otherwise arranged.</p>
<ul style="list-style-type: disc; margin-left: 20px; margin-bottom: 15px;">
<li style="margin-bottom: 5px;">The <strong style="color: #0056b3;">£99 + VAT call-out fee covers the initial visit only</strong>.</li>
<li style="margin-bottom: 5px;">Tradze retains a transaction fee from this amount for providing the introduction service.</li>
</ul>
<p style="margin-bottom: 10px;">Tradze does not take commission from extended works or follow-up arrangements.</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">9. Disputes & Complaints</h5>
<p style="margin-bottom: 10px;">If you are unhappy with the service received, please email <strong style="color: #0056b3;">info@tradze.com</strong> with full details.</p>
<p style="margin-bottom: 10px;">While Tradze does not arbitrate disputes, we may assist in communication between parties where appropriate.</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">10. Cancellations & Refunds</h5>
<ul style="list-style-type: disc; margin-left: 20px; margin-bottom: 15px;">
<li style="margin-bottom: 5px;">Bookings are final and <strong style="color: #0056b3;">cannot be cancelled or refunded after confirmation</strong> due to the live nature of our scheduling system.</li>
<li style="margin-bottom: 5px;">Exceptional cases will be reviewed on a discretionary basis but are not guaranteed.</li>
</ul>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">11. Amendments to Terms</h5>
<p style="margin-bottom: 10px;">Tradze reserves the right to amend these Terms & Conditions at any time. You will be notified of any material changes via email or in-app notification. Continued use of the platform after such changes constitutes acceptance of the new terms.</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">12. Contact</h5>
<p style="margin-bottom: 10px;">For questions, support, or complaints, contact us:</p>
<p style="margin-bottom: 10px;"><strong style="color: #0056b3;">Email:</strong> info@tradze.com<br>
<strong style="color: #0056b3;">Business Address:</strong> 71-75 Shelton Street, Covent Garden, London, WC2H 9JQ
</p>
<div style="border-top: 1px solid #eee; margin: 40px 0;"></div>
<h5 style="color: #0056b3; margin-top: 30px; margin-bottom: 15px;">13. Acceptance</h5>
<p style="margin-bottom: 10px;">To proceed with your booking and use of the Tradze platform, you must tick to confirm that you have read, understood, and agreed to these Terms & Conditions.</p>
<p class="footbxtm">
<input type="checkbox" id="terms_checkbox" name="terms_cheeck" class="form-control1" required="" style="margin-bottom: 50px;"> By continuing you agree to our terms and conditions
</p>
<!-- <button onclick="document.getElementById('terms_checkbox').scrollIntoView({ behavior: 'smooth' });"
style="position: fixed; bottom: 30px; right: 30px; background-color: #0056b3; color: white; border: none; border-radius: 50%; width: 50px; height: 50px; font-size: 24px; display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1000;">
↓ </button> -->
<!-- <input type="checkbox" id="terms_checkbox" name="terms_cheeck" class="form-control1" required=""> -->
</label>
</div>
<div class="login-reg-sec group-btn-box">
<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>
<button value="PAY NOW" id="paywcard" class="button-login-trans" style="width:100%!important">Confirm Booking</button>
<!-- <input type="submit" value="PAY NOW" id="paywcard" class="button-login-trans" style="width:100%!important"> -->
</div>
</div>
<!-- <div class="button-sec-right">
<div class="btn-com">
<span>
<img src="http://testt.zenlondon.co.uk/themes/frontend_new/assets/img/btn.png">
</span>
<a href="<?php echo e(route('bookings.basket.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 echo $__env->make('frontend_new.partials.payment-accepted-cards', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?> -->
<?php /*end cards*/ ?>
</div>
<?php /*end card*/ ?>
<?php elseif($pay_with_voucher==true): ?>
<?php /*the cart total=0 and one voucher has been used*/ ?>
<div class="col-md-12">
<?php echo Form::open(['route' => 'bookings.basket.pay_with_cash','id'=>'form-cash']); ?>
<div style="background:#fff; padding:10px; font-size:14px;font-weight:normal;">
<div class="row">
<div class="col-md-12">
<div class="row" style="margin-top:10px;">
<div class="col-md-12 text-center">
<label>YOUR BOOKING WILL BE PAID WITH THE VOUCHER USED IN THE BASKET</label>
</div>
</div>
<button class="btn btn-primary" id="pay_cash" style="width:100%!important;margin-top:44px;">CONFIRM & PAY</button>
</div>
</div>
</div>
<?php echo Form::close(); ?>
</div>
<?php /*end voucher is used and total=0*/ ?>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<?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($min_ttl)) {
?>
<script>
$(document).ready(function() {
var element = $('#countdown-gampang');
var time_left_in_seconds = $('#countdown-gampang').attr('clockTime');
var seconds = parseInt(time_left_in_seconds);
// alert(seconds);
var finish_d = new Date();
// alert(finish_d);
finish_d.setSeconds(finish_d.getSeconds() + seconds);
// alert(finish_d);
element.CountdownGampang({
rampung: finish_d,
theme: "flat-colors-wide"
}, function() {
window.location.reload(true);
});
});
</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>
<!-- card stripe -->
<script>
var stripe_publish_key = "<?php echo e(env('stripe_publish_key')); ?>"
var stripe = Stripe(stripe_publish_key);
// var stripe = Stripe('YOUR_PUBLISHABLE_KEY');
var elements = stripe.elements();
// var cardElement = elements.create('card');
// Create the card element and hide the ZIP code field
var cardElement = elements.create('card', {
hidePostalCode: true, // Set this option to true to remove the ZIP code field
});
cardElement.mount('#card-element');
// console.log("outside checkoutpau submit method");
var form = document.getElementById('form-card');
if (form) {
$('#paywcard').on('click', function() {
console.log("here");
event.preventDefault();
if (!$('#terms_checkbox').is(':checked')) {
alert('Please check the terms and condition');
return;
}
// console.log("inside checkoutpau submit method");
stripe.createToken(cardElement).then(function(result) {
if (result.error) {
var errorElement = document.getElementById('card-errors');
errorElement.textContent = result.error.message;
} else {
console.log(result.token.id);
// Token created successfully
var tokenInput = document.createElement('input');
tokenInput.setAttribute('type', 'hidden');
tokenInput.setAttribute('name', 'stripeToken');
tokenInput.setAttribute('value', result.token.id);
form.appendChild(tokenInput);
stripe.createPaymentMethod({
type: 'card',
card: cardElement,
}).then(function(result) {
if (result.error) {
// Handle errors (e.g., card validation errors)
} else {
if (true) {
// start
var paymentMethodId = result.paymentMethod.id;
var modal_URL = "<?php echo e(url('/booking/basket/createPaymentIntent')); ?>";
console.log(modal_URL);
$.ajax({
method: "POST",
url: modal_URL,
cache: false,
// dataType: "json",
data: {
id: paymentMethodId,
// salon_id: salon_id
},
beforeSend: function() {
},
dataType: "html",
})
.done(function(data) {
var jsondata = JSON.parse(data);
var clientSecret = jsondata.client_secret;
// Use the client secret to handle the payment
var return_url = "<?php echo e(url('booking/basket/redirect-payment')); ?>";
stripe.confirmCardPayment(clientSecret, {
payment_method: {
card: cardElement
},
return_url: return_url
},
// Disable the default next action handling.
{
handleActions: false
}).then(function(result) {
if (result.error) {
// Handle errors (e.g., card validation errors)
} else {
// Check if there is a next_action
if (result.paymentIntent.next_action && result.paymentIntent.next_action.type === 'redirect_to_url') {
var redirectUrl = result.paymentIntent.next_action.redirect_to_url.url;
// Redirect the user to the provided URL
window.location.href = redirectUrl;
} else {
var paymentIntentId = result.paymentIntent.id;
var tokenInputpayment = document.createElement('input');
tokenInputpayment.setAttribute('type', 'hidden');
tokenInputpayment.setAttribute('name', 'paymentIntentId');
tokenInputpayment.setAttribute('value', result.paymentIntent.id);
form.appendChild(tokenInputpayment);
form.submit();
}
}
});
// div.parent().next('#'.id).html(data);
// div.parent().next('.open_blockitem').toggleClass('open_blockitem_active');
});
}
}
});
}
});
});
}
</script>
<!-- end stripe card -->
<!-- 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 if(!isset($pay_with_voucher)): ?> --
}
}
{
{
--
var hostedFormSubmit = document.querySelector('#check-hosted-fields');
--
}
}
{
{
--braintree.client.create({
--
}
}
{
{
--authorization: "<?php echo e((\Braintree\ClientToken::generate())); ?>"--
}
}
{
{
--
},
function(clientErr, clientInstance) {
--
}
}
{
{
--
if (clientErr) {
--
}
}
{
{
-- // Handle error in client creation--}}
{
{
--
return;
--
}
}
{
{
--
}--
}
}
{
{
--braintree.hostedFields.create({
--
}
}
{
{
--client: clientInstance, --
}
}
{
{
--styles: {
--
}
}
{
{
-- // 'input': {--}}
{
{
-- // 'font-size': '12px',--}}
{
{
-- // },--}}
{
{
--'input.invalid': {
--
}
}
{
{
--'color': 'red'--
}
}
{
{
--
}, --
}
}
{
{
--'input.valid': {
--
}
}
{
{
--'color': 'green'--
}
}
{
{
--
}--
}
}
{
{
--
}, --
}
}
{
{
--fields: {
--
}
}
{
{
--number: {
--
}
}
{
{
--selector: '#card-number', --
}
}
{
{
--placeholder: 'CARD NUMBER'--
}
}
{
{
--
}, --
}
}
{
{
--cvv: {
--
}
}
{
{
--selector: '#cvv', --
}
}
{
{
--placeholder: 'CCV'--
}
}
{
{
--
}, --
}
}
{
{
--expirationDate: {
--
}
}
{
{
--selector: '#expiration-date', --
}
}
{
{
--placeholder: 'MM/YY'--
}
}
{
{
--
}--
}
}
{
{
--
}--
}
}
{
{
--
},
function(hostedFieldsErr, hostedFieldsInstance) {
--
}
}
{
{
--
if (hostedFieldsErr) {
--
}
}
{
{
-- // Handle error in Hosted Fields creation--}}
{
{
--
return;
--
}
}
{
{
--
}--
}
}
{
{
--hostedFormSubmit.removeAttribute('disabled');
--
}
}
{
{
--hostedFormSubmit.addEventListener('click', function(event) {
--
}
}
{
{
--$('#hosted-form .error-payment').html('');
--
}
}
{
{
--event.preventDefault();
--
}
}
{
{
--hostedFieldsInstance.tokenize(function(tokenizeErr, payload) {
--
}
}
{
{
--
if (tokenizeErr) {
--
}
}
{
{
-- // Handle error in Hosted Fields tokenization--}}
{
{
--$('#hosted-form .error-payment').html('<?php echo e(trans('
schedules::payment.invalid_tokenize_err ')); ?>');
--
}
}
{
{
-- // console.log(tokenizeErr);--}}
{
{
--
return;
--
}
}
{
{
--
}--
}
}
{
{
--hostedFormSubmit.setAttribute('disabled', true);
--
}
}
{
{
--$('#paypal-form').hide();
--
}
}
{
{
--$('.hide-payment').hide();
--
}
}
{
{
--$("#actions").html("<div class='text-center'><i class='fa fa-spin fa-spinner fa-2x'></i> Processing...</div>");
--
}
}
{
{
--document.querySelector('input[name="payment-method-nonce"]').value = payload.nonce;
--
}
}
{
{
--$("#form-card").submit();
--
}
}
{
{
--
});
--
}
}
{
{
--
}, false);
--
}
}
{
{
--
});
--
}
}
{
{
--
});
--
}
}
{
{
--<?php endif; ?>--
}
}
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make("schedules::frontend_new.layouts.checkout", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>