@extends('frontend.layouts.app')
@section('content')
    <div class="rbt-breadcrumb-default rbt-breadcrumb-style-3 rbt-banner-1">
        <div class="breadcrumb-inner">
            <img src="{{ asset('frontend/images/bg/bg-image-10.jpg') }}">
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="content">
                        <div class="inner">
                            <div class="rbt-new-badge rbt-new-badge-one">
                                <span class="rbt-new-badge-icon">🏆</span> {{ $plan->title }}
                            </div>
                            <h2> MRP - ₹{{ $plan->amount }} </h2>
                            @if ($plan->amount > $plan->discounted_price)
                                <h1 class="title"> With Promocode - ₹{{ $plan->discounted_price }}</h1>
                            @endif
                            <p>{{ $plan->short_description }}</p>

                            @if (!Auth::guard('web')->user())
                                <div class="slider-btn">
                                    <a class="rbt-btn btn-sm btn-gradient radius-round "
                                        href="{{ route('checkout') }}?slug={{ $plan->slug }}">
                                        Buy Now<i class="feather-arrow-up-right"></i>
                                    </a>
                                </div>
                            @endif
                        </div>

                        <div class="shape-wrapper" id="scene">
                            <img src="{{ asset('frontend/image/plans/' . $plan->image) }}"
                                onerror="this.onerror=null;this.src='{{ asset('frontend/images/default-image.jpg') }}';">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-color-white rbt-section-gap">
        <div class="container">
            <div class="row g-5">
                @php
                    $courses = App\Models\Admin\Course::where('status', '1')
                        ->whereIn('id', $plan->course_ids)
                        ->with('topic')
                        ->get();
                @endphp
                @foreach ($courses as $course)
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="rbt-cat-box rbt-cat-box-1 variation-2">
                            <div class="inner">
                                <div class="thumbnail">
                                    <a href="{{ route('course.detail', $course->slug) }}">
                                        <img src="{{ asset('frontend/images/courses/' . $course->image) }}"
                                            alt="Category Images"
                                            onerror="this.onerror=null;this.src='{{ asset('frontend/images/default-image.jpg') }}';">
                                    </a>
                                </div>
                                {{-- <div class="icons">
                                    <a class="rbt-btn rounded-player-2 sm-size popup-video position-to-top"
                                        @isset($course->topic[0]) href="{{ $course->topic[0]->video_url }} @endisset">
                                        <span class="play-icon"></span>
                                    </a>
                                </div> --}}
                                <div class="content">
                                    <h5 class="title">
                                        <a href="{{ route('course.detail', $course->slug) }}">{{ $course->name }}</a>
                                    </h5>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection