Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/tradze/www/dev-test/resources/views/membership_old/layouts/ |
<!DOCTYPE html>
<html lang="en">
<head>
<title>ZENSTAR, @yield('title')</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>
<meta property="og:title" content="@yield('meta_title')">
<meta property="og:description" content="@yield('meta_description')">
<!-- Global styles START -->
@include('frontend_new.partials.core-css')
<!-- Global styles END -->
<!-- Start css page -->
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.theme.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.carousel.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/plugins/FlipClock/compiled/flipclock.css') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/bootstrap-css/bootstrap-datepicker.css') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/css-carousel-treatments.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/typehead-bootstrap3.css') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/font-awesome.min.css') }}" type="text/css" media="screen">
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/css-top-contact.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/build.css') }}" type="text/css" media="screen"/>
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/membership/membership.css') }}" type="text/css" media="screen"/>
<script src="https://js.stripe.com/v3/"></script>
@yield('css_page')
<style>
/****Membership page slider****/
.mebmebership-slider .owl-theme .owl-controls {
position: unset !important;
}
.mebmebership-slider .owl-buttons {
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
top: 50%;
transform: translateY(-50%);
padding: 0 20px;
height: 90px;
line-height: initial;
/* z-index: -1; */
}
.mebmebership-slider .owl-prev{
position:relative;
background:transparent !important;
}
.mebmebership-slider .owl-prev:after{
position:absolute;
content:' \f0a8';
font-family: 'fontawesome';
font-size: 50px;
background: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 100%;
top: 0;
left: 0;
}
.mebmebership-slider .owl-next{
position:relative;
background:transparent !important;
}
.mebmebership-slider .owl-next:after{
position:absolute;
content:' \f0a9';
font-family: 'fontawesome';
font-size: 50px;
background: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 100%;
top: 0;
right: 0;
}
.mebmebership-slider .owl-pagination {
position: absolute;
bottom: 10px;
display: flex;
left: 50%;
transform: translateX(-50%);
}
.mebmebership-slider .layer_bLset img {
width: 1110px;
height: 650px;
/* object-fit: contain;
*/ margin: 50px 0 76px;
/*border: solid 2px transparent !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 100px 1px #fff inset !important;*/
}
.mebmebership-slider .layer_bLset {
background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
text-align: center;
}
.mebmebership-slider .innerSliderLayer{
background:#000;
text-align: center;
}
.mebmebership-slider .membership-price{
background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
padding: 95px 0 38px 0;
}
.mebmebership-slider video{
/* width: 100%;
*/ height: 650px;
object-fit: fill;
margin: 50px 0 70px;
}
.mebmebership-slider .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
/* opacity: 1; */
background: #000;
border: none;
}
.last-slide{
position: relative;
}
.slide-subscribe{
position: absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index: 99999999;
margin-top:-50px;
}
.slider-modal {
position: relative;
/*top: 120px;
*/display: flex;
justify-content: center;
align-items: center;
padding: 50px 0;
}
</style>
</head>
<body class="no_testimonials_page">
{{--start header--}}
@include('frontend_new.partials.header')
{{--end start header--}}
{{--start contact top--}}
@include('frontend_new.partials.contact-top')
{{--end contact top--}}
@yield('content')
<!-- Modal -->
<div class="modal fade" id="info-therapist" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<div class="modal-body">
{{--load ajax therapis info--}}
</div>
</div>
</div>
</div>
{{--start footer--}}
@include('frontend_new.partials.footer')
{{--end footer--}}
{{ csrf_field() }}
{{--start core js--}}
@include('frontend_new.partials.core-js')
{{--end core js--}}
{{--page scripts--}}
<script src="{{ asset('/themes/frontend_new/assets/plugins/FlipClock/compiled/flipclock.js') }}"></script>
<script src="{{ asset('/themes/frontend_new/assets/js/bootstrap-datepicker.js') }}"></script>
<script src="{{ asset('/themes/frontend_new/assets/js/typeahead.bundle.js') }}"></script>
{{--start custom scripts--}}
@yield('custom_scripts')
{{--end custom scripts--}}
{{--Page JS--}}
<script type="text/javascript" src="{{ asset('/themes/frontend_new/assets/js/fontawesome.js') }}"></script>
<script type="text/javascript" src="{{ asset('/themes/frontend_new/assets/plugins/owl.carousel/owl-carousel/owl.carousel.js') }}"></script>
<script>
$(document).ready(function () {
$("video[autoplay]").each(function(){ this.play(); });
$(".owl-treatments").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
navigation: false,
pagination: true,
itemsCustom: [
[0, 2],
[450, 2],
[600, 3],
[700, 4],
[1000, 5],
[1200, 6],
[1400, 6],
[1600, 7]
],
});
$(".owl-select-date").owlCarousel({
autoPlay: false, //Set AutoPlay to 3 seconds
navigation: true,
pagination: false,
itemsCustom: [
[0, 4],
[450, 4],
[600, 4],
[700, 10],
[1000, 14],
[1200, 14],
[1400, 14],
[1600, 14]
],
});
$(".owl-social").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
navigation: false,
pagination: true,
itemsCustom: [
[0, 2],
[450, 2],
[600, 3],
[700, 3],
[1000, 4],
[1200, 5],
[1400, 5],
[1600, 5]
],
});
$(".owl-event").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
navigation: true,
pagination: false,
itemsCustom: [
[0, 1],
[450, 1],
[600, 3],
[700, 3],
[1000, 4],
[1200, 4],
[1400, 5],
[1600, 5]
],
});
});
</script>
<script>
$('.owl_elementBlock').owlCarousel({
loop: true,
margin: 5,
items: 1,
navigation: true,
// navText: ["<i class='fa fa-long-arrow-left'></i>","<i class='fa fa-long-arrow-right'></i>"],
itemsCustom: [
[0, 1],
[450, 1],
[600, 1],
[700, 1],
[1000, 1],
[1200, 1],
[1400, 1],
[1600, 1]
],
})
$(document).ready(function(){
$(".mebmebership-slider .mobile_view_plans").parents('.owl-item').addClass('mobile_view_plans');
$(document).on("click", ".subscribeBtn .subscribe_btn", function(){
$("#price-modal").modal('toggle');;
});
});
</script>
<script>
var stripe_publish_key = "{{ 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');
var form = document.getElementById('createCustomer');
if(form) {
form.addEventListener('submit', function(event) {
event.preventDefault();
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('card', cardElement).then(function(result) {
if (result.paymentMethod) {
// Payment Method created, you can use it to confirm the Payment Intent
var paymentMethodId = result.paymentMethod.id;
console.log(result.paymentMethod);
// Token created successfully
var paymentInput = document.createElement('input');
paymentInput.setAttribute('type', 'hidden');
paymentInput.setAttribute('name', 'payment_method_id');
paymentInput.setAttribute('value', paymentMethodId);
form.appendChild(paymentInput);
// Submit the form
form.submit();
// Send the paymentMethodId to your server to confirm the payment
// Your server will handle the Payment Intent creation and 3D Secure flow
}
});
}
});
});
}
var formUpdateCard = document.getElementById('updateCardForSubscription');
if(formUpdateCard) {
formUpdateCard.addEventListener('submit', function(event) {
event.preventDefault();
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);
formUpdateCard.appendChild(tokenInput);
// Submit the form
formUpdateCard.submit();
}
});
});
}
</script>
@if(isset($plans) && !empty($plans))
<script>
$(document).ready(function(){
$('#plan_id').on('change', function(){
var key = $('#plan_id').val();
var plan = JSON.parse('{!! $plans !!}');
var selectedPlan = plan[key];
// alert("here again");
// Retrieve the select element by ID
var selectElement = document.getElementById('price_id');
// Remove all child elements
selectElement.innerHTML = '';
for (var i = 0; i < selectedPlan.prices.length; i++) {
// Create the new option element
var newOption = document.createElement('option');
newOption.value = selectedPlan.prices[i].price_id;
newOption.innerHTML = selectedPlan.prices[i].amount;
// Append the new option after removing the first option
selectElement.appendChild(newOption);
}
});
});
</script>
@endif
</body>
</html>