@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ' Curricular Details'])

    <div id="alert">
        @include('components.alert')
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <form role="form" method="POST" action="{{ route('curricular_list.update', $curricularDetail->cms_curricular_detail_sid) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT') <!-- This is crucial for the update request -->

                        <div class="card-header pb-0">
                            <div class="d-flex align-items-center justify-content-between">
                                <p class="mb-0">View Curricular Details</p>
                                <div>
                                    <button type="submit" class="btn btn-primary btn-sm">Update</button>
                                    <a href="{{ route('curricular_list.index') }}" class="btn btn-secondary btn-sm mb-3">Cancel</a>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <!-- Department Name -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="cms_department_sid">Department</label>
                                        <select name="cms_department_sid" id="cms_department_sid" class="form-select" required>
                                            <option value="">Select a Department</option>
                                            @foreach($departments as $department)
                                                <option value="{{ $department->cms_department_sid }}" {{ $department->cms_department_sid == $curricularDetail->cms_department_sid ? 'selected' : '' }}>
                                                    {{ $department->department_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <!-- Course -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="cms_course_sid">Course</label>
                                        <select name="cms_course_sid" id="cms_course_sid" class="form-select" required>
                                            <option value="">Select a Course</option>
                                            @foreach($courses as $course)
                                                <option value="{{ $course->cms_course_sid }}" {{ $course->cms_course_sid == $curricularDetail->cms_course_sid ? 'selected' : '' }}>
                                                    {{ $course->course_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <!-- Class -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="cms_class_sid">Class</label>
                                        <select name="cms_class_sid" id="cms_class_sid" class="form-select" required>
                                            <option value="">Select a Class</option>
                                            @foreach($classes as $class)
                                                <option value="{{ $class->cms_class_sid }}" {{ $class->cms_class_sid == $curricularDetail->cms_class_sid ? 'selected' : '' }}>
                                                    {{ $class->class_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Year -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="year" class="form-control-label">Year</label>
                                        <input type="text" class="form-control" name="year" id="year" value="{{ old('year', $curricularDetail->year) }}" placeholder="Enter Year" required>
                                    </div>
                                </div>

                                <!-- Month -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="month">Month</label>
                                        <select name="month" id="month" class="form-select" required>
                                            <option value="">Select a month</option>
                                            @foreach($months as $month)
                                                <option value="{{ $month->cms_month_sid }}" {{ $month->cms_month_sid == $curricularDetail->month ? 'selected' : '' }}>
                                                    {{ $month->cms_month_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <!-- Week -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="week" class="form-control-label">Week</label>
                                        <input type="text" class="form-control" name="week" id="week" value="{{ old('week', $curricularDetail->week) }}" placeholder="Enter Week" required>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Name of Lecturer -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="cms_staff_sid">Name Of Lecturer</label>
                                        <select name="cms_staff_sid" id="cms_staff_sid" class="form-select">
                                            <option value="">Select a Lecturer</option>
                                            @foreach($staffs as $staff)
                                                <option value="{{ $staff->cms_staff_sid }}" {{ $staff->cms_staff_sid == $curricularDetail->cms_staff_sid ? 'selected' : '' }}>
                                                    {{ $staff->staff_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <!-- Paper -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="cms_subject_sid">Name Of Paper</label>
                                        <select name="cms_subject_sid" id="cms_subject_sid" class="form-select">
                                            <option value="">Select a Paper</option>
                                            @foreach($subjects as $subject)
                                                <option value="{{ $subject->cms_subject_sid }}" {{ $subject->cms_subject_sid == $curricularDetail->cms_subject_sid ? 'selected' : '' }}>
                                                    {{ $subject->subject_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <!-- Syllabus Topics -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="syllabus_topics" class="form-control-label">Syllabus Topics</label>
                                        <input type="text" class="form-control" name="syllabus_topics" id="syllabus_topics" value="{{ old('syllabus_topics', $curricularDetail->syllabus_topics) }}" placeholder="Enter Syllabus Topics" required>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Value Addition -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="value_addition" class="form-control-label">Value Addition</label>
                                        <input type="text" class="form-control" name="value_addition" id="value_addition" value="{{ old('value_addition', $curricularDetail->value_addition) }}" placeholder="Enter Value Addition" required>
                                    </div>
                                </div>

                                <!-- No Of Hours Available -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="hours_available" class="form-control-label">No Of Hours Available</label>
                                        <input type="text" class="form-control" name="hours_available" id="hours_available" value="{{ old('hours_available', $curricularDetail->hours_available) }}" placeholder="Enter No Of Hours Available" required>
                                    </div>
                                </div>

                                <!-- Curricular Activity -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="curricular_activity" class="form-control-label">Curricular Activity</label>
                                        <input type="text" class="form-control" name="curricular_activity" id="curricular_activity" value="{{ old('curricular_activity', $curricularDetail->curricual_activity) }}" placeholder="Enter Curricular Activity" required>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Curricular Hours Alloted -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="curricular_hours_alloted" class="form-control-label">Curricular Hours Alloted</label>
                                        <input type="text" class="form-control" name="curricular_hours_alloted" id="curricular_hours_alloted" value="{{ old('curricular_hours_alloted', $curricularDetail->curricual_hours_alloted) }}" placeholder="Enter Curricular Hours Alloted" required>
                                    </div>
                                </div>

                                <!-- Curricular Conducted -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="curricular_conducted" class="form-control-label">Curricular Conducted</label>
                                        <input type="text" class="form-control" name="curricular_conducted" id="curricular_conducted" value="{{ old('curricular_conducted', $curricularDetail->curricual_conducted) }}" placeholder="Enter Curricular Conducted" required>
                                    </div>
                                </div>

                                <!-- Curricular Alternate Date -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="curricular_alternate_date" class="form-control-label">Curricular Alternate Date</label>
                                        <input type="date" class="form-control" name="curricular_alternate_date" id="curricular_alternate_date" value="{{ old('curricular_alternate_date', $curricularDetail->curricual_alternate_date) }}" required>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Co-Curricular Activity -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="co_curricular_activity" class="form-control-label">Co-Curricular Activity</label>
                                        <input type="text" class="form-control" name="co_curricular_activity" id="co_curricular_activity" value="{{ old('co_curricular_activity', $curricularDetail->co_curricual_activity) }}" placeholder="Enter Co-Curricular Activity" required>
                                    </div>
                                </div>

                                <!-- Co-Curricular Hours Alloted -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="co_curricular_hours_alloted" class="form-control-label">Co-Curricular Hours Alloted</label>
                                        <input type="text" class="form-control" name="co_curricular_hours_alloted" id="co_curricular_hours_alloted" value="{{ old('co_curricular_hours_alloted', $curricularDetail->co_curricual_hours_alloted) }}" placeholder="Enter Co-Curricular Hours Alloted" required>
                                    </div>
                                </div>

                                <!-- Co-Curricular Conducted -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="co_curricular_conducted" class="form-control-label">Co-Curricular Conducted</label>
                                        <input type="text" class="form-control" name="co_curricular_conducted" id="co_curricular_conducted" value="{{ old('co_curricular_conducted', $curricularDetail->co_curricual_conducted) }}" placeholder="Enter Co-Curricular Conducted" required>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Co-Curricular Alternate Date -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="co_curricular_alternate_date" class="form-control-label">Co-Curricular Alternate Date</label>
                                        <input type="date" class="form-control" name="co_curricular_alternate_date" id="co_curricular_alternate_date"value="{{ old('co_curricular_alternate_date', $curricularDetail->co_curricual_alternate_date) }}" required>
                                    </div>
                                </div>

                                <!-- Remarks -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="remarks" class="form-control-label">Remarks</label>
                                        <input type="text" class="form-control" name="remarks" id="remarks" placeholder="Enter Remarks" value="{{ old('remarks', $curricularDetail->remarks) }}" required>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection