@extends('layout.layout')

@section('content')
<div class="container py-5">
    @include('components.alert')
    @if($tracks->count()>1)
    <div class="d-flex align-items-center gap-2">
        <div class="m-auto">
            <a href="{{ route('course', ['search' => request('search')]) }}"
                class="btn btn-sm {{ request('type') ? 'btn-outline-secondary' : 'btn-secondary' }}">
                All
            </a>
            @foreach ($tracks as $tracks)
            <a href="{{ route('course', ['type' => $tracks->name_en, 'search' => request('search')]) }}"
                class="btn btn-sm {{ request('type') == $tracks->name_en ? 'btn-secondary' : 'btn-outline-secondary' }}">
                {{ $tracks->name_en }}
            </a>
            @endforeach
        </div>
    </div>
    @endif
    <div class="mb-3">
        <p class="fw-bold">Courses</p>
        <hr>
    </div>
    <div class="my-4">
        <div class="table-responsive mb-4 text-center">
            <table class="table table-bordered table-sm table bordered-table sm-table mb-0">
                <thead>
                    <tr>
                        <th class="text-center">ID</th>
                        <th class="text-center">Start Date</th>
                        <th class="text-center">End Date</th>
                        <th class="text-center">Track</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($courses as $index => $course)
                    <tr class="text-center">
                        <td class="text-center">{{ $index +1 }}</td>
                        <td class="text-center">{{ $course->course->start_date }}</td>
                        <td class="text-center">{{ $course->course->end_date }}</td>
                        <td class="text-center">{{ $course->course->track->name_en ?? "N/A"}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>


</div>
@endsection