@extends('layouts.student-dashboard-app')
@section('title')
    Student Dashboard
@endsection
@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <x-page-bar title="My Courses" />


            @if (session('success'))
                <div class="alert alert-success alert-dismissible show" role="alert">
                    {{ session('success') }}<a href="#" class="alert-link"></a>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="false"></span>
                    </button>
                </div>
            @elseif(session('error'))
                <div class="alert alert-danger alert-dismissible show" role="alert">
                    {{ session('error') }}<a href="#" class="alert-link"></a>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="false"></span>
                    </button>
                </div>
            @endif

            <div class="row">
                <div class="col-md-12">
                    @if ($student_progress->courses_confirmation == 'unconfirmed')
                    <div class="alert alert-info alert-dismissible show" role="alert">
                        If the courses below are correct, please click on 'Confirm'
                    </div>
                        <div class="row">
                            <div class="col-sm-8">
                                <div class="card">
                                    <div class="card-head">
                                        <header>My Courses</header>
                                        <div class="tools">
                                            <a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
                                            <a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
                                        </div>
                                    </div>
                                    <div class="card-body ">
                                        <div class="table-scrollable">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Course Name</th>
                                                        <th>Course Code</th>
                                                        <th>Course Type</th>
                                                        <th>Course Status</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($student_courses as $student_course)
                                                        <tr>
                                                            <td>{{ $loop->index + 1 }}</td>
                                                            <td>{{ ucfirst($student_course->course_name) }}</td>
                                                            <td>{{ $student_course->course_code }}</td>
                                                            <td>{{ $student_course->course_type_name }}</td>
                                                            <td>
                                                                <span class="@if ($student_course->name == 'active') badge bg-success
                                                             @elseif($student_course->name == 'repeated')
                                                                badge bg-info
                                                             @elseif($student_course->name == 'exempted')
                                                                 badge bg-danger @endif
                                                            ">
                                                                    {{ $student_course->name }}
                                                                </span>
                                                            </td> {{-- This is the course status name --}}
                                                            <td>
                                                                <form action="{{ route('course-delete') }}" method="POST">
                                                                    @csrf
                                                                    <input type="hidden" name="std_course_id"
                                                                        value="{{ $student_course->id }}">
                                                                    {{-- <i class="del fa fa-times-circle "></i> --}}
                                                                    <button class="btn btn-danger">Delete</button>
                                                                </form>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-4">
                                <div class="card card-box">
                                    <div class="card-head">
                                        <header>Add Course(s)</header>
                                    </div>
                                    <form action="{{ route('add-course') }}" method="post">
                                        @csrf
                                        <input type="hidden" name="student_id" value="{{ $student->id }}">
                                        <input id="acad-sess-id" type="hidden" name="academic_year_id"
                                            value="{{ $student->academic_year_id }}">
                                        <input id="acad-year-id" type="hidden" name="academic_session_id"
                                            value="{{ $student->academic_session_id }}">
                                        <input id="year" type="hidden" name="intake_year"
                                            value="{{ $student->entry_year }}">
                                        <div class="card-body " id="bar-parent">
                                            <div class="row">
                                                <div class="form-group col-lg-6">
                                                    <select class="form-select" name="course_id">
                                                        @foreach ($courses as $course)
                                                            <div class="form-group">
                                                                <label>Course</label>
                                                                <option value="{{ $course->id }}">
                                                                    {{ $course->course_name }}
                                                                </option>
                                                            </div>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group col-lg-6">
                                                    <select class="form-select" name="course_status_id">
                                                        @foreach ($course_status as $status)
                                                            <div class="form-group">
                                                                <label>Course</label>
                                                                <option value="{{ $status->id }}">
                                                                    {{ ucfirst($status->name) }}
                                                                </option>
                                                            </div>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <button id="add-btn" class="btn btn-primary">Add</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @elseif($student_progress->courses_confirmation == 'pending')
                        <div class="alert alert-info alert-dismissible show" role="alert">
                            Your courses are awaiting approval
                        </div>
                    @elseif($student_progress->courses_confirmation == 'confirmed')
                        <div class="col-sm-12 col-md-12 col-lg-12">
                            <div class="card">
                                <div class="card-head">
                                    <header>My Courses</header>
                                    <div class="tools">
                                        <a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
                                        <a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
                                    </div>
                                </div>
                                <div class="card-body ">
                                    <div class="table-scrollable">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Course Name</th>
                                                    <th>Course Code</th>
                                                    <th>Course Type</th>
                                                    <th>Course Status</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($student_courses as $student_course)
                                                    <tr>
                                                        <td>{{ $loop->index + 1 }}</td>
                                                        <td>{{ ucfirst($student_course->course_name) }}</td>
                                                        <td>{{ $student_course->course_code }}</td>
                                                        <td>{{ $student_course->course_type_name }}</td>
                                                        <td>
                                                            <span class="@if ($student_course->name == 'active') badge bg-success
                                                         @elseif($student_course->name == 'repeated')
                                                            badge bg-info
                                                         @elseif($student_course->name == 'exempted')
                                                             badge bg-danger @endif
                                                        ">
                                                                {{ $student_course->name }}
                                                            </span>
                                                        </td> 
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
            @if ($student_progress->courses_confirmation == 'unconfirmed') 
                <div class="col-md-9">
                    <form action="{{ route('confirm-courses') }}" method="post">
                        @csrf
                        <input id="userId" type="hidden" name="student_no" value="{{ $student->student_no }}">
                        {{-- <input id="userId" type="hidden" name="academic_year_id" value="{{ $student->academic_year_id }}"> --}}
                        {{-- <input id="acad-year-id" type="hidden" name="academic_session_id" value="{{ $student->academic_session_id }}"> --}}
                        <button type="submit" class="btn btn-info m-r-20">Confirm</button>
                    </form>
                </div>
            @else 
            
            @endif
        </div>
    </div>
@endsection