@extends('layouts.guest')

@section('css')
	<!-- Data Table CSS -->
	<link href="{{URL::asset('plugins/awselect/awselect.min.css')}}" rel="stylesheet" />
@endsection

@section('content')

    <div class="container">
        <div class="row text-center">
            <div class="col-md-12">
                <div class="section-title">
                    <!-- SECTION TITLE -->
                    <div class="text-center mb-9 mt-9 pt-5" id="contact-row">

                        <div class="title">
                            <h6>{{ __('Choose') }} <span>{{ __('Your Plan') }}</span></h6>
                            <p>{{ __('Flexible subscriptions with optional top up features') }}</p>
                        </div>

                    </div> <!-- END SECTION TITLE -->
                </div>
            </div>
        </div>
    </div>

    <section id="prices-wrapper">

        <div class="container pt-8">          
            
            <div class="card-body">			
					
                @if ($monthly || $yearly || $prepaid)

                    <div class="tab-menu-heading text-center">
                        <div class="tabs-menu">								
                            <ul class="nav">
                                @if ($prepaid)
                                    @if (config('payment.payment_option') == 'prepaid' || config('payment.payment_option') == 'both')
                                        <li><a href="#prepaid" class="@if (!$monthly && !$yearly && $prepaid) active @else '' @endif" data-toggle="tab"> {{ __('Prepaid Plans') }}</a></li>
                                    @endif
                                @endif
                                @if ($monthly)
                                    @if (config('payment.payment_option') == 'subscription' || config('payment.payment_option') == 'both')
                                        <li><a href="#monthly_plans" class="@if (($monthly && $prepaid && $yearly) || ($monthly && !$prepaid && !$yearly) || ($monthly && $prepaid && !$yearly) || ($monthly && !$prepaid && $yearly)) active @else '' @endif" data-toggle="tab"> {{ __('Monthly Plans') }}</a></li>
                                    @endif
                                @endif	
                                @if ($yearly)
                                    @if (config('payment.payment_option') == 'subscription' || config('payment.payment_option') == 'both')
                                        <li><a href="#yearly_plans" class="@if (!$monthly && !$prepaid && $yearly) active @else '' @endif" data-toggle="tab"> {{ __('Yearly Plans') }}</a></li>
                                    @endif
                                @endif								
                            </ul>
                        </div>
                    </div>

                    <div class="tabs-menu-body">
                        <div class="tab-content">

                            @if ($prepaid)
                                @if (config('payment.payment_option') == 'prepaid' || config('payment.payment_option') == 'both')
                                    <div class="tab-pane @if ((!$monthly && $prepaid) && (!$yearly && $prepaid)) active @else '' @endif" id="prepaid">

                                        @if ($prepaids->count())

                                            <h6 class="font-weight-normal fs-12 text-center mb-6">{{ __('Top up your subscription with more credits or start with Prepaid Plans credits only') }}</h6>
                                            
                                            <div class="row justify-content-md-center">
                                            
                                                @foreach ( $prepaids as $prepaid )																			
                                                    <div class="col-lg-3 col-md-6 col-sm-12">
                                                        <div class="price-card pt-2 mb-7">
                                                            <div class="card border-0 p-4 pl-5">
                                                                <div class="plan prepaid-plan">
                                                                    <div class="plan-title">{{ $prepaid->plan_name }} <span class="prepaid-currency-sign">{{ $prepaid->currency }}</span><span class="plan-cost">{{ number_format((float)$prepaid->cost, 2) }}</span><span class="prepaid-currency-sign">{!! config('payment.default_system_currency_symbol') !!}</span></div>
                                                                    <p class="fs-12 text-muted">{{ __('Total Characters') }} @if ($prepaid->bonus > 0) <span class="ml-2 gift text-success">+{{ number_format($prepaid->bonus) }} {{ __('bonus') }}!</span>@endif</p>
                                                                        
                                                                                                            
                                                                    <div class="text-center action-button mt-2 mb-2">
                                                                        <a href="{{ route('user.prepaid.checkout', $prepaid->id) }}" class="btn btn-cancel">{{ __('Purchase') }}</a> 
                                                                    </div>
                                                                </div>							
                                                            </div>	
                                                        </div>							
                                                    </div>										
                                                @endforeach						

                                            </div>

                                        @else
                                            <div class="row text-center">
                                                <div class="col-sm-12 mt-6 mb-6">
                                                    <h6 class="fs-12 font-weight-bold text-center">{{ __('No Pre-Paid plans were set yet') }}</h6>
                                                </div>
                                            </div>
                                        @endif

                                    </div>	
                                @endif	
                            @endif	

                            @if ($monthly)	
                                @if (config('payment.payment_option') == 'subscription' || config('payment.payment_option') == 'both')
                                    <div class="tab-pane @if (($monthly && $prepaid) || ($monthly && !$prepaid) || ($monthly && !$yearly)) active @else '' @endif" id="monthly_plans">

                                        @if ($monthly_subscriptions->count())		
                                            
                                            <h6 class="font-weight-normal fs-12 text-center mb-6">{{ __('Subscribe to our Monthly Subscription Plans and enjoy ton of benefits') }}</h6>

                                            <div class="row justify-content-md-center">

                                                @foreach ( $monthly_subscriptions as $subscription )																			
                                                    <div class="col-lg-3 col-md-6 col-sm-12">
                                                        <div class="pt-2 mb-7 prices-responsive">
                                                            <div class="card border-0 p-4 pl-5 pr-5 pt-7 price-card @if ($subscription->featured) price-card-border @endif">
                                                                @if ($subscription->featured)
                                                                    <span class="plan-featured">{{ __('Most Popular') }}</span>
                                                                @endif
                                                                <div class="plan">			
                                                                    <div class="plan-title text-center">{{ $subscription->plan_name }}</div>		
                                                                    <p class="fs-12 text-center mb-3">{{ $subscription->primary_heading }}</p>																					
                                                                    <p class="plan-cost text-center mb-0"><span class="plan-currency-sign"></span>{!! config('payment.default_system_currency_symbol') !!}{{ number_format((float)$subscription->cost, 2) }}</p>
                                                                    <p class="fs-12 text-center mb-3">{{ $subscription->currency }} / {{ __('Month') }}</p>
                                                                    <div class="text-center action-button mt-2 mb-4">
                                                                        <a href="{{ route('user.subscriptions.subscribe', $subscription->id) }}" class="btn btn-primary">{{ __('Subscribe Now') }}</a>														
                                                                    </div>
                                                                    <p class="fs-12 text-center mb-3">{{ $subscription->secondary_heading }}</p>																	
                                                                    <ul class="fs-12 pl-3">														
                                                                        @foreach ( (explode(',', $subscription->plan_features)) as $feature )
                                                                            @if ($feature)
                                                                                <li><i class="fa-solid fa-circle-small fs-10 text-muted"></i> {{ $feature }}</li>
                                                                            @endif																
                                                                        @endforeach															
                                                                    </ul>																
                                                                </div>					
                                                            </div>	
                                                        </div>							
                                                    </div>										
                                                @endforeach

                                            </div>	
                                        
                                        @else
                                            <div class="row text-center">
                                                <div class="col-sm-12 mt-6 mb-6">
                                                    <h6 class="fs-12 font-weight-bold text-center">{{ __('No Subscriptions plans were set yet') }}</h6>
                                                </div>
                                            </div>
                                        @endif					
                                    </div>
                                @endif	
                            @endif	
                            
                            @if ($yearly)	
                                @if (config('payment.payment_option') == 'subscription' || config('payment.payment_option') == 'both')
                                    <div class="tab-pane @if (($yearly && $prepaid) && ($yearly && !$prepaid) && ($yearly && !$monthly)) active @else '' @endif" id="yearly_plans">

                                        @if ($yearly_subscriptions->count())		
                                            
                                            <h6 class="font-weight-normal fs-12 text-center mb-6">{{ __('Subscribe to our Yearly Subscription Plans and enjoy ton of benefits') }}</h6>

                                            <div class="row justify-content-md-center">

                                                @foreach ( $yearly_subscriptions as $subscription )																			
                                                    <div class="col-lg-3 col-md-6 col-sm-12">
                                                        <div class="pt-2 mb-7 prices-responsive">
                                                            <div class="card border-0 p-4 pl-5 pr-5 pt-7 price-card @if ($subscription->featured) price-card-border @endif">
                                                                @if ($subscription->featured)
                                                                    <span class="plan-featured">{{ __('Most Popular') }}</span>
                                                                @endif
                                                                <div class="plan">			
                                                                    <div class="plan-title text-center">{{ $subscription->plan_name }}</div>		
                                                                    <p class="fs-12 text-center mb-3">{{ $subscription->primary_heading }}</p>																					
                                                                    <p class="plan-cost text-center mb-0"><span class="plan-currency-sign"></span>{!! config('payment.default_system_currency_symbol') !!}{{ number_format((float)$subscription->cost, 2) }}</p>
                                                                    <p class="fs-12 text-center mb-3">{{ $subscription->currency }} / {{ __('Year') }}</p>
                                                                    <div class="text-center action-button mt-2 mb-4">
                                                                        <a href="{{ route('user.subscriptions.subscribe', $subscription->id) }}" class="btn btn-primary">{{ __('Subscribe Now') }}</a>													
                                                                    </div>
                                                                    <p class="fs-12 text-center mb-3">{{ $subscription->secondary_heading }}</p>																	
                                                                    <ul class="fs-12 pl-3">														
                                                                        @foreach ( (explode(',', $subscription->plan_features)) as $feature )
                                                                            @if ($feature)
                                                                                <li><i class="fa-solid fa-circle-small fs-10 text-muted"></i> {{ $feature }}</li>
                                                                            @endif																
                                                                        @endforeach															
                                                                    </ul>																
                                                                </div>					
                                                            </div>	
                                                        </div>							
                                                    </div>										
                                                @endforeach

                                            </div>	
                                        
                                        @else
                                            <div class="row text-center">
                                                <div class="col-sm-12 mt-6 mb-6">
                                                    <h6 class="fs-12 font-weight-bold text-center">{{ __('No Subscriptions plans were set yet') }}</h6>
                                                </div>
                                            </div>
                                        @endif					
                                    </div>
                                @endif	
                            @endif					
                        </div>
                    </div>
			
                @else
                    <div class="row text-center">
                        <div class="col-sm-12 mt-6 mb-6">
                            <h6 class="fs-12 font-weight-bold text-center">{{ __('No Subscriptions or Pre-Paid plans were set yet') }}</h6>
                        </div>
                    </div>
                @endif
    
            </div>
        
        </div>

    </section>
@endsection

@section('js')
	<!-- Awselect JS -->
	<script src="{{URL::asset('plugins/awselect/awselect.min.js')}}"></script>
	<script src="{{URL::asset('js/awselect.js')}}"></script>  
    <script src="{{URL::asset('js/minimize.js')}}"></script> 
@endsection