@extends('layout')
@section('title')
    <title>{{ __('translate.Subscription Plan') }}</title>
@endsection

@section('body-content')
<main>
    <!-- dashboard-part-start -->

    <!-- membership part start  -->
    <section class="membership footer-top-pad">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="membership-taitel">
                        <span class="membership-sub-taitel">{{ __('translate.Our Plan') }}</span>
                        <h2 class="taitel">{{ __('translate.Subscription Plan') }}</h2>

                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                @foreach ($subscription_plans as $index => $subscription_plan)
                <div class="col-lg-3 padding-0">
                    <div class="pricing-box {{ $index == 1 ? 'pricing-box-two' : '' }}">
                        <h3 class="pricing-box-taitel">{{ $subscription_plan->plan_name }}</h3>

                        @include('partials.pricing_price', ['subscription_plan' => $subscription_plan])

                        @include('partials.subscription-plan-pricing-features', ['subscription_plan' => $subscription_plan])


                        @if ($subscription_plan->canBePurchased())
                            <a class="main-btn" href="{{ route('pricing-plan-enroll', $subscription_plan->id) }}">
                                <div class="btn_m">
                                    <div class="btn_c">
                                        <div class="btn_t1">{{ __('translate.Enroll Now') }}</div>
                                        <div class="btn_t2">{{ __('translate.Enroll Now') }}</div>
                                    </div>
                                </div>
                            </a>
                        @else
                            <span class="main-btn pricing-plan-disabled-btn" aria-disabled="true">
                                <div class="btn_m">
                                    <div class="btn_c">
                                        <div class="btn_t1">{{ __('translate.Package unavailable') }}</div>
                                        <div class="btn_t2">{{ __('translate.Package unavailable') }}</div>
                                    </div>
                                </div>
                            </span>
                        @endif


                    </div>
                </div>
                @endforeach

            </div>
        </div>
    </section>
    <!-- membership part end  -->

</main>
@endsection