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/public/themes/frontend_new/assets/ |
@extends("schedules::frontend_new.layouts.checkout")
@section('title',$meta_title)
@section('meta_title',$meta_title)
@section('meta_description',$meta_description)
@section('meta_keywords',$meta_keywords)
@section('content')
{{--start page title--}}
@if (!\Cart::isEmpty())
@if (session()->has('flash_notification.message'))
<div class="row center">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 display-inline">
<div class="title-book">
{!! session('flash_notification.message') !!}
</div>
</div>
</div>
@endif
@else
<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">
<img class="img-responsive clock-icon" src="{{ asset('/themes/frontend_new/assets/img/clock.png') }}"/>
</div>
<div class="pull-left display-inline-tab">
<div class="title-book">
Your basket is empty
</div>
</div>
</div>
</div>
</div>
</div>
@endif
{{--page title--}}
{{--start first booking--}}
@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="book-zone" id="zoneId{{ $item->id }}" avuntil="{{ $item->attributes->reserved_until }}" style="margin-top:10px;">
{{--start title & counter book--}}
<div class="counter-background">
<div class="row center">
<!-- start title-->
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-5 display-inline">
<div class="clearfix center">
{{--<div class="pull-left display-inline-tab">--}}
{{--<img class="img-responsive clock-icon" src="{{ asset('/themes/frontend_new/assets/img/clock.png') }}"/>--}}
{{--</div>--}}
<div class="pull-left display-inline-tab">
<div class="title-book">
{{--<b>Time Left</b> for booking--}}
{{--<b>Time to complete</b> this booking--}}
<b>Time remaining</b> to confirm this booking
</div>
</div>
</div>
</div>
<!-- end title-->
<!-- start counter-->
<div class="col-xs-12 col-sm-6 col-md-5 col-lg-3 display-inline">
<div id="book-time-01">
<div class="clock-01" clocktime="{{ $reserved_ttl }}"></div>
<div class="message"></div>
</div>
</div>
<!-- end counter-->
<!-- start btns-->
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-4 display-inline">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-md-offset-6 col-lg-offset-6">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-4 display-inline">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-12 col-lg-6" style="margin-top:2px">
<button class="btn cancelbtn checkout-pay" type="button" cancelId="{{ $item->id }}">CANCEL</button>
</div>
<div class="col-xs-6 col-sm-6 col-md-12 col-lg-6" style="margin-top:2px">
<a href="{{ route('bookings.basket.checkoutpay') }}" class="btn checkout-pay">CHECKOUT & PAY</a>
</div>
</div>
</div>
<!-- end btns-->
</div>
</div>
{{--end title & counter book--}}
<div class="dark-book-gray">
<div class="row">
{{--start img therapist--}}
<div class="col-xs-12 col-sm-2 col-md-2">
@foreach($item->attributes->therapistImage as $image)
<img class="img-responsive" src="{{ $image }}" style="margin-bottom:4px!important;"/>
@endforeach
</div>
{{--end img therapist--}}
{{--start book details--}}
<div class="col-xs-12 col-sm-5 col-md-5">
{{--start book details text--}}
<div class="shaded-background">
<div class="row">
<div class="col-xs-8 col-sm-4 col-md-4">
<div class="text-details">
<div class="title-desc">THERAPIST NAME</div>
<div class="text-desc">{{ implode(', ',$item->attributes->therapist) }}</div>
</div>
</div>
<div class="col-xs-8 col-sm-4 col-md-4">
<div class="text-details">
<div class="title-desc">TIME BOOKED</div>
<div class="text-desc">{{ $item->attributes->hour }}</div>
</div>
</div>
<div class="col-xs-8 col-sm-4 col-md-4">
<div class="text-details">
<div class="title-desc">DATE BOOKED</div>
<div class="text-desc">{{ $item->attributes->date }}</div>
</div>
</div>
<div class="col-xs-8 col-sm-4 col-md-4">
<div class="text-details">
<div class="title-desc">DURATION OF MASSAGE</div>
<div class="text-desc">{{ $item->attributes->duration }}</div>
</div>
</div>
<div class="col-xs-8 col-sm-4 col-md-4">
<div class="text-details">
<div class="title-desc">TYPE OF MASSAGE</div>
<div class="text-desc">{{ $item->attributes->massage_type }} ( {{ $item->attributes->type }} )</div>
</div>
</div>
<div class="col-xs-8 col-sm-4 col-md-4">
<div class="text-details">
<div class="title-desc">FOCAL POINT</div>
<div class="text-desc">{{ $item->attributes->focal_points }} </div>
</div>
</div>
<div class="col-xs-8 col-sm-6 col-md-6">
<div class="text-details">
<div class="title-desc">LOCATION</div>
<div class="text-desc">{{ $item->attributes->location }}</div>
</div>
</div>
</div>
</div>
{{--end book details text--}}
{{--start message box--}}
<div class="message-field">
<div class="text-details">
<div class="title-desc">ADDITIONAL INFORMATION / CONTRAINDICATIONS</div>
<div class="text-desc"><a href="{{ url('contraindications') }}" target="_blank">CLICK HERE TO CHECK THE FULL LIST OF CONTRAINDICATIONS</a></div>
</div>
<textarea class="form-control updateinfo" name="notes" rows="3" updateInfoId="{{ $item->id }}" placeholder="e.g. thrombosis, phlebitis, hypertension, heart conditions, varicose veins, pregnancy, cuts ">{{ $item->attributes->notes }}</textarea>
</div>
{{--end message box--}}
{{--start price line--}}
<div class="shaded-background-price">
<div class="price-details">TOTAL COST: <span class="price-value">₤{{ number_format($item->getPriceSumWithConditions(),2) }}</span></div>
@if ($has_table_by_default)
<div class="table-added">THE MASSAGE TABLE IS INCLUDED</div>
@elseif($has_table)
<div class="table-added">MASSAGE TABLE ADDED</div>
@endif
@if ($item->attributes->has_transport)
<div class="table-added">TRAVEL SUPPLEMENTS ₤{{ $item->attributes->transport_cost }}</div>
@endif
</div>
@if ($item->attributes->disclaimer)
<div class="shaded-background-price">
<div class="table-added">{{ $item->attributes->disclaimer }}</div>
</div>
@endif
{{--end price line--}}
{{--start table massage aditional--}}
{{--@if ($item->attributes->can_order_table)--}}
@if(!$has_table_by_default)
@if (!$has_table)
<div class="add-table-massage btn btn-warning" itemid="{{ $item->id }}">
<a href="#"> ADD A MASSAGE TABLE<br/>
<span class="price-value">₤{{ $item->quantity*env('TABLE_VALUE',9.99) }}</span>
</a>
</div>
@else
<div class="btn btn-danger add-table-massage-checked" itemid="{{ $item->id }}">
<a href="#"> REMOVE THE MASSAGE TABLE<br/>
<span class="price-value">- ₤{{ $item->quantity*env('TABLE_VALUE',9.99) }}</span>
</a>
</div>
@endif
@endif
{{--@endif--}}
{{--end table massage aditional--}}
</div>
{{--end book details--}}
{{--start person details--}}
<div class="col-xs-12 col-sm-5 col-md-5">
<div class="person-details-bg">
<div class="title">
<b>LOCATION & FULL NAME</b><br/>
OF MOBILE MASSAGE
</div>
<form>
<div class="form-group">
<label for="name" class="title-desc">Full Name *</label>
{!! Form::text('user_name',$item->attributes->user_name,['class'=>'form-control updateinfo', 'updateInfoId'=>$item->id, 'id'=>'name']) !!}
</div>
<div class="form-group">
<label for="phone" class="title-desc">BEST Contact Number for Massage *</label>
{!! Form::text('user_phone',$item->attributes->user_phone,['class'=>'form-control updateinfo', 'updateInfoId'=>$item->id, 'id'=>'phone']) !!}
</div>
<div class="form-group">
<label for="address" class="title-desc">Full Address *</label>
{{--{{ dd($item) }}--}}
{!! Form::text('address',$item->attributes->address,['class'=>'form-control updateinfo', 'updateInfoId'=>$item->id, 'id'=>'address']) !!}
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<label for="postcode" class="title-desc">Postcode *</label>
{!! Form::text('postcode',$item->attributes->postcode,['class'=>'form-control','id'=>'postcode','disabled']) !!}
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<label class="title-desc">* <sup>required fields</sup></label>
</div>
</div>
</div>
</form>
</div>
{{--start vocher--}}
<div class="voucher-bg">
<div class="title-desc"><b>Promotional</b> OR <b>Voucher Code</b></div>
<div class="title-desc">Use PROMO Code: <b>zenlondon07</b></div>
@if ($item->attributes->has_voucher)
<div class="text-details">
<div class="title-desc">{{ $item->attributes->voucher['name'] }}</div>
</div>
@else
<div id="error_voucher_{{ $item->id }}" class="text-danger text-left text12"></div>
@endif
<div class="row no-gutters">
@if ($item->attributes->has_voucher)
<div class="col-xs-12 col-sm-8 col-md-9">
<input type="text" class="form-control" disabled value="{{ strtoupper($item->attributes->voucher['code']) }}">
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<a vid="{{ $item->id }}" class="btn btn-warning removevoucher">REMOVE</a>
</div>
@else
<div class="col-xs-12 col-sm-8 col-md-9">
<input type="text" class="form-control" name="voucher_code_{{ $item->id }}" placeholder="">
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<a vid="{{ $item->id }}" class="btn btn-warning applyvoucher">SUBMIT</a>
</div>
@endif
</div>
<div> </div>
<div class="title-desc">Customer service 44(0)203 556 0984 Monday-Sunday 9am-9pm</div>
</div>
{{--end vocher-->--}}
</div>
{{--end person details--}}
</div>
</div>
</div>
{{--end first booking--}}
@endforeach
@endsection
@section('custom_scripts')
<script type="text/javascript">
$(document).ready(function () {
//add table
$("body").on('click','.add-table-massage',function(){
var elID = $(this).attr('itemid');
var zone = $("#zoneId"+elID);
var priceValue = zone.find('.price-details').html();
$.ajax({
method: "POST",
url: "{!! route('bookings.basket.add_table') !!}",
cache: false,
data: {itemId: elID},
beforeSend: function() {
zone.find('.price-details').html("<i class='fa fa-spin fa-spinner'></i>");
},
dataType: "json",
})
.error(function(data){
var response = JSON.parse(data.responseText);
//show error in modal
var modal = $("#modalInfo");
modal.find('.modal-title').html('Sorry');
modal.find('.modal-body').html('<h4>'+response.message+'</h4>');
modal.modal('show');
//display info again
zone.find('.price-details').html(priceValue);
})
.done(function(data) {
window.location.reload();
});
});
//remove table
$("body").on('click','.add-table-massage-checked, .add-table-massage-check-img',function(){
var elID = $(this).attr('itemid');
var zone = $("#zoneId"+elID);
$.ajax({
method: "POST",
url: "{!! route('bookings.basket.remove_table') !!}",
cache: false,
data: {itemId: elID},
beforeSend: function() {
zone.find('.price-details').html("<i class='fa fa-spin fa-spinner'></i>");
},
dataType: "json",
})
.done(function(data) {
window.location.reload();
});
});
//remove item from table
$("body").on('click','.cancelbtn',function(){
var elID = $(this).attr('cancelId');
var zone = $("#zoneId"+elID);
$.ajax({
method: "POST",
url: "{!! route('bookings.basket.cancel_item') !!}",
cache: false,
data: {itemId: elID},
beforeSend: function() {
zone.html("<div class='row'><div class='col-md-16 text-center'><i class='fa fa-spin fa-spinner fa-4x'></i></div></div>");
},
dataType: "html",
})
.done(function(data) {
window.location.reload();
});
});
//update info
$("body").on('keyup','.updateinfo',function(){
var elID = $(this).attr('updateInfoId');
var name = $(this).attr('name');
var elValue = $(this).val();
$.ajax({
method: "POST",
url: "{!! route('bookings.basket.update_item') !!}",
cache: false,
data: {itemId: elID,value:elValue,name:name},
dataType: "json",
})
.done(function(data) {
});
});
//apply voucher
$("body").on('click','.applyvoucher',function(){
var elID = $(this).attr('vid');
var zone = $("#zoneId"+elID);
var elValue = $("input[name='voucher_code_"+elID+"']").val();
$.ajax({
method: "POST",
url: "{!! route('bookings.basket.add_voucher') !!}",
cache: false,
data: {itemId: elID,value:elValue},
dataType: "json",
error: function(data){
var info = data.responseText;
$("#error_voucher_"+elID).html("<i class='fa fa-info-circle'></i> "+info);
}
})
.done(function(data) {
window.location.reload();
});
});
//remove voucher
$("body").on('click','.removevoucher',function(){
var elID = $(this).attr('vid');
var zone = $("#zoneId"+elID);
var elValue = $("input[name='voucher_code_"+elID+"']").val();
$.ajax({
method: "POST",
url: "{!! route('bookings.basket.remove_voucher') !!}",
cache: false,
data: {itemId: elID},
dataType: "json",
beforeSend: function() {
zone.find('.price-details').html("<i class='fa fa-spin fa-spinner'></i>");
},
})
.done(function(data) {
window.location.reload();
});
});
});
</script>
@endsection