@extends('frontend.layouts.app')
@section('title')
{{ $title ?? 'Page header' }}
@endsection

@section('meta')
<meta property="og:title" content="{{ $og_title }}" />
<meta property="og:description" content="{{ $og_description }}" />
<meta property="og:image" content="{{ getSeoImage($og_image) }}" />@endsection

@push('style')
@endpush

@section('content')
<!-- ======================= breadcrumb start  ============================ -->
@include('frontend.layouts.includes.breadcrumb',
['links'=>[[$title=>route('frontend.membership')]]])
<!-- ======================= breadcrumb end  ============================ -->

<!-- ======================= membership start  ============================ -->
<div class="membership_section pt-2 pb-5">
    <div class="container">
        <h3 class="text-center py-3 text-muted ">Membership Plans</h3>
        <div class="row gy-4">

            @if(isset($plans) && count($plans) > 0)
                @foreach($plans as $plan)

            <div class="col-md-6 col-xl-4">
                <div class="pricing-item card h-100">
                    <div class="pricing-header text-white">
                        <h3>{{$plan?->name}}</h3>
                        <h4>{{$setting?->currency_symbol}} {{$plan?->price}}

                            @switch($plan?->interval)

                                @case('monthly')
                                    <sub>/ month</sub>
                                    @break
                                @case('yearly')
                                    <sub>/ year</sub>
                                    @break
                                @case('custom_date')
                                    <sub>/ {{$plan?->custom_date}}</sub>
                                    @break
                                @default
                                    <sub>/ month</sub>

                            @endswitch


                        </h4>
                    </div>
                    <ul class="pt-4">
                        <li>{{$plan->ad_limit}} ad postings for
                            @if ($plan?->interval == 'monthly')
                            {{$plan->day}} Days
                            @elseif ($plan?->interval == 'yearly')
                            {{$plan->day}} Days
                            @else
                            {{$plan->day}} Days
                            @endif
                        </li>
                        <li>Ad visibility for {{$plan->day}} days</li>
                        <li>{{$plan->featured_limit}} Featured Listing</li>

                              @if ( $plan->customer_support==1)
                              <li>
                              Basic customer support : Yes
                            </li>
                            @else
                            <li>
                                Basic customer support : No
                              </li>

                              @endif


                            @if ( $plan->social_media_sharing==1)
                            <li>
                            Social media sharing : Yes
                        </li>
                        @else
                        <li>
                            Social media sharing : No
                        </li>
                              @endif

                        {{-- <li>Access to basic analytics (views, clicks)</li> --}}
                    </ul>
                    <div class="text-center mt-auto">
                        <a href="{{ route($plan?->price > 0 ? 'user.plan.purchase' : 'user.plan.upgrade', $plan->id) }}" class="btn btn-sm mt-3 w-100 btn-outline-primary">Buy Now</a>
                    </div>
                </div>
            </div>
                @endforeach
            @endif


            <!--<div class="col-md-6 col-xl-4">
                <div class="pricing-item standard card h-100">
                    <div class="pricing-header text-white">
                        <h3>Standard Package</h3>
                        <h4>{{$setting?->currency_symbol}} 49.99 <sub>/ month</sub></h4>
                    </div>
                    <ul class="pt-4">
                        <li>50 ad postings per month</li>
                        <li>Ad visibility for 60 days</li>
                        <li>10 Featured Listing</li>
                        <li>Enhanced customer support</li>
                        <li>Access to detailed analytics (views, clicks, engagements)</li>
                        <li>Social media sharing options</li>
                    </ul>
                    <div class="text-center mt-auto">
                        <a href="#" class="btn btn-sm mt-3 w-100 btn-primary">Buy Now</a>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-4">
                <div class="pricing-item card h-100">
                    <div class="pricing-header text-white">
                        <h3>Premium Package </h3>
                        <h4>{{$setting?->currency_symbol}} 99.99 <sub>/ month</sub></h4>
                    </div>
                    <ul class="pt-4">
                        <li>Unlimited ad postings per month</li>
                        <li>Ad visibility for 90 days</li>
                        <li>20 Featured Listing</li>
                        <li>Priority customer support</li>
                        <li>Access to comprehensive analytics (views, clicks, engagements, conversion rates)</li>
                        <li>Social media sharing options</li>
                    </ul>
                    <div class="text-center mt-auto">
                        <a href="#" class="btn btn-sm mt-3 w-100 btn-outline-primary">Buy Now</a>
                    </div>
                </div>
            </div>-->

        </div>
    </div>
</div>
<!-- ======================= membership end  ============================ -->
@endsection
@push('style')
@endpush