|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/account.appointkrypt.com/resources/views/plans/ |
Upload File : |
@php
$userprice = !empty($plan) ? $plan->price_per_user_monthly : 0;
$userpriceyearly = !empty($plan) ? $plan->price_per_user_yearly : 0;
$workspaceprice = !empty($plan) ? $plan->price_per_business_monthly : 0;
$workspacepriceyearly = !empty($plan) ? $plan->price_per_business_yearly : 0;
$planprice = !empty($plan) ? $plan->package_price_monthly : 0;
$planpriceyearly = !empty($plan) ? $plan->package_price_yearly : 0;
$currancy_symbol = admin_setting('defult_currancy_symbol');
@endphp
@extends('layouts.main')
@section('page-title')
{{ __('Pricing') }}
@endsection
@section('page-breadcrumb')
{{ __('Pricing') }}
@endsection
@push('scripts')
@endpush
@section('content')
<!-- [ Main Content ] start -->
@if (admin_setting('custome_package') == 'on' && admin_setting('plan_package') == 'on')
<div class=" col-12">
<div class="">
<div class="card-body package-card-inner d-flex align-items-center justify-content-center mb-4">
<div class="tab-main-div">
<div class="nav-pills">
<a class="nav-link p-2" href="{{ route('active.plans') }}" role="tab"
aria-controls="pills-home" aria-selected="true">{{ __('Pre-Packaged Subscription') }}</a>
</div>
<div class="nav-pills">
<a class="nav-link active p-2" href="{{ route('plans.index', ['type' => 'subscription']) }}"
role="tab" aria-controls="pills-home"
aria-selected="true">{{ __('Usage Subscription') }}</a>
</div>
</div>
</div>
</div>
</div>
@endif
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-xxl-8 col-xl-7">
<div class="row">
@if (SubscriptionDetails()['status'] == true)
<div class="col-12">
<div class="card">
<div class="card-body package-card-inner d-flex align-items-center">
<div class="package-itm theme-avtar border border-secondary">
<img src="{{ !empty(admin_setting('favicon')) && check_file(admin_setting('favicon')) ? get_file(admin_setting('favicon')) : get_file('uploads/logo/favicon.png') }}{{ '?' . time() }}"
alt="">
</div>
<div class="package-content flex-grow-1 px-3">
<h4>{{ __('Current Subscription') }}</h4>
<div class="text-muted"> <a
href="#activated-add-on">{{ __(count($purchaseds) . ' Premium Add-on Activated') }}</a>
</div>
</div>
<div class="price text-end">
<small>{{ SubscriptionDetails()['status'] == true ? SubscriptionDetails()['billing_type'] : '' }}</small>
<h5>{{ SubscriptionDetails()['status'] == true ? SubscriptionDetails()['total_user'] . ' ' . __('Users') : '' }}
</h5>
<h5>{{ SubscriptionDetails()['status'] == true ? SubscriptionDetails()['total_workspace'] . ' ' . __('Business') : '' }}
</h5>
<span
class="time-lbl text-muted">{{ SubscriptionDetails()['status'] == true && SubscriptionDetails()['plan_expire_date'] != null ? __('Expired At ') . SubscriptionDetails()['plan_expire_date'] : '' }}</span>
</div>
</div>
</div>
</div>
@endif
<div class="col-12">
<div class="card">
<div class="card-body package-card-inner d-flex align-items-center">
<div class="package-itm theme-avtar border border-secondary">
<img src="{{ !empty(admin_setting('favicon')) && check_file(admin_setting('favicon')) ? get_file(admin_setting('favicon')) : get_file('uploads/logo/favicon.png') }}{{ '?' . time() }}"
alt="">
</div>
<div class="package-content flex-grow-1 px-3">
<h4>{{ __('Basic Package') }}</h4>
<div class="text-muted"><a
href="#add-on-list">{{ __('+' . count($modules) + count($purchaseds) . ' Premium Add-on') }}</a>
</div>
</div>
<div class="price text-end">
<ins
class="plan-price-text">{{ $planprice . ' ' . admin_setting('defult_currancy') }}</ins>
<span class="time-lbl text-muted plan-time-text">{{ __('/Month') }}</span>
</div>
</div>
</div>
</div>
@if (count($modules) > 0)
<h5 class="mb-1" id="add-on-list">{{ __('Modules') }}</h5>
@foreach ($modules as $module)
@php
$path = $module->getPath() . '/module.json';
$json = json_decode(file_get_contents($path), true);
@endphp
@if (!isset($json['display']) || $json['display'] == true)
<div class="col-xxl-3 col-xl-4 col-lg-6 col-sm-6 product-card ">
<div class="product-card-inner">
<div class="card user_module">
<div class="product-img">
<div class="theme-avtar">
<img src="{{ get_module_img($module->getName()) }}"
alt="{{ $module->getName() }}" class="img-user width-100">
</div>
<div class="checkbox-custom">
<input type="checkbox"
{{ isset($session) && !empty($session) && in_array($module->getName(), explode(',', $session['user_module'])) ? 'checked' : '' }}
class="form-check-input pointer user_module_check"
data-module-img="{{ get_module_img($module->getName()) }}"
data-module-price-monthly="{{ ModulePriceByName($module->getName())['monthly_price'] }}"
data-module-price-yearly="{{ ModulePriceByName($module->getName())['yearly_price'] }}"
data-module-alias="{{ Module_Alias_Name($module->getName()) }}"
value="{{ $module->getName() }}">
</div>
</div>
<div class="product-content">
<h4> {{ Module_Alias_Name($module->getName()) }}</h4>
<p class="text-muted text-sm mb-0">
{{ isset($json['description']) ? $json['description'] : '' }}
</p>
<div class="price d-flex justify-content-between">
<ins class="m-price-monthly"><span
class="currency-type">{{ super_currency_format_with_sym(ModulePriceByName($module->getName())['monthly_price']) }}</span>
<span
class="time-lbl text-muted">{{ __('/Month') }}</span></ins>
<ins class="m-price-yearly d-none"><span
class="currency-type">{{ super_currency_format_with_sym(ModulePriceByName($module->getName())['yearly_price']) }}</span>
<span
class="time-lbl text-muted">{{ __('/Year') }}</span></ins>
</div>
<a href="{{ route('software.details', Module_Alias_Name($module->getName())) }}"
target="_new"
class="btn btn-outline-secondary w-100 mt-2">{{ __('View Details') }}</a>
</div>
</div>
</div>
</div>
@endif
@endforeach
@else
<div class="col-lg-12 col-md-12">
<div class="card p-5">
<div class="d-flex justify-content-center">
<div class="ms-3 text-center">
<h3>{{ __('Add-on Not Available') }}</h3>
<p class="text-muted">{{ __('Click ') }}<a
href="{{ url('/') }}">{{ __('here') }}</a>
{{ __('to back home') }}</p>
</div>
</div>
</div>
</div>
@endif
<hr>
@if (!empty($purchaseds))
<h5 class="mb-3" id="activated-add-on">{{ __('Activated') }}</h5>
@foreach ($purchaseds as $purchased)
@php
$path = $purchased->getPath() . '/module.json';
$json = json_decode(file_get_contents($path), true);
@endphp
@if (!isset($json['display']) || $json['display'] == true)
<div class="col-xxl-3 col-xl-4 col-lg-6 col-sm-6 product-card ">
<div class="card active_module">
<div class="product-img">
<div class="theme-avtar">
<img src="{{ get_module_img($purchased->getName()) }}"
alt="{{ $purchased->getName() }}" class="img-user width-100">
</div>
<div class="checkbox-custom">
<div class="action-btn bg-danger ms-2">
{{ Form::open(['route' => ['cancel.add.on', \Illuminate\Support\Facades\Crypt::encrypt($purchased->getName())], 'class' => 'm-0']) }}
@method('GET')
<a href="#"
class="mx-3 btn btn-sm align-items-center bs-pass-para show_confirm"
data-bs-toggle="tooltip" title=""
data-bs-original-title="Cancel Add-on" aria-label="Delete"
data-confirm="{{ __('Are You Sure?') }}"
data-text="{{ __('Cancel Add-on. Do you want to continue?') }}"
data-confirm-yes="delete-form-{{ $purchased->getName() }}">
<i class="ti ti-x text-white text-white"></i>
</a>
{{ Form::close() }}
</div>
</div>
</div>
<div class="product-content">
<h4> {{ Module_Alias_Name($purchased->getName()) }}</h4>
<p class="text-muted text-sm mb-0">
{{ isset($json['description']) ? $json['description'] : '' }}
</p>
<div class="price d-flex justify-content-between">
<ins class="m-price-monthly"><span
class="currency-type">{{ super_currency_format_with_sym(ModulePriceByName($purchased->getName())['monthly_price']) }}</span>
<span class="time-lbl text-muted">{{ __('/Month') }}</span></ins>
<ins class="m-price-yearly d-none"><span
class="currency-type">{{ super_currency_format_with_sym(ModulePriceByName($purchased->getName())['yearly_price']) }}</span>
<span class="time-lbl text-muted">{{ __('/Year') }}</span></ins>
</div>
<a href="{{ route('software.details', Module_Alias_Name($purchased->getName())) }}"
target="_new"
class="btn btn-outline-secondary w-100 mt-2">{{ __('View Details') }}</a>
</div>
</div>
</div>
@endif
@endforeach
@endif
</div>
</div>
<div class="col-xxl-4 col-xl-5">
<div class="card subscription-counter">
<div class="card-header d-flex justify-content-between">
<h5 class="mt-1">{{ __('Basic Package') }}</h5>
<label class="switch ">
<span class="lbl time-monthly text-primary">{{ __('Monthly') }}</span>
<input type="checkbox"
{{ isset($session) && !empty($session) && $session['time_period'] == 'Year' ? 'checked' : '' }}
name="time-period" class="switch-change">
<span class="slider round"></span>
<span class="lbl time-yearly">{{ __('Yearly') }}</span>
</label>
</div>
<div class="card-body">
<div class="subscription-summery">
<ul class="list-unstyled mb-0">
<li>
<span class="cart-sum-left"> <i
class="ti ti-vector-bezier m-2 ti-20"></i>{{ __('Business ') }}:</span>
<span class="cart-sum-right workspace_counter_text">0</span>
</li>
<li>
<span class="cart-sum-left"> <i
class="ti ti-users m-2 ti-20"></i>{{ __('Users ') }}:</span>
<span class="cart-sum-right user_counter_text">0</span>
</li>
<li class="pointer extension-trigger" data-bs-toggle="collapse"
data-bs-target="#extension_div">
<span class="cart-sum-left"><i
class="ti ti-3d-cube-sphere m-2 ti-20"></i>{{ __('Extension') }}:</span>
<span class="cart-sum-right module_counter_text">0</span>
</li>
<div class="row align-items-center my-4 collapse" id="extension_div">
</div>
</ul>
<div class="summery-footer">
<div class="user-qty">
<div class="lbl"> {{ __('Choose Business') }}:</div>
<div class="qty-spinner">
<button type="button" class="quantity-decrement" data-name = "workspace">
<i class="ti ti-circle-minus m-2 ti-25"></i>
</button>
<input id="workspace_counter" type="number" data-cke-saved-name="quantity"
name="quantity" class="quantity" step="1" value="0"
min="0" max="1000" data-name = "workspace">
<button type="button" class="quantity-increment " data-name = "workspace">
<i class="ti ti-circle-plus m-2 ti-25"></i>
</button>
</div>
</div>
<div class="user-qty">
<div class="lbl"> {{ __('Choose Users') }}:</div>
<div class="qty-spinner">
<button type="button" class="quantity-decrement" data-name = "user">
<i class="ti ti-circle-minus m-2 ti-25"></i>
</button>
<input id="user_counter" type="number" data-cke-saved-name="quantity"
name="quantity" class="quantity" step="1" value="0"
min="0" max="1000" data-name = "user">
<button type="button" class="quantity-increment " data-name = "user">
<i class="ti ti-circle-plus m-2 ti-25"></i>
</button>
</div>
</div>
<ul class="list-unstyled mb-0">
<li>
<span class="cart-sum-left">
<h6 class="mb-0">{{ __('Basic Package') }}</h6>
</span>
<span class="cart-sum-right"><b class="planpricetext "> <span
class="final_price">{{ $planprice > 0 ? $planprice . $currancy_symbol : 'Free' }}</span></b></span>
</li>
<li>
<span class="cart-sum-left">
<h6 class="mb-0">{{ __('Business') }} <small
class="text-muted workspace-price">{{ '( Per Business ' . $workspaceprice . $currancy_symbol . ' )' }}</small>
</h6>
</span>
<span class="cart-sum-right"><b
class="workspacepricetext final_price">{{ '0.00' . $currancy_symbol }}</b></span>
</li>
<li>
<span class="cart-sum-left">
<h6 class="mb-0">{{ __('Users') }} <small
class="text-muted user-price">{{ '( Per User ' . $userprice . $currancy_symbol . ' )' }}</small>
</h6>
</span>
<span class="cart-sum-right"><b
class="userpricetext final_price">{{ '0.00' . $currancy_symbol }}</b></span>
</li>
<li>
<span class="cart-sum-left">
<h6 class="mb-0">{{ __('Extension') }}:</h6>
</span>
<span class="cart-sum-right"><b
class="module_price_text final_price">{{ '0.00' . $currancy_symbol }}</b></span>
</li>
</ul>
<div class="row coupon_section">
<div class="col-sm-12 col-lg-12 col-md-12">
<div class="d-flex align-items-center">
<div class="form-group w-100">
<label for="coupon" class="form-label">{{ __('Coupon') }}</label>
<input type="text" id="coupon" name="coupon"
class="form-control coupon" placeholder="Enter Coupon Code">
<small
class="text-danger">{{ __('Coupon apply only plan actual price. ') }}</small>
</div>
<div class="form-group ms-3 mt-2 apply-coupon">
<button type="button" class="btn btn-primary"
data-bs-toggle="tooltip"
data-bs-original-title="{{ __('Apply') }}" id="coupon-apply"><i
class="ti ti-square-check btn-apply "></i></button>
</div>
</div>
</div>
</div>
<span class="cart-sum-left">
<h6 class="">{{ __('Payment Method') }}:</h6>
</span>
<div class="row">
@if (admin_setting('bank_transfer_payment_is_on') == 'on')
<div class="col-sm-12 col-lg-12 col-md-12">
<div class="card">
<div class="card-body p-3">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<div class="">
<label for="bank-payment">
<h5 class="mb-0 pointer">{{ __('Bank Transfer') }}
</h5>
</label>
</div>
</div>
<div class="form-check">
<input class="form-check-input payment_method"
name="payment_method" id="bank-payment"
type="radio"
data-payment-action="{{ route('plan.pay.with.bank') }}">
</div>
</div>
<div class="row mt-2">
<div class="col-sm-8">
<div class="form-group">
<label
class="form-label">{{ __('Bank Details :') }}</label>
<p class="">
{!! admin_setting('bank_number') !!}
</p>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label
class="form-label">{{ __('Payment Receipt') }}</label>
<div class="choose-files">
<label for="temp_receipt">
<div class=" bg-primary "> <i
class="ti ti-upload px-1"></i></div>
<input type="file"
class="form-control temp_receipt"
accept="image/png, image/jpeg, image/jpg, .pdf"
name="temp_receipt" id="temp_receipt"
data-filename="temp_receipt"
onchange="document.getElementById('blah3').src = window.URL.createObjectURL(this.files[0])">
</label>
<p class="text-danger error_msg d-none">
{{ __('This field is required') }}</p>
<img class="mt-2" width="70px" src=""
id="blah3">
</div>
<div class="invalid-feedback">
{{ __('invalid form file') }}</div>
</div>
</div>
<small
class="text-danger">{{ __('first, make a payment and take a screenshot or download the receipt and upload it.') }}</small>
</div>
</div>
</div>
</div>
@endif
@stack('company_plan_payment')
</div>
<div
class="cart-footer-total-row bg-primary text-white rounded p-3 d-flex align-items-center justify-content-between">
<div class="mini-total-price">
<div class="price">
<h3 class="text-white mb-0 total">{{ '0.00' . $currancy_symbol }}</h3>
<span class="time-lbl plan-time-text">{{ __('/Month') }}</span>
</div>
</div>
{{ Form::open(['', 'method' => 'post', 'id' => 'payment_form', 'enctype' => 'multipart/form-data']) }}
<input type="hidden" name="workspaceprice_input" value="0"
class="workspaceprice_input">
<input type="hidden" name="business_counter_input" value="0"
class="workspace_counter_input">
<input type="hidden" name="user_counter_input" value="0"
class="user_counter_input">
<input type="hidden" name="user_module_input" value=""
name="user_module_input" class="user_module_input">
<input type="hidden" name="userprice_input" value="0"
class="userprice_input">
<input type="hidden" name="user_module_price_input" value="0"
class="user_module_price_input">
<input type="hidden" name="time_period" value="Month"
class="time_period_input">
<input type="hidden" name="workspace_module_price_input" value="0"
class="workspace_module_price_input">
<input type="hidden" name="plan_id" value="{{ $plan->id }}"
class="plan_id">
<input type="hidden" name="coupon_code" value="" class="coupon_code">
<div class="text-end form-btn">
</div>
{{ Form::close() }}
</div>
<div class="cart-reset text-center mt-3">
<a href="{{ route('module.reset') }}" class="reset-btn"><svg
xmlns="http://www.w3.org/2000/svg" width="12" height="12"
viewBox="0 0 12 12" fill="none">
<path
d="M6 0.625C3.036 0.625 0.625 3.0365 0.625 6C0.625 8.9635 3.036 11.375 6 11.375C8.964 11.375 11.375 8.9635 11.375 6C11.375 3.0365 8.964 0.625 6 0.625ZM6 10.625C3.4495 10.625 1.375 8.5505 1.375 6C1.375 3.4495 3.4495 1.375 6 1.375C8.5505 1.375 10.625 3.4495 10.625 6C10.625 8.5505 8.5505 10.625 6 10.625ZM7.765 4.76501L6.53 6L7.765 7.23499C7.9115 7.38149 7.9115 7.619 7.765 7.7655C7.692 7.8385 7.596 7.87549 7.5 7.87549C7.404 7.87549 7.308 7.839 7.235 7.7655L6 6.53049L4.765 7.7655C4.692 7.8385 4.596 7.87549 4.5 7.87549C4.404 7.87549 4.308 7.839 4.235 7.7655C4.0885 7.619 4.0885 7.38149 4.235 7.23499L5.47 6L4.235 4.76501C4.0885 4.61851 4.0885 4.381 4.235 4.2345C4.3815 4.088 4.619 4.088 4.7655 4.2345L6.0005 5.46951L7.2355 4.2345C7.382 4.088 7.61951 4.088 7.76601 4.2345C7.91151 4.381 7.9115 4.61901 7.765 4.76501Z"
fill="#737373"></path>
</svg>{{ __('Reset') }}</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- [ sample-page ] end -->
</div>
<!-- [ Main Content ] end -->
@endsection
@push('scripts')
<script>
"use strict";
$(document).ready(function() {
var userprice = '{{ $userprice }}';
var planprice = '{{ $planprice }}';
if (planprice == 0) {
$(".coupon_section").addClass("d-none");
} else {
$(".coupon_section").removeClass("d-none");
}
if ($('.switch-change').prop('checked') == true) {
userprice = '{{ $userpriceyearly }}';
planprice = '{{ $planpriceyearly }}';
}
var user = parseInt($('.user_counter_input').val());
var userpricetext = userprice * user;
var currancy_symbol = '{{ $currancy_symbol }}';
var total = parseFloat(userpricetext) + parseFloat(planprice);
$(".total").text(parseFloat(total).toFixed(2) + currancy_symbol);
});
$(document).on("click", ".user_module_check", function() {
if ($(this).closest(".user_module").hasClass("active_module")) {
$(this).closest(".user_module").removeClass("active_module");
} else {
$(this).closest(".user_module").addClass("active_module");
}
ChangeModulePrice();
ChangePrice();
});
$(document).on("click", "#coupon-apply", function() {
ApplyCoupon()
});
function ApplyCoupon(type = null) {
var coupon = $('#coupon').val();
var duration = $('.time_period_input').val();
var plan_id = '{{ $plan->id }}';
if (coupon == '') {
if (type == null) {
toastrs('Error', "{{ __('Coupon code required.') }}", 'error');
}
} else {
$.ajax({
url: '{{ route('apply.coupon') }}',
type: 'GET',
data: {
"plan_id": plan_id,
"coupon": coupon,
"duration": duration,
"_token": "{{ csrf_token() }}",
},
success: function(data) {
if (data != '') {
if (data.is_success == true) {
var currancy_symbol = '{{ $currancy_symbol }}';
var finalPrice = data.final_price + currancy_symbol;
var originalPrice = data.final_price + currancy_symbol;
$('.planpricetext').html('<span class="original-price">' + data.price +
currancy_symbol + '</span> / ' + '<span class="final_price">' +
finalPrice + '</span>');
// Apply text-decoration: line-through to the original price
$('.original-price').css("text-decoration", "line-through");
$('.coupon_code').val(coupon);
Coupon();
if (type == null) {
toastrs('success', data.message, 'success');
}
} else {
$('.coupon_code').val("");
if (type == null) {
toastrs('Error', data.message, 'error');
}
}
} else {
toastrs('Error', "{{ __('Coupon code required.') }}", 'error');
}
}
});
}
}
$(document).on('keyup mouseup', '#user_counter, #workspace_counter', function() {
var name = $(this).attr('data-name');
var counter = parseInt($(this).val());
if (counter <= 0 || counter > 1000 || $(this).val() == '') {
$(this).val(0)
var counter = 0;
}
if (name == "user") {
$(".user_counter_text").text(counter);
$(".user_counter_input").val(counter);
ChangePrice(counter)
} else if (name == "workspace") {
$(".workspace_counter_text").text(counter);
$(".workspace_counter_input").val(counter);
ChangePrice(null, counter)
}
});
function ChangePrice(user = null, workspace = null, user_module_price = 0) {
var userprice = '{{ $userprice }}';
var workspaceprice = '{{ $workspaceprice }}';
var planprice = '{{ $planprice }}';
if ($('.switch-change').prop('checked') == true) {
userprice = '{{ $userpriceyearly }}';
workspaceprice = '{{ $workspacepriceyearly }}';
planprice = '{{ $planpriceyearly }}';
}
var currancy_symbol = '{{ $currancy_symbol }}';
if (user == null) {
var user = parseInt($('.user_counter_input').val());
}
if (user_module_price == 0) {
var user_module_price = parseFloat($('.user_module_price_input').val());
}
if (workspace == null) {
var workspace = parseInt($('.workspace_counter_input').val());
}
var userpricetext = userprice * user;
var workspacepricetext = workspaceprice * workspace;
var total = userpricetext + user_module_price + workspacepricetext + parseFloat(planprice);
$(".userpricetext").text(parseFloat(userpricetext).toFixed(2) + currancy_symbol);
$(".workspacepricetext").text(parseFloat(workspacepricetext).toFixed(2) + currancy_symbol);
$(".userprice_input").val(userpricetext);
$(".workspaceprice_input").val(workspacepricetext);
Coupon();
}
function ChangeModulePrice() {
var user_module_input = new Array();
var user_module_price = parseFloat(0);
var currancy_symbol = '{{ $currancy_symbol }}';
var n = jQuery(".user_module_check:checked").length;
var time = '/Month';
if ($('.switch-change').prop('checked') == true) {
time = '/Year';
}
$("#extension_div").empty();
if (n > 0) {
jQuery(".user_module_check:checked").each(function() {
var alias = $(this).attr('data-module-alias');
var img = $(this).attr('data-module-img');
var price = parseFloat($(this).attr('data-module-price-monthly'));
if ($('.switch-change').prop('checked') == true) {
price = parseFloat($(this).attr('data-module-price-yearly'));
}
$("#extension_div").append(`<div class="col-md-6 col-sm-6 my-2">
<div class="d-flex align-items-start">
<div class="theme-avtar">
<img src="` + img + `" alt="` + img + `" class="img-user width-100">
</div>
<div class="ms-2">
<p class="text-muted text-sm mb-0">` + alias + `</p>
<h4 class="mb-0 text-primary">` + price + currancy_symbol +
`<span class="text-sm">` + time + `</span></h4>
</div>
</div>
</div>`);
user_module_input.push($(this).val());
user_module_price = user_module_price + price;
});
}
$(".module_counter_text").text(n);
$(".module_price_text").text(parseFloat(user_module_price).toFixed(2) + currancy_symbol);
$(".user_module_input").val(user_module_input);
$(".user_module_price_input").val(user_module_price);
}
/********* qty spinner ********/
var quantity = 0;
$(document).on("click", ".quantity-increment", function() {
var id = $(this).attr('data-name');
var t = $(this).siblings('.quantity');
var quantity = parseInt($(t).val());
if (quantity < 1000 || $(this).val() != '') {
$(t).val(quantity + 1);
if (id == 'user') {
$(".user_counter_text").text(quantity + 1);
$(".user_counter_input").val(quantity + 1);
} else if (id == 'workspace') {
$(".workspace_counter_text").text(quantity + 1);
$(".workspace_counter_input").val(quantity + 1);
}
} else {
$(t).val(1000);
if (id == 'user') {
$(".user_counter_text").text(1000);
$(".user_counter_input").val(1000);
} else if (id == 'workspace') {
$(".workspace_counter_text").text(1000);
$(".workspace_counter_input").val(1000);
}
}
ChangePrice()
});
$(document).on("click", ".quantity-decrement", function() {
var id = $(this).attr('data-name');
var t = $(this).siblings('.quantity');
var quantity = parseInt($(t).val());
if (quantity > 1) {
$(t).val(quantity - 1);
if (id == 'user') {
$(".user_counter_text").text(quantity - 1);
$(".user_counter_input").val(quantity - 1);
} else if (id == 'workspace') {
$(".workspace_counter_text").text(quantity - 1);
$(".workspace_counter_input").val(quantity - 1);
}
} else {
$(t).val(0);
if (id == 'user') {
$(".user_counter_text").text(0);
$(".user_counter_input").val(0);
} else if (id == 'workspace') {
$(".workspace_counter_text").text(0);
$(".workspace_counter_input").val(0);
}
}
ChangePrice()
});
$(document).on("click", ".switch-change", function() {
SwitchChange()
});
function SwitchChange() {
var workspaceprice = '{{ $workspaceprice }}';
var userprice = '{{ $userprice }}';
var planprice = '{{ $planprice }}';
var currancy_symbol = '{{ $currancy_symbol }}';
var user = parseInt($('.user_counter_input').val());
var workspace = parseInt($('.workspace_counter_input').val());
var time = '/Month';
if ($('.switch-change').prop('checked') == true) {
$(".time-monthly").removeClass("text-primary");
$(".time-yearly").addClass("text-primary");
$(".m-price-yearly").removeClass("d-none");
$(".m-price-monthly").addClass("d-none");
userprice = '{{ $userpriceyearly }}';
workspaceprice = '{{ $workspacepriceyearly }}';
planprice = '{{ $planpriceyearly }}';
time = '/Year';
$(".time_period_input").val('Year');
} else {
$(".time-yearly").removeClass("text-primary");
$(".time-monthly").addClass("text-primary");
$(".m-price-monthly").removeClass("d-none");
$(".m-price-yearly").addClass("d-none");
$(".time_period_input").val('Month');
}
var userpricetext = userprice * user;
var workspacepricetext = workspaceprice * workspace;
$(".plan-price-text").text(planprice + ' {{ admin_setting('defult_currancy') }}');
$(".plan-time-text").text(time);
$(".planpricetext").html('<span class="final_price">' + planprice + currancy_symbol + '</span>');
$(".user-price").text('( Per User ' + userprice + currancy_symbol + ')');
$(".userpricetext").text(parseFloat(userpricetext).toFixed(2) + currancy_symbol);
$(".workspace-price").text('( Per Workspace ' + workspaceprice + currancy_symbol + ')');
$(".workspacepricetext").text(parseFloat(workspacepricetext).toFixed(2) + currancy_symbol);
if (planprice == 0) {
$(".coupon_section").addClass("d-none");
} else {
$(".coupon_section").removeClass("d-none");
}
ApplyCoupon('switch')
ChangeModulePrice()
ChangePrice()
}
$(document).ready(function() {
var numItems = $('.payment_method').length
if (numItems > 0) {
$('.form-btn').append(
'<button type="submit" class="btn btn-dark payment-btn" >{{ __('Buy Now') }}</button>');
setTimeout(() => {
$(".payment_method").first().attr('checked', true);
$(".payment_method").first().trigger('click');
}, 200);
} else {
$('.form-btn').append(
"<span class='text-danger'>{{ __('Admin payment settings not set') }}</span>");
}
});
$("#payment_form").on("submit", function(event) {
"{{ session()->put('Subscription', 'custom_subscription') }}";
});
$(document).on("click", ".payment_method", function() {
var payment_action = $(this).attr("data-payment-action");
if (payment_action != '' && payment_action != undefined) {
$("#payment_form").attr("action", payment_action);
} else {
$("#payment_form").attr("action", '');
}
if ($('#bank-payment').prop('checked')) {
$(".temp_receipt").attr("required", "required");
} else {
$(".temp_receipt").removeAttr("required");
}
});
function Coupon() {
var fp = 0;
var currancy_symbol = '{{ $currancy_symbol }}';
$(".final_price").each(function(index) {
var text = $(this).text();
var matches = text.match(/\d+(\.\d+)?/);
if (matches) {
fp += parseFloat(matches[0]);
}
});
$(".total").text(fp + currancy_symbol);
}
</script>
{{-- if session is not empty --}}
@if (isset($session) && !empty($session))
<script>
"use strict";
$(document).ready(function() {
$('#user_counter').val("{{ $session['user_counter'] }}");
$('#user_counter').trigger('keyup')
$('#workspace_counter').val("{{ $session['workspace_counter'] }}");
$('#workspace_counter').trigger('keyup')
SwitchChange();
});
</script>
@endif
@if (admin_setting('bank_transfer_payment_is_on') == 'on')
<script>
"use strict";
$(document).on('submit', '#payment_form', function(e) {
if ($('#bank-payment').prop('checked')) {
e.preventDefault(); // Prevent form submission
var file = document.getElementById('temp_receipt').files[0];
if (file != undefined) {
$('.error_msg').addClass('d-none');
// Create a new FormData object
const formData = new FormData();
// Add file data from the file input element
const fileData = $('#temp_receipt')[0].files[0];
formData.append('payment_receipt', fileData, fileData.name);
// Add data from the form's input elements
$('#payment_form input').each(function() {
formData.append(this.name, this.value);
});
var url = $('#payment_form').attr('action');
$.ajax({
url: url,
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
if (response.status == 'success') {
toastrs('Success', response.msg, 'success');
setTimeout(() => {
location.reload();
}, 1000);
} else {
toastrs('Error', response.msg, 'error');
}
// Handle success response
},
error: function(xhr, status, error) {
toastrs('Error', error, 'error');
// Handle error response
}
});
} else {
$('.error_msg').removeClass('d-none');
}
}
});
</script>
@endif
@endpush