@extends('layout.layout')

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

        @include('components.alert')


        <h6 class="mb-5">My Courses</h6>
        @if ($courses->count())
            <div class="table-responsive mb-4">
                <table class="table table-bordered table-sm table bordered-table sm-table mb-0">

                    <thead class="">
                        <tr>
                            <th>ID</th>
                            <th>Students</th>
                            <th>Time</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($courses as $index => $course)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>
                                    @foreach ($course->courseStudent ?? [] as $student)
                                        <a>{{ $student->student->first_name }}{{ $student->student->last_name }} , </a>
                                    @endforeach
                                </td>

                                <td>
                                    @if ($course->nextSession)
                                        {{ $course->nextSession->start_time }} - {{ $course->nextSession->end_time }}
                                    @else
                                        <span class="text-muted">No upcoming session</span>
                                    @endif
                                </td>


                                <td>
                                    <a target="_blank" class="btn btn-outline-primary">
                                        <iconify-icon icon="mdi:attachment"></iconify-icon>

                                    </a>
                                    <a target="_blank" href="{{ $course->meeting_url }}" class="btn btn-outline-primary">
                                        start session
                                    </a>
                                    <a target="_blank" class="btn btn-outline-primary">
                                        Student Didn't Show-Up
                                    </a>

                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="text-center">
                <p>No courses found.</p>
            </div>
        @endif
    </div>
@endsection