@extends('user.layouts.main')

@section('contents')
    <div class="col-lg-12">
        <div class="dashboard_wrapper border_start p-3">
            <div class="card border-0">
                <div class="card-body  bg-white">
                    <div class="">
                        <h4 class="my-2 page_title">Membership</h4>
                    </div>
                </div>
                <div class="card-body">
                    <div class="user_membership row">
                        @if($user_plan)
                            <div class="col-md-6">
                                <div
                                    class="dashboard_card px-3 py-3 bg-{{ $active_plan ? 'success' : 'danger' }} bg-opacity-10 border border-{{ $active_plan ? 'success' : 'danger' }} border-opacity-50 rounded-2 position-relative">
                                    <div class="content">
                                        <div class="title text-{{ $active_plan ? 'success' : 'danger' }}">{{ $active_plan ? 'Active' : 'Inactive' }}</div>
                                        <div class="package_name">{{ $user->currentPlan->plan->name }} Plan</div>
                                    </div>
                                </div>
                            </div>
                            <ul class="mt-4 mb-4">
                                <li>Duration : {{ date('M d, Y', strtotime($user_plan->created_at)) }} - {{ date('M d, Y', strtotime($user->current_pan_expire_date)) }}</li>
                                <li>Ads Limit : {{ $user_plan->ad_limit }}</li>
                                <li>Feature Ads Limit : {{ $user_plan->featured_limit }}</li>
                                <li>Days {{ $active_plan ? 'Left' : 'Past'}}: {{ Carbon\Carbon::parse($user->current_pan_expire_date)->diffForHumans() }}</li>
                            </ul>

                        @else
                            <div class="col-md-4 mb-4">
                                <div
                                    class="dashboard_card px-3 py-3 bg-danger bg-opacity-10 border border-danger border-opacity-50 rounded-2 position-relative">
                                    <div class="content text-center">
                                        You have no Plan
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div>
                            <a href="{{route('frontend.membership')}}" class="btn btn-primary btn-sm">{{$user_plan ? 'Upgrade' : 'Purchase'}} Package</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection