139 lines
12 KiB
PHP
139 lines
12 KiB
PHP
@extends('layouts.business.master')
|
|
|
|
@section('title')
|
|
{{ __('Subscriptions List') }}
|
|
@endsection
|
|
|
|
@section('main_content')
|
|
<div class="erp-table-section">
|
|
<div class="container-fluid">
|
|
<div class="card">
|
|
<div class="card-bodys">
|
|
<div class="subscription-header">
|
|
<h4>{{ __('Purchase Plan') }}</h4>
|
|
</div>
|
|
|
|
<div class="premium-plan-container ">
|
|
<div class="premium-plan-content">
|
|
@foreach ($plans as $plan)
|
|
@php
|
|
$activePlan = plan_data();
|
|
$isFreePlan = $plan->subscriptionPrice == 0;
|
|
$isPlanActivated = $activePlan != null;
|
|
$business = auth()->user()->business ?? null;
|
|
$notPurchaseAble = ($activePlan && $activePlan->plan_id == $plan->id && ($business && $business->will_expire > now()->addDays(7)))
|
|
|| ($business && $business->will_expire >= now()->addDays($plan->duration));
|
|
@endphp
|
|
|
|
<div class="plan-single-content">
|
|
@if ((plan_data() ?? false) && plan_data()->plan_id == $plan->id)
|
|
<div class="recommended-banner-container ">
|
|
<div class="recommended-banner">
|
|
<span>{{ __('Current Plan') }}</span>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@if ($plan->offerPrice)
|
|
<div class="discount-badge-content">
|
|
<div class="discount-badge">
|
|
{{-- <img src="{{ asset('assets/images/icons/discount.svg') }}" > --}}
|
|
<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_4453_129)">
|
|
<mask id="mask0_4453_129" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="74" height="74">
|
|
<path d="M74 0H0V74H74V0Z" fill="white"/>
|
|
</mask>
|
|
<g mask="url(#mask0_4453_129)">
|
|
<path d="M0 37L4.08982 34.1193L0.555 30.5779L5.08089 28.4437L2.22 24.3407L7.04982 23.0325L4.95536 18.4934L9.93714 18.0507L8.65536 13.2143L13.6437 13.6371L13.2143 8.65536L18.0507 9.93714L18.4934 4.95536L23.0391 7.04982L24.3407 2.22L28.4437 5.08089L30.5779 0.555L34.1193 4.08982L37 0L39.8807 4.08982L43.4221 0.555L45.5562 5.08089L49.6593 2.22L50.9675 7.04982L55.5066 4.95536L55.9493 9.93714L60.7857 8.65536L60.3629 13.6437L65.3446 13.2143L64.0629 18.0507L69.0446 18.4934L66.9502 23.0391L71.78 24.3407L68.9191 28.4437L73.445 30.5779L69.9102 34.1193L74 37L69.9102 39.8807L73.445 43.4221L68.9191 45.5562L71.78 49.6593L66.9502 50.9675L69.0446 55.5066L64.0629 55.9493L65.3446 60.7857L60.3562 60.3629L60.7857 65.3446L55.9493 64.0629L55.5066 69.0446L50.9609 66.9502L49.6593 71.78L45.5562 68.9191L43.4221 73.445L39.8807 69.9102L37 74L34.1193 69.9102L30.5779 73.445L28.4437 68.9191L24.3407 71.78L23.0325 66.9502L18.4934 69.0446L18.0507 64.0629L13.2143 65.3446L13.6371 60.3562L8.65536 60.7857L9.93714 55.9493L4.95536 55.5066L7.04982 50.9609L2.22 49.6593L5.08089 45.5562L0.555 43.4221L4.08982 39.8807L0 37Z" fill="url(#paint0_linear_4453_129)"/>
|
|
</g>
|
|
</g>
|
|
<defs>
|
|
<linearGradient id="paint0_linear_4453_129" x1="37" y1="11.8929" x2="37" y2="79.7962" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0.0192308" stop-color="var(--clr-primary)"/>
|
|
</linearGradient>
|
|
<clipPath id="clip0_4453_129">
|
|
<rect width="74" height="74" fill="white"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
|
|
<span class="discount-text"><del>{{ currency_format($plan->subscriptionPrice) }}</del></span>
|
|
{{-- <img class="discount-arrow" src="{{ asset('assets/images/icons/discount-arrow.svg') }}" > --}}
|
|
<svg class="discount-arrow" width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_5745_32739)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0004 50.5928C24.4784 50.8919 24.8887 51.1519 25.1048 51.2906C26.4177 52.137 29.9339 53.8436 31.9721 55.8606C33.5276 57.3989 34.23 59.122 33.0267 60.8058C31.9331 62.3362 29.8101 62.6941 27.2669 62.239C21.7933 61.2594 14.3112 56.6336 12.4117 54.6523C12.2045 54.4359 12.2113 54.0935 12.4277 53.8863C12.6431 53.6799 12.9855 53.6867 13.1927 53.9031C15.016 55.8039 22.2032 60.2328 27.4579 61.1734C29.5118 61.5407 31.2626 61.4121 32.1458 60.1756C33.0181 58.9557 32.3385 57.7459 31.2108 56.6308C29.2276 54.6674 25.7966 53.0244 24.5178 52.2009C23.7164 51.6843 20.6042 49.8002 20.3764 49.5745C20.0908 49.292 20.2204 49.0045 20.27 48.9133C20.3083 48.8426 20.5223 48.5025 20.9839 48.6734C27.568 51.1069 39.3558 50.2839 48.8521 45.8396C58.2651 41.4344 65.4378 33.4359 62.8657 21.3991C62.8038 21.1066 62.9905 20.8187 63.2821 20.7557C63.5746 20.6938 63.8626 20.8805 63.9245 21.173C66.6192 33.785 59.173 42.2053 49.3119 46.8203C41.0012 50.7101 30.9829 51.8709 24.0004 50.5928Z" fill="var(--clr-primary)"/>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.445 21.9256C62.863 23.0621 62.3197 24.2122 61.6491 25.3042C59.8629 28.2135 57.3907 30.8583 54.4392 32.5983C54.1806 32.75 53.849 32.6636 53.6972 32.4069C53.5455 32.1483 53.6319 31.8167 53.8886 31.6649C56.6907 30.0152 59.0311 27.4979 60.7255 24.7375C61.4926 23.4873 62.0912 22.1583 62.7754 20.8639C62.8103 20.7998 63.0904 20.2282 63.1827 20.1239C63.3961 19.8796 63.6405 19.9147 63.7515 19.9455C63.8446 19.97 63.9501 20.0217 64.0475 20.129C64.127 20.2174 64.2383 20.4206 64.3295 20.7241C64.6243 21.6951 64.9871 24.0587 65.0877 24.4404C66.2402 28.8156 68.047 32.6926 69.8471 36.8218C69.9656 37.0963 69.8404 37.4162 69.5668 37.5357C69.2932 37.6553 68.9743 37.5292 68.8548 37.2555C67.0315 33.0741 65.2074 29.1455 64.0415 24.7169C63.9714 24.4548 63.6636 22.9819 63.445 21.9256Z" fill="var(--clr-primary)"/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_5745_32739">
|
|
<rect width="61.7206" height="61.7206" fill="white" transform="matrix(0.758972 -0.651124 -0.651124 -0.758972 40.1878 87.032)"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<div class="d-flex align-items-center justify-content-center flex-column gap-3">
|
|
<h3 class="pb-2">{{ $plan->subscriptionName }}</h3>
|
|
<h6 class="pb-2">{{ $plan->duration }} {{ __('Days') }}</h6>
|
|
<h1 class="pb-2">{{ currency_format(convert_money($plan->offerPrice ?? $plan->subscriptionPrice, business_currency()), currency : business_currency()) }}</h1>
|
|
|
|
@if ($isFreePlan && $isPlanActivated || $notPurchaseAble)
|
|
<button class="btn w-100 plan-buy-btn" disabled>
|
|
{{ __('Buy Now') }}
|
|
</button>
|
|
@else
|
|
<a href="{{ route('payments-gateways.index', ['plan_id' => $plan->id, 'business_id' => auth()->user()->business_id]) }}" class="btn w-100 plan-buy-btn">
|
|
{{ __('Buy Now') }}
|
|
</a>
|
|
@endif
|
|
</div>
|
|
|
|
@foreach ($plan['features'] ?? [] as $key => $item)
|
|
<div class="d-flex align-items-center justify-content-between plans">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<p>
|
|
<i class="fas {{ isset($item[1]) ? 'fa-check-circle text-success' : 'fa-times-circle text-danger' }} me-1"></i>
|
|
{{ $item[0] ?? '' }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
|
|
@if (moduleCheck('MultiBranchAddon'))
|
|
<div class="d-flex align-items-center justify-content-between plans">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<p><i class="fas {{ $plan->allow_multibranch == 1 ? 'fa-check-circle text-success' : 'fa-times-circle text-danger' }} me-1"></i>
|
|
{{ __('Multi-branch Allowed') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
@if (moduleCheck('CustomDomainAddon'))
|
|
<div class="d-flex align-items-center justify-content-between plans">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<p><i class="fas {{ $plan->addon_domain_limit > 0 ? 'fa-check-circle text-success' : 'fa-times-circle text-danger' }} me-1"></i>
|
|
{{ $plan->addon_domain_limit > 0 ? __('Addon Limit:') . ' ' . $plan->addon_domain_limit : __('Addon Domain Available?') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center justify-content-between plans">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<p><i class="fas {{ $plan->subdomain_limit > 0 ? 'fa-check-circle text-success' : 'fa-times-circle text-danger' }} me-1"></i>
|
|
{{ $plan->subdomain_limit > 0 ? __('Subdomain Limit:') . ' ' . $plan->subdomain_limit : __('Subdomain Available?') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|