{{-- @foreach ($packages as $package)

	@if ($package->is_private == 1 &&
    !auth()->user()->can('superadmin'))

		@php

			continue;

		@endphp

	@endif

    <div class="col-md-4">

    	

		<div class="box box-success hvr-grow-shadow">

			<div class="box-header with-border text-center">

				<h2 class="box-title">{{$package->name}}</h2>

			</div>

			

			<!-- /.box-header -->

			<div class="box-body text-center">



				<i class="fa fa-check text-success"></i>

				@if ($package->location_count == 0)

					@lang('superadmin::lang.unlimited')

				@else

					{{$package->location_count}}

				@endif



				@lang('business.business_locations')

				<br/><br/>



				<i class="fa fa-check text-success"></i>

				@if ($package->user_count == 0)

					@lang('superadmin::lang.unlimited')

				@else

					{{$package->user_count}}

				@endif



				@lang('superadmin::lang.users')

				<br/><br/>



				<i class="fa fa-check text-success"></i>

				@if ($package->product_count == 0)

					@lang('superadmin::lang.unlimited')

				@else

					{{$package->product_count}}

				@endif



				@lang('superadmin::lang.products')

				<br/><br/>



				<i class="fa fa-check text-success"></i>

				@if ($package->invoice_count == 0)

					@lang('superadmin::lang.unlimited')

				@else

					{{$package->invoice_count}}

				@endif



				@lang('superadmin::lang.invoices')

				<br/><br/>



				@if (!empty($package->custom_permissions))

					@foreach ($package->custom_permissions as $permission => $value)

						@isset($permission_formatted[$permission])

							<i class="fa fa-check text-success"></i>

							{{$permission_formatted[$permission]}}

							<br/><br/>

						@endisset

					@endforeach

				@endif


				@if ($package->trial_days != 0)

					<i class="fa fa-check text-success"></i>

					{{$package->trial_days}} @lang('superadmin::lang.trial_days')

					<br/><br/>

				@endif

				

				<h3 class="text-center">

				@php

					$interval_type = !empty($intervals[$package->interval]) ? $intervals[$package->interval] : __('lang_v1.' . $package->interval);

				@endphp

					@if ($package->price != 0)

						<span class="display_currency" data-currency_symbol="true">

							{{$package->price}}

						</span>



						<small>

							/ {{$package->interval_count}} {{$interval_type}}

						</small>

					@else

						@lang('superadmin::lang.free_for_duration', ['duration' => $package->interval_count . ' ' . $interval_type])

					@endif

				</h3>

			</div>

			<!-- /.box-body -->



			<div class="box-footer bg-gray disabled text-center">

				@if ($package->enable_custom_link == 1)

					<a href="{{$package->custom_link}}" class="btn btn-block btn-success">{{$package->custom_link_text}}</a>

				@else

					@if (isset($action_type) && $action_type == 'register')

						<a href="{{ route('business.getRegister') }}?package={{$package->id}}" 

						class="btn btn-block btn-success">

		    				@if ($package->price != 0)

		    					@lang('superadmin::lang.register_subscribe')

		    				@else

		    					@lang('superadmin::lang.register_free')

		    				@endif

	    				</a>

					@else

	    				<a href="{{action('\Modules\Superadmin\Http\Controllers\SubscriptionController@pay', [$package->id])}}" 

						class="btn btn-block btn-success">

		    				@if ($package->price != 0)

		    					@lang('superadmin::lang.pay_and_subscribe')

		    				@else

		    					@lang('superadmin::lang.subscribe')

		    				@endif

	    				</a>

					@endif

				@endif



    			{{$package->description}}

			</div>

		</div>

		<!-- /.box -->

    </div>

    @if ($loop->iteration % 3 == 0)

    	<div class="clearfix"></div>

    @endif

@endforeach --}}


<style>
    .pricing__card {
        background: #E2E9FF;
        height: calc(100% - 30px);
    }
    
    @media (max-width: 991px)
    .pricing__card-header {
        padding: 29px 35px;
    }
    
    .pricing__card-header {
        position: relative;
        padding: 39px 40px 0px;
        border-bottom: 1px solid rgba(64, 105, 255, 0.1);
    }
    
    .mb-30 {
    margin-bottom: 30px;
}

.color-d_black {
    color: #0E1E36;
}

.pricing__card-header .sub-title {
    font-size: 14px;
    line-height: 24px;
}

.fw-600 {
    font-weight: 600;
}

.font-la {
    font-family: "Lato", sans-serif;
}

.pricing__card-header .price {
    min-width: 348px;
    max-width: 100px;
    font-size: 36px;
    margin-left: -40px;
    font-weight: 600;
    line-height: 46px;
    padding: 0px;
    position: relative;
    background: #4069FF;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
}

.color-white {
    color: #FFF;
}

.overflow-hidden {
    overflow: hidden!important;
}

.pricing__card-header .price span {
    font-size: 16px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 26px;
}

.pricing__card-header p {
    font-family: "Lato", sans-serif;
    max-width: 230px;
}

.pricing__card-body {
    position: relative;
    padding: 25px 40px 39px;
}

.pricing__card-body ul li {
    font-family: "Lato", sans-serif;
    margin-bottom: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.subBtn a {
    padding: 0.5rem 1.5rem;
    font-size: 1.2rem;
}

.pricing__card-body:after {
    content: "";
    right: -285px;
    height: 482px;
    bottom: -157px;
    width: 481.89px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(assets/img/price/basic-plan.svg);
    -webkit-animation: scale 3s linear infinite;
    animation: scale 3s linear infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
</style>


<!-- pricing start -->
<section class="pricing pb-xs-80 pt-xs-80 pt-sm-100 pb-sm-100 pt-md-100 pb-md-100 pt-120 pb-110 overflow-hidden"
    style="background-image: url(assets/img/price/testimonial-bg.svg);">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="pricing__content mb-40 mb-xs-30 text-center">

                    <h3 class="box-title text-center">@lang('superadmin::lang.packages')</h3>

                    {{-- <div class="pricing__controller d-flex flex-wrap mt-60 mt-md-50 mt-sm-40 mt-xs-30">
                        <button class="theme-btn active" id="monthly-btn">Monthly Plan</button>
                        <button class="theme-btn" id="yearly-btn">Yearly Plan</button>
                    </div> --}}
                </div>
            </div>
        </div>

        <div class="pricing-item-wraper mt-20">
            <div class="row mb-minus-30" id="monthly">

                @foreach ($packages as $package)

                    @if (
                        $package->is_private == 1 &&
                            !auth()->user()->can('superadmin'))
                        @php

                            continue;

                        @endphp
                    @endif


                    <div class="col-xl-4 col-md-4 text-dark">
                        <div class="pricing__card d-flex flex-column mb-30 overflow-hidden">
                            <div class="pricing__card-header">
                                <h4 class="color-d_black text-center">{{ $package->name }}</h4>
                                <h6 class="sub-title font-la fw-600 text-center text-uppercase mb-30 mb-sm-25 mb-xs-15">Start
                                    package <img src="assets/img/icon/hand-3.svg" class="img-fluid" alt=""></h6>
                                    
                                <div class="text-center price color-white mb-30 mb-sm-25 mb-xs-15 overflow-hidden">

                                    <h3>

                                        @php

                                            $interval_type = !empty($intervals[$package->interval]) ? $intervals[$package->interval] : __('lang_v1.' . $package->interval);

                                        @endphp

                                        @if ($package->price != 0)
                                         
                                            <span style="font-size: 20px;color: #f7ecec;    font-weight: 600;" class="display_currency" data-currency_symbol="true">
                                            </span>
                                                <span style="font-size: 20px;color: #f7ecec;    font-weight: 600;">
                                                {{ number_format($package->price,2) }}

                                            </span>



                                            <small style="font-size: 20px;color: #f7ecec;">

                                                / {{ $package->interval_count }} {{ $interval_type }}

                                            </small>
                                        @else
                                            @lang('superadmin::lang.free_for_duration', ['duration' => $package->interval_count . ' ' . $interval_type])
                                        @endif
                                    </h3>

                                    {{-- <span>/Monthly</span> --}}
                                </div>
                                <p>{{ $package->description }}</p>
                            </div>

                            <div class="pricing__card-body text-dark">

                                <ul>
                                    <li><i class="fa fa-check text-success"></i>

                                        @if ($package->location_count == 0)
                                            @lang('superadmin::lang.unlimited')
                                        @else
                                            {{ $package->location_count }}
                                        @endif

                                        @lang('business.business_locations')
                                    </li>

                                    <li>
                                        <i class="fa fa-check text-success"></i>

                                        @if ($package->user_count == 0)
                                            @lang('superadmin::lang.unlimited')
                                        @else
                                            {{ $package->user_count }}
                                        @endif

                                        @lang('superadmin::lang.users')
                                    </li>

                                    <li>
                                        <i class="fa fa-check text-success"></i>

                                        @if ($package->product_count == 0)
                                            @lang('superadmin::lang.unlimited')
                                        @else
                                            {{ $package->product_count }}
                                        @endif

                                        @lang('superadmin::lang.products')
                                    </li>

                                    <li>
                                        <i class="fa fa-check text-success"></i>

                                        @if ($package->invoice_count == 0)
                                            @lang('superadmin::lang.unlimited')
                                        @else
                                            {{ $package->invoice_count }}
                                        @endif

                                        @lang('superadmin::lang.invoices')
                                    </li>

                                        @if (!empty($package->custom_permissions))
                                    <li>
                                            @foreach ($package->custom_permissions as $permission => $value)
                                                @isset($permission_formatted[$permission])
                                                    <i class="fa fa-check text-success"></i>

                                                    {{ $permission_formatted[$permission] }}

                                                @endisset
                                            @endforeach
                                    </li>
                                        @endif

                                        @if ($package->trial_days != 0)
                                    <li>
                                            <i class="fa fa-check text-success"></i>

                                            {{ $package->trial_days }} @lang('superadmin::lang.trial_days')
                                    </li>
                                        @endif
                                </ul>
                                {{-- <a href="contact.html" class="theme-btn mt-40 mt-md-35">Get Started <i
                                        class="fas fa-long-arrow-alt-right"></i></a> --}}
                                <!--<div class="text-center subBtn mt-20">-->
                                    @if ($package->enable_custom_link == 1)
                                        <a href="{{ $package->custom_link }}"
                                            class="btn text-center subBtn mt-20 btn-block btn-success">{{ $package->custom_link_text }}</a>
                                    @else
                                        @if (isset($action_type) && $action_type == 'register')
                                            <a href="{{ route('business.getRegister') }}?package={{ $package->id }}"
                                                class="text-center subBtn mt-20 btn btn-block btn-success">

                                                @if ($package->price != 0)
                                                    {{-- @lang('superadmin::lang.register_subscribe') --}}
                                                    Buy Subscription
                                                @else
                                                    @lang('superadmin::lang.register_free')
                                                @endif

                                            </a>
                                        @else
                                            <a href="{{ action('\Modules\Superadmin\Http\Controllers\SubscriptionController@pay', [$package->id]) }}"
                                                class="text-center subBtn mt-20 btn btn-block btn-success">

                                                @if ($package->price != 0)
                                                    @lang('superadmin::lang.pay_and_subscribe')
                                                @else
                                                    @lang('superadmin::lang.subscribe')
                                                @endif

                                            </a>
                                        @endif
                                    @endif
                                <!--</div>-->

                            </div>
                        </div>
                    </div><!-- /pricing__card -->
                    @if ($loop->iteration % 3 == 0)
                        <div class="clearfix"></div>
                    @endif

                @endforeach


            </div>

            {{-- <div class="row mb-minus-30 hide" id="yearly">
                <div class="col-xl-4 col-md-6">
                    <div class="pricing__card d-flex flex-column justify-content-between mb-30 overflow-hidden">
                        <div class="pricing__card-header">
                            <h3 class="title color-d_black">Basic Plan</h3>
                            <h6 class="sub-title font-la fw-600 text-uppercase mb-30 mb-sm-25 mb-xs-15">Start package
                                <img src="assets/img/icon/hand-3.svg" class="img-fluid" alt="">
                            </h6>
                            <div class="price color-white mb-30 mb-sm-25 mb-xs-15 overflow-hidden">$50.00
                                <span>/Yearly</span>
                            </div>
                            <p>Plan for businesses with basic IT requirements</p>
                        </div>
                        <div class="pricing__card-body">
                            <ul>
                                <li><i class="fal fa-check-square"></i> Business Solutions</li>
                                <li><i class="fal fa-check-square"></i> Market Growth Solutions</li>
                                <li><i class="fal fa-check-square"></i> Security Management</li>
                                <li><i class="icon-close-3"></i> Digital Business Solutions</li>
                                <li><i class="icon-close-3"></i> 24/7 System Monitoring</li>
                            </ul>
                            <a href="contact.html" class="theme-btn mt-40 mt-md-35">Get Started <i
                                    class="fas fa-long-arrow-alt-right"></i></a>
                        </div>
                    </div>
                </div><!-- /pricing__card -->

                <div class="col-xl-4 col-md-6">
                    <div
                        class="pricing__card d-flex flex-column justify-content-between mb-30 overflow-hidden standard-plan">
                        <div class="pricing__card-header">
                            <h3 class="title color-d_black">Standard Plan</h3>
                            <h6 class="sub-title font-la fw-600 text-uppercase mb-30 mb-sm-25 mb-xs-15">Start package
                                <img src="assets/img/icon/hand-3.svg" class="img-fluid" alt="">
                            </h6>
                            <div class="price color-white mb-30 mb-sm-25 mb-xs-15 overflow-hidden">$99.00
                                <span>/Yearly</span>
                            </div>
                            <p>Plan for businesses with basic IT requirements</p>
                        </div>
                        <div class="pricing__card-body">
                            <ul>
                                <li><i class="fal fa-check-square"></i> Business Solutions</li>
                                <li><i class="fal fa-check-square"></i> Market Growth Solutions</li>
                                <li><i class="fal fa-check-square"></i> Security Management</li>
                                <li><i class="fal fa-check-square"></i> Digital Business Solutions</li>
                                <li><i class="icon-close-3"></i> 24/7 System Monitoring</li>
                            </ul>
                            <a href="contact.html" class="theme-btn mt-40 mt-md-35">Get Started <i
                                    class="fas fa-long-arrow-alt-right"></i></a>
                        </div>
                    </div>
                </div><!-- /pricing__card -->

                <div class="col-xl-4 col-md-6">
                    <div
                        class="pricing__card d-flex flex-column justify-content-between mb-30 overflow-hidden professional">
                        <div class="pricing__card-header">
                            <h3 class="title color-d_black">Professional</h3>
                            <h6 class="sub-title font-la fw-600 text-uppercase mb-30 mb-sm-25 mb-xs-15">Start package
                                <img src="assets/img/icon/hand-3.svg" class="img-fluid" alt="">
                            </h6>
                            <div class="price color-white mb-30 mb-sm-25 mb-xs-15 overflow-hidden">$999.00
                                <span>/Yearly</span>
                            </div>
                            <p>Plan for businesses with basic IT requirements</p>
                        </div>
                        <div class="pricing__card-body">
                            <ul>
                                <li><i class="fal fa-check-square"></i> Business Solutions</li>
                                <li><i class="fal fa-check-square"></i> Market Growth Solutions</li>
                                <li><i class="fal fa-check-square"></i> Security Management</li>
                                <li><i class="fal fa-check-square"></i> Digital Business Solutions</li>
                                <li><i class="fal fa-check-square"></i> 24/7 System Monitoring</li>
                            </ul>
                            <a href="contact.html" class="theme-btn mt-40 mt-md-35">Get Started <i
                                    class="fas fa-long-arrow-alt-right"></i></a>
                        </div>
                    </div>
                </div><!-- /pricing__card -->
            </div> --}}
        </div>
    </div>
</section>
<!-- pricing end -->