@extends('layouts.student')

@section('title', 'Registered Courses')

@section('content')
<div class="container mt-4">
    <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">Registered Courses</h5>
        </div>
        <div class="card-body">
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif

            @if($registrations->isEmpty())
                <p class="text-muted">You have not registered for any courses yet.</p>
            @else
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead class="thead-dark">
                            <tr class="bg-dark text-white">
                                <th>#</th>
                                <th>Course Code</th>
                                <th>Description</th>
                                <th>Level</th>
                                <th>Semester</th>
                                <th>Credits</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($registrations as $index => $course)
                                @php
                                    $level = $course->level ?? 'N/A';
                                    $semester = $course->semester ?? 'N/A';
                                @endphp
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $course->course_code }}</td>
                                    <td>{{ $course->course_description }}</td>
                                    <td>{{ $level }}</td>
                                    <td>{{ $semester }}</td>
                                    <td>{{ $course->credits }}</td>
                                    <td>
                                        <form action="{{ route('student.courses.deregister', $course->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to deregister this course?')">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-danger">De-register</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection