@extends('layouts.app')

@push('custom-css')
    <style>
        .fa-times-circle {
            color: red;
            font-size: 20px;
            float: right;
            vertical-align: center;
            cursor: pointer;
        }
    </style>
@endpush

@section('title')
    {{-- {{ $user->first_name }} {{ $user->last_name }}'s Courses --}}
@endsection

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
            </div>

            @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">
                    <div class="row">
                        <div class="col-sm-8">
                            <div class="card">
                                <div class="card-head">
                                    {{-- <header>{{ $user->first_name }} {{ $user->last_name }}'s 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-warning
                                                            @elseif($student_course->name == 'exempted')
                                                                badge bg-danger @endif
                                                           ">
                                                                {{ $student_course->name }}
                                                            </span>
                                                        </td> 
                                                        <td>
                                                            <form action="{{ route('course-delete') }}" method="POST">
                                                                @csrf
                                                                <input type="hidden" name="student_id"
                                                                    value="{{ $student->id }}">
                                                                <input type="hidden" name="student_type"
                                                                    value="{{ $student_type }}">
                                                                <input id="acad-sess-id" type="hidden" name="intake_year"
                                                                    value="{{ $student_progress->year }}">
                                                                <input id="acad-year-id" type="hidden"
                                                                    name="academic_session_id"
                                                                    value="{{ $student_progress->session_id }}">
                                                                <input id="year" type="hidden" name="academic_year_id"
                                                                    value="{{ $student_progress->year_id }}">
                                                                <input id="userId" type="hidden" name="student_no"
                                                                    value="{{ $student->student_no }}">
                                                                <input type="hidden" name="course_id"
                                                                    value="{{ $student_course->course_id }}">
                                                                <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 type="hidden" name="student_type" value="{{ $student_type }}">
                                    <input id="acad-sess-id" type="hidden" name="intake_year"
                                        value="{{ date('Y') }}">
                                    <input id="acad-year-id" type="hidden" name="academic_session_id"
                                        value="{{ $student_progress->session_id }}">
                                    <input id="year" type="hidden" name="academic_year_id"
                                        value="{{ $student_progress->year_id }}">
                                    <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>
                </div>
            </div>
            <div class="col-md-9">
                <form action="{{ route('complete-student-activation') }}" method="get">
                    <input id="userId" type="hidden" name="student_no" value="{{ $student->student_no }}">
                    <input id="year" type="hidden" name="academic_session_id" value="{{ $student_progress->session_id }}">
                    <input id="year" type="hidden" name="intake_year" value="{{ $student_progress->year_id }}">
                    <input id="userId" type="hidden" name="student_type" value="returning_student">
                    <button type="submit" class="btn btn-info m-r-20">Next</button>
                </form>
            </div>
        </div>
    </div>
@endsection