@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>Student Name</th>
                            <th>Time</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($courses as $index => $course)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>
                                    @foreach ($course->studentInvoices as $student)
                                        <a href="{{ $studentUrl }}/{{ $student->student_id }}">{{ $student->student->first_name }}
                                            {{ $student->student->last_name }}<br></a>
                                    @endforeach
                                </td>
                                <td>
                                    @foreach ($course->scheduledSlots as $slot)
                                        {{ $slot->slot_start }} - {{ $slot->slot_end }}<br>
                                    @endforeach
                                </td>
                                <td>
                                    <a href="{{ $course->meeting_url }}" target="_blank" class="btn btn-outline-primary">
                                        <iconify-icon icon="mdi:attachment"></iconify-icon>

                                    </a>
                                    <a href="{{ $course->meeting_url }}" class="btn btn-outline-primary">
                                        start session
                                    </a>
                                    <a href="{{ $course->meeting_url }}" 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