@extends('layouts.front')

@section('title', 'Courses')



@section('content')
<div class="container py-5">
    <h2 class="mb-4 fw-bold">COURSES</h2>

    {{-- Other Courses --}}
    <div class="row gy-5 mt-2">
        <h4 style="background: #2b4f8530;padding: 5px;border-radius: 5px;">Fitness Courses</h4>
        @foreach ($otherCourses as $course)
            <div class="col-lg-4 col-md-6 col-sm-12">
                @include('components.courses', ['course' => $course])
            </div>
        @endforeach
    </div>
    
    {{-- Physical Courses --}}
    <div class="row gy-5 mt-3">
        <h4 style="background: #2b4f8530;padding: 5px;border-radius: 5px;">Physical Courses</h4>
        @foreach ($physicalCourses as $course)
            <div class="col-lg-4 col-md-6 col-sm-12">
                @include('components.courses', ['course' => $course])
            </div>
        @endforeach
    </div>
    
    {{-- Gift Courses --}}
    <div class="row gy-5 mt-3">
        <h4 style="background: #2b4f8530;padding: 5px;border-radius: 5px;">Gift Courses</h4>
        @foreach ($giftCourses as $course)
            <div class="col-lg-4 col-md-6 col-sm-12">
                @include('components.courses', ['course' => $course])
            </div>
        @endforeach
    </div>

</div>

@endsection