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/.trash/resources_old/views/membership/pages/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.sec-two {
position: relative;
}
.sec-two img {
width: 100%;
}
/* .free {
border-radius: 50%;
padding: 45px 10px;
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 1000px 1px #000 inset !important;
min-width: 129px !important;
text-align: center !important;
outline: none !important;
display: inline-block;
color: #fff;
font-size: 15px;
text-decoration: none;
max-width: 50px;
height: 129px;
display: flex;
align-items: center;
justify-content: center;
} */
/*
.second-left {
position: absolute;
bottom: 20%;
left: 6%;
transform: translate(17%, 0);
}
.second-right {
right: 13%;
position: absolute;
bottom: 10%;
transform: translate(10%, -8%);
} */
@media screen and (max-width:1199px) {
.free {
font-size: 14px;
}
}
@media screen and (max-width:991px) {
.second-left {
position: absolute;
bottom: 20%;
left: 3%;
transform: translate(12%, 0);
}
.second-right {
right: 10%;
position: absolute;
bottom: 10%;
transform: translate(10%, -8%);
}
}
@media screen and (max-width:767px) {
.free {
padding: 7px 10px;
min-width: 100%;
max-width: 100%;
font-size: 12px;
}
.second-left {
position: absolute;
bottom: 20px;
left: 20px;
transform: unset;
}
.second-right {
right: 20px;
position: absolute;
bottom: 20px;
transform: unset;
}
}
</style>
</head>
<body class="no_testimonials_page">
{{--start header--}}
@include('frontend_new.partials.header')
{{--end start header--}}
<section class="second cancle-membership-2">
<div class="sec-two">
<img src="{{asset('themes/frontend_new/assets/subscription/img-2.jpg')}}" alt="">
<div class="btns-inline">
<div class="second-right">
<a href="Javascript:void(0)" id="cancel_subscription" class="free">Cancel</a>
</div>
<div class="second-left">
<a href="{{url('/')}}" class="free">Keep my membership </a>
</div>
</div>
</div>
</section>
{{--start header--}}
@include('frontend_new.partials.footer')
{{--end start header--}}
{{--start core js--}}
@include('frontend_new.partials.core-js')
{{--end core js--}}
<script type="text/javascript" src="{{ asset('themes/frontend_new/assets/js/jquery-1.11.3.min.js') }}"></script>
{{--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');
});
</script>
<script>
$(document).ready(function() {
$('#cancel_subscription').on('click', function() {
var url = "{{ route('plan.cancelsubscription') }}";
console.log(url,'url in header');
// AJAX GET request
$.ajax({
url: url, // Replace this with your API endpoint URL
type: 'GET',
dataType: 'json',
success: function(data) {
// Handle the API response here
console.log(data);
if(data.status == true) {
var redirect_url = "{{ url('/membership/cancel-subscription') }}";
window.location.href = redirect_url;
}
},
error: function(xhr, status, error) {
// Handle error if the API call fails
console.error(error);
}
});
});
});
</script>
</body>
</html>