@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   flex-row-reverse">
                    <div class="col-lg-5 col-12 order-lg-1 order-2">
                        <div class="pageheader-thumb custom" style="--desktop_margin:{{ $page->desktop_margin }}%;--mob_margin:{{ $page->mob_margin }}%;">
                            <img src="{{ isset($page->assets_field) ? $page->assets_field : asset('/images/pageheader/02.jpg') }}" alt="rajibraj91" class="w-100">

                        </div>
                    </div>
                    <div class="col-lg-7 col-12 order-lg-2 order-1 text-center d-flex justify-content-center align-items-center">
                        <div class="pageheader-content">
                            <div class="course-category">
                                @foreach ($category->value()->get() as $cat)
                                    <a href="{{ get_page_permalink('our-courses') }}?category={{ str_replace( ' ','+' , $cat->title) }}" class="course-cate">{{ __e($cat->title) }}</a>
                                @endforeach



                            </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  px-4">
                                        <!-- course section ending here -->
                                        {!! \App\Models\ShortCode::compile(app()->getLocale() == 'ar' ? $page->code_field_ar : $page->code_field) !!}
                                        <!-- btn placnnet  -->
                                        @if ($page->show_placement == 1 )
                                        <div class="my-3 button-hiro sin" style="display:flex;justify-content:start">
                                            <a href="{{ get_page_permalink('placement-test') }}" style=" "
                                            >{{ __('messages.Test level now') }}</a>
                                        </div>
                                        @endif
                                        <!--  bt placemnt -->
                                    </div>
                                </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">
                                        @php
                                            $product = \App\Models\Product::find($product_system_field->raw());
                                            $product_price = $product
                                                ->product_prices()
                                                ->where('currency_id', 1)
                                                ->first()
                                                ->price_with_tax();
                                            $currency_name = \App\Models\Currency::find(1)->name;

                                        @endphp
                                        <h4 class="mb-0 mx-auto">{{ $product_price }}<sup>{{ $currency_name }}</sup></h4>
                                    </div>
                                </div>
                                <div class="csd-content">

                                    @if ($page->features)
                                    <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
                                        </ul>
                                    </div>
                                    @endif
                                    <div class="course-enroll  text-center">

                                        @livewire('add-to-card-component', ['model_type' => 'App\\Models\\Product', 'model_id' => $product->id, 'price' => $product_price, 'page' => 'home_page'], key('cart-product-' . $product->id))
                                    </div>
                                </div>
                            </div>
                            <div class="course-side-cetagory">
                                <div class="csc-title">
                                    <h5 class="mb-0">{{ __('messages.Course Categories') }}</h5>
                                </div>
                                <div class="csc-content">
                                    <div class="csdc-lists">
                                        <ul class="lab-ul">
                                            @foreach (Statamic::tag('collection:categories') as $category)
                                                <li>
                                                    <div class="csdc-left"><a
                                                        href="{{  get_page_permalink('our-courses')  . '?category=' . $category->title }}">{{ __e($category->title) }}</a></div>
                                                    <div class="csdc-right">
                                                        {{ \Statamic\Entries\Entry::query()->where('collection', 'products')->where('category', 'like', '%' . $category->id . '%')->count() }}
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @else
        @include('layout/_404')
    @endisset
    <!-- 452 -->
@endsection