@extends('layout')
@section('content')
    @isset($page)
        <!-- Page Header section start here -->

        <!-- Page Header section ending here -->
        <!-- Page Header section start here -->
        <div class="pageheader-section style-2">
            <div class="container">
                <div class="row justify-content-center justify-content-lg-between align-items-center flex-row-reverse">
                    <div class="col-lg-7 col-12">
                        <div class="pageheader-thumb">
                            <img src="{{ asset('/images/pageheader/02.jpg') }}" alt="rajibraj91" class="w-100">
                            <a href="https://www.youtube-nocookie.com/embed/jP649ZHA8Tg" class="video-button"
                                data-rel="lightcase"><i class="icofont-ui-play"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-5 col-12">
                        <div class="pageheader-content">
                            <div class="course-category">




                            </div>
                            <h2 class="phs-title">{{ app()->getLocale() == 'ar' ? $page->title_ar : $page->title }}</h2>
                            <p class="phs-desc">{{ app()->getLocale() == 'ar' ? $page->small_description_ar : $page->small_description }}</p>
                            <div class="phs-thumb"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Page Header section ending here -->


        <!-- course section start here -->
        <div class="course-single-section padding-tb section-bg">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="main-part">
                            <div class="course-item">
                                <div class="course-inner">
                                    <div class="course-content">

                                        <!-- course section ending here -->
                                        {!! \App\Models\ShortCode::compile(
                                             app()->getLocale() == 'ar' ? $page->code_field_ar : $page->code_field )  !!}
                                        <div class="course-video-title my-4">
                                            <h4>{{ __e('Package Products') }}</h4>
                                        </div>
                                        @php
                                            $package = \App\Models\InstallmentPackage::find($system_package->raw());
                                            $currency_name = \App\Models\Currency::find(1)->name;

                                            $products = [];

                                        @endphp
                                        <div class="row g-4 justify-content-center row-cols-xl-2 row-cols-md-2 row-cols-1 loop-loop">

                                        @foreach ( $package->products as $product )
                                            @php
                                            $entry = \Statamic\Facades\Entry::query()->where('product_system_field','=',$product->id)->first();

                                            @endphp
                                            @if($entry)
                                                @livewire('single-product-loop-component', [
                                                    'entry'=>$entry->toArray(),
                                                    'product' => $product], key('product-' . $product->id))
                                            @endif
                                        @endforeach
                                        </div>



                                    </div>
                                </div>
                            </div>

                            <div class="course-video">
                                <div class="course-video-title">
                                    <h4>{{ __e('Course Content') }}</h4>
                                </div>
                                <div class="course-video-content">
                                    <div class="accordion" id="accordionExample">
                                        @foreach ($course_content as $content_key => $content )

                                        <div class="accordion-item">
                                            <div class="accordion-header" id="accordion{{ $content_key }}">
                                                <button class="d-flex flex-wrap justify-content-between"
                                                    data-bs-toggle="collapse" data-bs-target="#videolist{{ $content_key }}" aria-expanded="true"
                                                    aria-controls="videolist{{ $content_key }}"><span>{{ $content->title }}</span>
                                                    <span>{{ count($content->array_field) }} lessons </span> </button>
                                            </div>
                                            <div id="videolist{{ $content_key }}" class="accordion-collapse collapse show"
                                                aria-labelledby="accordion{{ $content_key }}" data-bs-parent="#accordionExample">
                                                <ul class="lab-ul video-item-list">
                                                    @foreach ( $content->array_field as $lesson )
                                                    <li class=" d-flex flex-wrap justify-content-between">
                                                        <div class="video-item-title">{{  $lesson }}</div>
                                                        <div class="video-item-icon"><i class="icofont-play-alt-2"></i></div>
                                                    </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        </div>
                                        @endforeach


                                    </div>
                                </div>
                            </div>
                            <div id="respond" class="comment-respond mb-lg-0">
                                <h4 class="title-border">{{ __e('Contact Course')}}</h4>
                                <div class="add-comment">

                                    @livewire('contact-course-component',['model_id'=>$system_package->raw()])
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="sidebar-part">
                            <div class="course-side-detail  mb-0">
                                <div class="csd-title">
                                    <div class="mx-auto">


                                        <h4 class="mb-0 mx-auto">{{ $package->deposit_amount }}<sup>{{ $currency_name }}</sup></h4>
                                    </div>

                                </div>
                                <div class="csd-content">
                                    <div class="csdc-lists">
                                        <ul class="lab-ul">
                                            @foreach ( $features as $feature )
                                            <li>
                                                <div class="csdc-left"><i class="icofont-{{ $feature->icon }}"></i>{{ $feature->title }}</div>
                                                <div class="csdc-right">{{ $feature->content }}</div>
                                            </li>
                                            @endforeach
                                            <!-- total_amount deposit_amount  installment_amount every_month installment_count include_tax -->
                                            <li>
                                                <div class="csdc-left">{{ __e('total_amount') }}</div>
                                                <div class="csdc-right">{{ $package->calc_total_amount() }} {{ $currency_name }}</div>
                                            </li>
                                            <li>
                                                <div class="csdc-left">{{ __e('deposit_amount') }}</div>
                                                <div class="csdc-right">{{ $package->price_with_tax() }} {{ $currency_name }}</div>
                                            </li>
                                            <li>
                                                <div class="csdc-left">{{ __e('installment_amount') }}</div>
                                                <div class="csdc-right">{{ $package->price_with_tax('installment_amount') }} {{ $currency_name }}</div>
                                            </li>
                                            <li>
                                                <div class="csdc-left">{{ __e('every_month') }}</div>
                                                <div class="csdc-right">{{ trans_choice('messages.every months',$package->every_month,['value'=>$package->every_month]) }}</div>
                                            </li>
                                            <li>
                                                <div class="csdc-left">{{ __e('installment_count') }}</div>
                                                <div class="csdc-right">{{ $package->installment_count }}</div>
                                            </li>
                                            @if($package->include_tax)
                                            <li>
                                                <div class="csdc-left">{{ __e('include_tax') }}</div>

                                            </li>
                                            @endif
                                        </ul>
                                    </div>

                                    <div class="course-enroll">

                                        @livewire('add-to-card-component',[
                                                'model_type' => 'App\\Models\\InstallmentPackage' ,
                                                //"old_price"=>$package->total_amount  ,
                                                "price" =>$package->price_with_tax(),
                                                'model_id' => $package['id'],
                                                'page' => 'home_page'],
                                        key('cart_installment_package_'.$package['id']))
                                    </div>
                                </div>
                            </div>
                            @include('layout/_course-side-cetagory')

                        </div>
                    </div>
                </div>
            </div>
        </div>

    @else
        @include('layout/_404')
    @endisset
    <!-- 452 -->
@endsection