@extends('front.layouts.front')
@section('content')
<!-- Start Section -->
<section class="py-5 section-bg">
  <div class="container">
    <h5 class="heading">
      كل الدوارات
    </h5>
    <div class="row g-4 row-cols-1 row-cols-md-2 row-cols-xl-4">
        @foreach(\App\Models\Course::all() as $course)
      <div class="col">
        <a href="#" class="box-training">
          <div class="img-holder">
            <img src="{{ asset('interface-asset/images/no-image.png') }}"
              alt="trining image">
          </div>
          <div class="bar">
            <h5 class="name"> {{$course->name}} </h5>
            <p class="price">ر.س {{$course->price}} SAR</p>
          </div>
          <p class="cat"> {{$course->department->name}}</p>
          <div class="bar-info">
            <div class="date">
              <img src="{{ asset('interface-asset/images/calendar.svg') }}" alt="icon">
              تاريخ البدء
              <span>{{$course->start_date->format('Y-m-d')}}</span>
            </div>
          </div>
        </a>
      </div>
      @endforeach
    </div>
  </div>
</section>
<!-- End Section -->
@endsection