@extends('main-site.partials.app', [
    'whiteHeader' => true,
])

@section('title', __('messages_302.Cart'))
@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/toastr/toastr.css') }}">
@endsection
@section('content')

    <section class="cart-section sec-padding bg-grey wow fadeInUp">
        @include('main-site.partials.cart', ['cart_items' => $data])
    </section>

    <div class="courses-section sec-padding wow fadeInUp">
        <div class="container">
            <div class="section-title d-flex align-items-center justify-content-between gap-3 flex-wrap">
                <h2>{{ __('website.cart.RecommendedCourses') }}</h2>
                <a href="{{ route('courses') }}">{{ __('website.cart.ViewMore') }}</a>
            </div>
            <div class="row">
                @if (count($related_courses))
                    @foreach ($related_courses as $course)
                        @include('main-site.partials.course', ['course' => $course])
                    @endforeach
                @else
                    @include('main-site.partials.empty_data', [
                        'message' => __('website.cart.NoRecommendedCourses'),
                    ])
                @endif

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

@endsection
@section('scripts')
    @include('main-site.cart.inc.script')
@endsection