@extends('layout.layout')

@section('content')
    <div class="container py-5">
        <div class="row ">

            <div class="col-md-4 mb-5">
                <div class="card h-100 rounded-3">
                    <div class="card-body">
                        <div class="d-flex">
                            <div class="card-title fw-bold">Today Sessions</div>
                            <div class="ms-auto">
                                <span class="badge bg-secondary">{{ $todaySesions->count() }}</span>
                            </div>
                        </div>
                        <hr>
                        @forelse ($todaySesions as $item)
                            <div class="d-flex mt-3 border-bottom pb-2">
                                <div class="fw-bold">{{ $item->course_name_en }}</div>
                                <div class="ms-auto text-muted">
                                    {{ $item->start_date }}
                                </div>
                            </div>
                        @empty
                            <div class="text-muted text-center py-3">No sessions Today</div>
                        @endforelse

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

            <div class="col-md-4 mb-5">
                <div class="card h-100 rounded-3">
                    <div class="card-body">
                        <div class="d-flex">
                            <div class="card-title fw-bold">Upcoming Sessions</div>
                            <div class="ms-auto">
                                <span class="badge bg-secondary">{{ $upcomingSesions->count() }}</span>
                            </div>
                        </div>
                        <hr>
                        @forelse ($upcomingSesions as $item)
                            <div class="d-flex mt-3 border-bottom pb-2">
                                <div class="fw-bold">{{ $item->course_name_en }}</div>
                                <div class="ms-auto text-muted">
                                    {{ $item->start_date }}
                                </div>
                            </div>
                        @empty
                            <div class="text-muted text-center py-3">No upcoming sessions</div>
                        @endforelse
                    </div>
                </div>
            </div>



            <div class="col-md-4 mb-5">
                <div class="card h-100 rounded-3">
                    <div class="card-body">
                        <div class="d-flex">
                            <div class="card-title fw-bold">Holidays</div>
                            <div class="ms-auto">
                                <span class="badge bg-secondary">{{ $holidays->count() }}</span>
                            </div>
                        </div>
                        <hr>
                        @forelse ($holidays as $item)
                            <div class="d-flex mt-3 border-bottom pb-2">
                                <div class="fw-bold">{{ $item->holiday_title }}</div>
                                <div class="ms-auto text-muted">
                                    {{ $item->start_date }}
                                </div>
                            </div>
                        @empty
                            <div class="text-muted text-center py-3">No Holidays</div>
                        @endforelse
                    </div>
                </div>
            </div>


        </div>
    </div>
@endsection