@extends('user_dashboard.layouts.app')
@section('content')
    @push('js')
        <style>
            .rbt-btn.hover-icon-reverse .btn-text {
                font-size: 13px;
            }

            .top-features-box {
                padding: 25px 10px;
            }
        </style>
    @endpush

    <div class="rbt-dashboard-area mt--30 mb--50">
        <div class="container-fluid">
            <div class="row g-5">
                <div class="col-lg-3">
                    @include('user_dashboard.layouts.sidebar')
                </div>
                <div class="col-lg-9">
                    <div class="rbt-dashboard-content bg-color-white rbt-shadow-box mb--10">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="section-title">
                                    <h3 class="rbt-title-style-style">Plan</h3>
                                </div>
                            </div>
                        </div>
                        <div class="row g-5">
                            @foreach ($plans as $key => $plan)
                                {{-- <div class="col-lg-4 col-md-6 col-12" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                                    <div class="top-features-box h-100 text-center @if ($key == 0) bg-gradient-15 @endif @if ($key == 1) bg-gradient-16 @endif @if ($key == 2) bg-gradient-17 @endif">

                                        @if ($current_plan->plan->priority >= $plan->priority)
                                        @else
                                            @php
                                                if (
                                                    isset(
                                                        $current_plan->plan->upgrade_amount[
                                                            $plan->priority - $current_plan->plan->priority - 1
                                                        ],
                                                    )
                                                ) {
                                                    $amount =
                                                        $current_plan->plan->upgrade_amount[
                                                            $plan->priority - $current_plan->plan->priority - 1
                                                        ];
                                                } else {
                                                    $amount = 0;
                                                }
                                            @endphp
                                        @endif
                                        <a class="w-100"
                                            @if ($current_plan->plan->priority >= $plan->priority) @else onclick="couponModel({{ $plan->id }},{{ $amount }})" @endif>
                                            <div class="inner">
                                                <div class="content">
                                                    <span class="pre-title text-uppercase">For Online Courses</span>
                                                    <h4 class="title">{{ $plan->title }}</h4>
                                                </div>
                                                <div class="thumbnail">
                                                    <img src="{{ asset('backend/img/plan/' . $plan->image) }}">
                                                </div>
                                                <div class="rbt-badge-group mb-4">
                                                    @foreach ($plan->points as $plan_point)
                                                        <span class="rbt-badge">{{ $plan_point }}</span>
                                                    @endforeach
                                                </div>
                                            </div>

                                            <div class="shape-image">
                                                <img src="{{ asset('frontend/images/splash/icons/sun-shadow-right.png') }}">
                                            </div>

                                            @if ($current_plan->plan->priority >= $plan->priority)
                                                <a class="rbt-btn btn-border hover-icon-reverse btn-sm radius-round">
                                                    <span class="icon-reverse-wrapper">
                                                        <span class="btn-text text-white">Active Plan</span>
                                                        <span class="btn-icon text-white"><i
                                                                class="feather-arrow-right"></i></span>
                                                        <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                                    </span>
                                                </a>
                                            @else
                                                <a class="rbt-btn btn-border hover-icon-reverse btn-sm radius-round"
                                                    onclick="couponModel({{ $plan->id }},{{ $amount }})">
                                                    <span class="icon-reverse-wrapper">
                                                        <span class="btn-text text-white">Upgrade to {{ $plan->title }} in
                                                            ₹{{ $amount }}</span>
                                                        <span class="btn-icon text-white"><i
                                                                class="feather-arrow-right"></i></span>
                                                        <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                                    </span>
                                                </a>
                                            @endif

                                    </div>
                                </div> --}}




                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="rbt-team-tab-content">
                                        <div class="inner">
                                            <div class="rbt-team-thumbnail">
                                                <div class="thumb">
                                                    <a href="{{ route('plan.detail', $plan->slug) }}">
                                                        <img src="{{ asset('frontend/image/plans/' . $plan->image) }}" alt="{{$plan->title}}">
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="rbt-team-details">
                                                <div class="author-info">
                                                    <h4 class="title">
                                                        <a href="{{ route('plan.detail', $plan->slug) }}">
                                                            {{ $plan->title }}
                                                        </a>
                                                    </h4>
                                                </div>
                                                @foreach ($plan->points as $plan_point)
                                                    <span class="rn">{{ $plan_point }}</span>
                                                @endforeach
                                                <div class="rbt-card-bottom mt--10">
                                                    @if ($current_plan->plan->priority < $plan->priority)
                                                        @php
                                                            if (isset($current_plan->plan->upgrade_amount[$plan->priority - $current_plan->plan->priority - 1])){
                                                                $amount = $current_plan->plan->upgrade_amount[$plan->priority - $current_plan->plan->priority - 1];
                                                            }else{
                                                                $amount = 0;
                                                            }
                                                        @endphp
                                                    <div class="rbt-price">
                                                        <span class="current-price">₹ {{ $amount }}</span>
                                                    </div>
                                                    @endif
                                                    @if ($current_plan->plan->priority >= $plan->priority)
                                                        <a class="rbt-btn btn-sm btn-border-gradient radius-round hover-icon-reverse">
                                                            <span class="icon-reverse-wrapper">
                                                                <span class="btn-text">Active Plan</span>
                                                                <span class="btn-icon"><i
                                                                        class="feather-arrow-right"></i></span>
                                                                <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                                            </span>
                                                        </a>
                                                    @else
                                                        <a href="{{ route('user.upgrade.plan.checkout', $plan->slug) }}" class="rbt-btn btn-sm btn-border-gradient radius-round hover-icon-reverse">
                                                            <span class="icon-reverse-wrapper">
                                                                <span class="btn-text">Upgrade</span>
                                                                <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                                                <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                                            </span>
                                                        </a>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection