@extends('layout.layout')

@section('content')
    <div class="container py-5">
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <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="table-dark">
                    <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