@extends('adminlte::page')
@section('title', 'Dashboard')
@section('content')
<section class="subscription_wrap">
<div class="container">
<div class="row">
<div class="col-12">
<div class="main_heading">
<h1>Flexible Pricing Tailored to Your Needs</h1>
</div>
</div>
@if (session('success'))
<div class="alert alert-success mt-3">
{{ session('success') }}
</div>
@endif
@php
$starter_plan_id = App\Models\UserSubscription::StarterPlanId;
$professional_plan_id = App\Models\UserSubscription::ProfessionalPlanId;
@endphp
<div class="col-12">
<div class="subscription_row">
<div class="subscription_col">
<div class="heading_title">
<h4>Starter</h4>
</div>
<div class="price_month">
<h4>₹999</h4>
<p>/ Month</p>
</div>
<div class="users">
<p>Up to 5 Users</p>
</div>
<div class="pricing_list">
<ul>
<li>
<p>Contact and Lead Management</p>
</li>
<li>
<p>Property Listings Management</p>
</li>
<li>
<p>Task and Appointment Scheduling</p>
</li>
<li>
<p>Basic Analytics and Reporting</p>
</li>
<li>
<p>Document Management</p>
</li>
<li>
<p>Role-Based Access Controls</p>
</li>
<li>
<p>Reminders (Task, Appointment, and Follow-up Alerts)</p>
</li>
</ul>
</div>
<div class="pricing_btn">
@if (isset($activeSubscription))
@if ($activeSubscription->subscription_plan_id == $starter_plan_id)
<button class="cancel-subscription" data-plan-id="{{ $starter_plan_id }}">
Subscribed
</button>
@elseif($activeSubscription->subscription_plan_id == $professional_plan_id)
<a href="{{ route('buy.subscription.plan', $starter_plan_id) }}"
class="btn btn-warning">
Downgrade
</a>
@endif
@else
<a href="{{ route('buy.subscription.plan', $starter_plan_id) }}"
class="btn btn-primary">
GET TO KNOW
</a>
@endif
</div>
{{-- <div class="pricing_btn">
<a href="{{ route('buy.subscription.plan', $starter_plan_id) }}">
@if (isset($activeSubscription))
@if ($activeSubscription->subscription_plan_id == $starter_plan_id)
Subscribed
@elseif($activeSubscription->subscription_plan_id == $professional_plan_id)
Downgrade
@endif
@else
KNOW PRICING
@endif
</a>
</div> --}}
</div>
<div class="subscription_col popular_Col">
<div class="m_btn">
<span>Most Popular</span>
</div>
<div class="heading_title">
<h4>Professional</h4>
</div>
<div class="price_month">
<h4>₹1,799</h4>
<p>/ Month</p>
</div>
<div class="users">
<p>Up to 10 users</p>
</div>
<div class="pricing_list">
<ul>
<li>
<p>Same as the Starter Plan</p>
</li>
<li>
<p>Additional users accommodated</p>
</li>
<li>
<p>Slightly discounted per-user cost</p>
</li>
<li>
<p>Reminders (Task, Appointment, and Follow-up Alerts)</p>
</li>
</ul>
</div>
<div class="pricing_btn">
@if (isset($activeSubscription))
@if ($activeSubscription->subscription_plan_id == $professional_plan_id)
<button class="cancel-subscription" data-plan-id="{{ $professional_plan_id }}">
Subscribed
</button>
@elseif($activeSubscription->subscription_plan_id == $starter_plan_id)
<a href="{{ route('buy.subscription.plan', $professional_plan_id) }}"
class="btn btn-success">
Upgrade
</a>
@endif
@else
<a href="{{ route('buy.subscription.plan', $professional_plan_id) }}"
class="btn btn-primary">
GET TO KNOW
</a>
@endif
</div>
{{-- <div class="pricing_btn">
<a href="{{ route('buy.subscription.plan', $professional_plan_id) }}">
@if (isset($activeSubscription))
@if ($activeSubscription->subscription_plan_id == $professional_plan_id)
Subscribed
@elseif($activeSubscription->subscription_plan_id == $starter_plan_id)
Upgrade
@endif
@else
KNOW PRICING
@endif
</a>
</div> --}}
</div>
<div class="subscription_col">
<div class="heading_title">
<h4>Enterprise Plan</h4>
</div>
<div class="users">
<p>Customizable</p>
</div>
<div class="heading_title">
<h4>Contact US</h4>
</div>
<div class="pricing_list">
<ul>
<li>
<p>All features of the Professional Plan</p>
</li>
<li>
<p>Advanced Customization Options</p>
</li>
<li>
<p>API Access for Integration</p>
</li>
<li>
<p>Priority Support</p>
</li>
<li>
<p>Bulk Data Import Assistance</p>
</li>
<li>
<p>Dedicated Account Manager</p>
</li>
<li>
<p>Scalability for Unlimited Users</p>
</li>
<li>
<p>Reminders (Advanced Alerts and Notifications Customizable by Team/Workflow)</p>
</li>
</ul>
</div>
<div class="pricing_btn">
<a href="#" data-toggle="modal" data-target="#knowPricingModal">KNOW PRICING</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap Modal -->
<div class="modal fade enterprice_modal" id="knowPricingModal" tabindex="-1" role="dialog" aria-labelledby="knowPricingModalLabel"
aria-hidden="true">
<div class="modal-dialog enterprice_modal_dialog modal-dialog-centered" role="document">
<form id="subscriptionForm" action="{{ route('subscription.inquiry') }}" method="POST" class="w-100">
@csrf
<div class="modal-content shadow-lg border-0 rounded-lg">
<div class="modal-header">
<h5 class="modal-title" id="knowPricingModalLabel">Contact for Enterprise Plan</h5>
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body p-4">
<div class="form-group mb-3">
<label for="firstName">First Name</label>
<input type="text" name="first_name" class="form-control"
required>
</div>
<div class="form-group mb-3">
<label for="lastName">Last Name</label>
<input type="text" name="last_name" class="form-control"
required>
</div>
<div class="form-group mb-3">
<label for="email">Email Address</label>
<input type="email" name="email" class="form-control"
required>
</div>
<div class="form-group mb-3">
<label for="phone">Phone Number</label>
<input type="text" name="phone" class="form-control"
required>
</div>
<div class="form-group mb-0">
<label for="description">Description</label>
<textarea name="description" class="form-control" rows="4"></textarea>
</div>
</div>
<div class="modal-footer d-flex justify-content-between p-3">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btnSubmit">Submit Inquiry</button>
</div>
</div>
</form>
</div>
</div>
{{-- <div class="modal fade" id="knowPricingModal" tabindex="-1" role="dialog" aria-labelledby="knowPricingModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<form id="subscriptionForm" action="{{ route('subscription.inquiry')}}" method="POST">
@csrf
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Contact for Enterprise Plan</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label>First Name</label>
<input type="text" name="first_name" class="form-control" required>
</div>
<div class="form-group">
<label>Last Name</label>
<input type="text" name="last_name" class="form-control" required>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" class="form-control" required>
</div>
<div class="form-group">
<label>Phone</label>
<input type="text" name="phone" class="form-control" required>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" class="form-control"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Submit Inquiry</button>
</div>
</div>
</form>
</div>
</div> --}}
</section>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
document.querySelectorAll(".cancel-subscription").forEach(button => {
button.addEventListener("click", function() {
let planId = this.getAttribute("data-plan-id");
// Show Confirmation Alert
Swal.fire({
title: "Are you sure?",
text: "Do you want to unsubscribe from this subscription?",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#d33",
cancelButtonColor: "#3085d6",
confirmButtonText: "Yes, Unsubscribe"
}).then((result) => {
if (result.isConfirmed) {
// AJAX Request to Cancel Subscription
fetch("{{ route('cancel.subscription') }}", {
method: "POST",
headers: {
"X-CSRF-TOKEN": "{{ csrf_token() }}",
"Content-Type": "application/json"
},
body: JSON.stringify({
plan_id: planId
})
})
.then(response => response.json())
.then(data => {
if (data.success) {
Swal.fire("Unsubscribed!", data.message,
"success").then(() => {
location.reload();
});
} else {
Swal.fire("Error!", data.message, "error");
}
})
.catch(error => {
Swal.fire("Error!", "Something went wrong.",
"error");
});
}
});
});
});
});
@if (session('success'))
Swal.fire({
icon: 'success',
title: 'Success!',
text: '{{ session('success') }}',
confirmButtonColor: '#3085d6',
confirmButtonText: 'OK'
});
@endif
$(document).ready(function() {
$('#subscriptionForm').validate({
rules: {
first_name: {
required: true
},
last_name: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true
},
description: {
required: true
},
},
messages: {
first_name: "Please enter your first name",
last_name: "Please enter your last name",
email: "Please enter a valid email",
phone: "Please enter your phone number",
description: "Please enter your description",
},
});
});
</script>
@endsection