@extends('layouts.master')

@section('title') {{__('admin.dashboard')}} -@endsection
@section('css')

<link href="{{ asset('public/css/wph.css') }}?v={{__system_settings('version')}}" rel="stylesheet">
<link href="{{ asset('public/css/sub.css') }}?v={{__system_settings('version')}}" rel="stylesheet">

<style>
    .shown-plan-card{
        display:block !important;
    }
    #bai-new-choose-subscription .plan-cards .plan-buttons .get_access_btn{
        color:#fff;
    }
</style>
@endsection
@section('content')

<section class="section section-sm">
    <div class="container-fluid">
        <div class="row mt-4">
            <div class="col-md-12 col-lg-12">
    <div class="main-body">
    <div class="signup-box">
     
        <div class="signup-tab-items tab-content">
     
            <!-- / Create Account -->
            <div id="signup-membership" class="tab-pane signup-tab-pane-membership active">
                <main class="signup-main">
                    <div class="signup-main-inner container signup-subscription-container">
                        <div class="signup-content-boxes signup-subscription-content">
                            <div class="signup-box-container">
                                <input type="hidden" id="bai-membership-levels-data" data-members-count="1" data-current-seats="1" data-max-seats="5" />
                                <div id="bai-new-choose-subscription">
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <h1 class="bai-page-title">Choose Subscription</h1>
                                                @include('user.error_message')
                                                
                                                @if($pendingSubscription)
                                                 <div>
                                                     <p class="text-center">You have a pending subscription request</p>
                                                 </div>
                                                @else
                                                <div class="plans-container">
                                            
                                                    <div class="plan-cards-container">
                                                 <div class="plan-cards">
                                                     @forelse($plans as $plan)
                                                           
                                                            <div class="plan-card text-center plan-card-annual plan-card-monthly active shown-plan-card">
                                                                <div class="plan-title">
                                                                    {{$plan->name}}
                                                                </div>
                                                                <div class="plan-cost">
                                                                    <div class="cost">
                                                                        ${{__format_number(__plan_duration_amount_per_month($plan->price , $plan->duration_days))}}/Mo
                                                                    </div>
                                                            <div class="cost-description">
																																			Billed $<span class="bai-membership-price-js" data-level="11">{{__format_number($plan->price)}} - </span> {{ucfirst(__plan_billing_cycle($plan->duration_days))}}											                                        </div>       
                                                              
                                                                </div>
                                                                <div class="plan-buttons">
                                                                    <div class="plan-button">
                                                                        <form method="POST" action="{{ route('user.subscription.choose') }}">
            @csrf
            <input type="hidden" name="plan_id" value="{{ __the_hash($plan->id ) }}">
            <button type="submit" class="btn btn-default get_access_btn">Get Access</button>
        </form>
                                                                        
                                                                    </div>
                                                                </div>
                                                                <div class="plan-features text-left">
                                                                    <ul>
                                                                        @if(is_array($plan->features))
                                                                        @forelse($plan->features as $feature)
                                                                        <li>{{$feature}}</li>
                                                                        @empty
                                                                        @endforelse
                                                                        @endif
                                                               
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                     
                                                            @empty
                                                            
                                                            @endforelse
                                                </div>
                                                    </div>
                                                </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                        
                            </div>
                            <div class="signup-return-link-wrapper">
                                <a class="signup-return-link" href="{{secure_url('dashboard')}}">Go to dashboard</a>
                            </div>
                        </div>
                    </div>
                </main>
                <!-- / Signup Page -->
            </div>
           
        </div>
    </div>
    <!-- / Signup Box -->
</div>
   
            </div>
            
        </div>

    </div>
  </section>
@endsection

@section('javascript')
  
  @endsection