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

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

    <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('teaching_plan.update', $teachingPlan->cms_teaching_plan_sid) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="card-header pb-0">
                            <div class="d-flex align-items-center justify-content-between">
                                <p class="mb-0">View Teaching Plan</p>
                                <div>
                                    <button type="submit" class="btn btn-primary btn-sm">Update</button>
                                    <a href="{{ route('teaching_plan.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="department_name" class="form-control-label">Department Name</label>
                                        <select class="form-select" name="department_name" id="department_name" required>
                                            <option value="">-- Select Department --</option>
                                            @foreach($department as $dept)
                                                <option value="{{ $dept->cms_department_sid }}" {{ $teachingPlan->cms_department_sid == $dept->cms_department_sid ? 'selected' : '' }}>
                                                    {{ $dept->department_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

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

                                <!-- Lecturer Name -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="lecturer_name" class="form-control-label">Lecturer Name</label>
                                        <select class="form-select" name="lecturer_name" id="lecturer_name" >
                                            <option value="">-- Select Lecturer --</option>
                                            @foreach($staff as $lecturer)
                                                <option value="{{ $lecturer->cms_staff_id }}" {{ $teachingPlan->cms_staff_id == $lecturer->cms_staff_id ? 'selected' : '' }}>
                                                    {{ $lecturer->firstname }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Paper -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="paper" class="form-control-label">Paper</label>
                                        <select class="form-select" name="paper" id="paper" required>
                                            <option value="">-- Select Paper --</option>
                                            @foreach($subject as $subject_item)
                                                <option value="{{ $subject_item->cms_subject_sid }}" {{ $teachingPlan->cms_subject_sid == $subject_item->cms_subject_sid ? 'selected' : '' }}>
                                                    {{ $subject_item->subject_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

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

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

                            <div class="row">
                                <!-- Month -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="month" class="form-control-label">Month</label>
                                        <select class="form-select" name="month" id="month" required>
                                            <option value="">-- Select Month --</option>
                                            @foreach($month as $item)
                                                <option value="{{ $item->cms_month_sid }}" {{ $teachingPlan->month == $item->cms_month_sid ? 'selected' : '' }}>
                                                    {{ $item->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', $teachingPlan->week) }}" required placeholder="Enter Week">
                                    </div>
                                </div>

                                <!-- 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', $teachingPlan->year) }}" required placeholder="Enter Year">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Teaching Aids Used -->
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="teaching_aids_used" class="form-control-label">Teaching Aids Used</label>
                                        <select class="form-select" name="teaching_aids_used[]" id="teaching_aids_used" multiple required>
                                            <option value="">-- Select Teaching Aids --</option>
                                            @foreach($teachingaid as $item)
                                                <option value="{{ $item->cms_teaching_aid_sid }}" {{ in_array($item->cms_teaching_aid_sid, explode(',', $teachingPlan->cms_teaching_aid_sids)) ? 'selected' : '' }}>
                                                    {{ $item->cms_teaching_aid_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Previous Knowledge to be reminded -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="previous_knowledge" class="form-control-label">Previous Knowledge to be reminded</label>
                                        <textarea class="form-control" name="previous_knowledge" id="previous_knowledge" rows="3" placeholder="Enter previous knowledge to be reminded">{{ old('previous_knowledge', $teachingPlan->priorknowledgereminder) }}</textarea>
                                    </div>
                                </div>

                                <!-- Learning Objectives -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="learning_objectives" class="form-control-label">Learning Objectives</label>
                                        <textarea class="form-control" name="learning_objectives" id="learning_objectives" rows="3" placeholder="Enter learning objectives">{{ old('learning_objectives', $teachingPlan->learningobjctive) }}</textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Topics Synopsis -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="topics_synopsis" class="form-control-label">Topics Synopsis</label>
                                        <textarea class="form-control" name="topics_synopsis" id="topics_synopsis" rows="3" placeholder="Enter topics synopsis">{{ old('topics_synopsis', $teachingPlan->topicssynopsis) }}</textarea>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="file" class="form-control-label">Choose File</label>
                                        <input type="file" class="form-control" name="file">
                                        @if($teachingPlan->topicssynpfile)
                                            <p>Current File: <a href="{{ asset('storage/uploads/' . $teachingPlan->topicssynpfile) }}" target="_blank">{{ $teachingPlan->topicssynpfile }}</a></p>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Examples/Illustration -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="examples_illustration" class="form-control-label">Examples/Illustration</label>
                                        <textarea class="form-control" name="examples_illustration" id="examples_illustration" rows="3" placeholder="Enter examples or illustration">{{ old('examples_illustration', $teachingPlan->illustation) }}</textarea>
                                    </div>
                                </div>

                                <!-- Additional Inputs -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="additional_inputs" class="form-control-label">Additional Inputs</label>
                                        <textarea class="form-control" name="additional_inputs" id="additional_inputs" rows="3" placeholder="Enter additional inputs">{{ old('additional_inputs', $teachingPlan->additionalinput) }}</textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Reference Cited -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="reference_cited" class="form-control-label">Reference Cited</label>
                                        <textarea class="form-control" name="reference_cited" id="reference_cited" rows="3" placeholder="Enter references cited">{{ old('reference_cited', $teachingPlan->referencecited) }}</textarea>
                                    </div>
                                </div>

                                <!-- Student Activity Planned After the teaching -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="student_activity_planned" class="form-control-label">Student Activity Planned After the teaching</label>
                                        <textarea class="form-control" name="student_activity_planned" id="student_activity_planned" rows="3" placeholder="Enter student activity planned after teaching">{{ old('student_activity_planned', $teachingPlan->studentactivityplanned) }}</textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- Activity Planned outside the class room -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="activity_planned_outside" class="form-control-label">Activity Planned outside the classroom</label>
                                        <textarea class="form-control" name="activity_planned_outside" id="activity_planned_outside" rows="3" placeholder="Enter activity planned outside the classroom">{{ old('activity_planned_outside', $teachingPlan->studentactivityplannedoutside) }}</textarea>
                                    </div>
                                </div>

                                <!-- Any Other Activity -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="any_other_activity" class="form-control-label">Any Other Activity</label>
                                        <textarea class="form-control" name="any_other_activity" id="any_other_activity" rows="3" placeholder="Enter any other activity">{{ old('any_other_activity', $teachingPlan->anyotheractivity) }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection