@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Course Edit</title>
@endsection
<style type="text/css">
    .stu_pro tr td {
        padding: 1px;
    }
</style>
@section('subcontent')
    <div class="intro-y flex items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">Edit Course: ({{ $course->title }})</h2>
    </div>
    <div class="grid grid-cols-12 gap-6">

        <div class="col-span-12 lg:col-span-8 2xl:col-span-9">

            <!-- BEGIN: Personal Information -->
            <div class="intro-y box mt-5">
                <div class="flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                    <h2 class="font-medium text-base mr-auto">Course Information</h2>
                </div>
                <div class="p-5">
                    <div class="grid grid-cols-12 gap-x-5">
                        
                        <div class="col-span-12 xl:col-span-6">
                            <form action="{{ route('course.update', $course->id) }}" method="post">
                                @csrf
                                @method('PUT')
                            <div>
                                <label for="update-profile-form-6" class="form-label">Program</label>
                                <select name="program_id" class="form-control" onchange="get_program_semesters(this.value)"
                                    data-size="7" data-validate="required" data-message-required=" value_required ">
                                    <option value="">Select </option>
                                    @foreach ($programs as $row)
                                        <option value="{{ $row->id }}" @if($course->program_id == $row->id) selected @endif>
                                            {{ $row->title }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-7" class="form-label">Select Section</label>
                                <select name="section_id" id="section_id" onchange="setTitle(this.value)"
                                    class="form-control" data-size="7" data-validate="required"
                                    data-message-required=" value_required ">
                                    <option value="">Select Section</option>
                                    @foreach ($sections as $row)
                                        <option value="{{ $row->id }}" @if($row->id == $course->section_id) selected @endif>
                                            {{ $row->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-8" class="form-label">Title</label>
                                <input type="text" class="form-control" id="title" name="title"
                                data-validate="required" data-message-required=" value_required " value="{{ $course->title }}"
                                autofocus>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-9" class="form-label">Shift</label>
                                <select name="shift" class="form-control" data-size="7">
                                    <option value="">Select</option>
                                    <option value="morning" @if($course->shift == 'morning') selected @endif>Morning</option>
                                    <option value="afternoon" @if($course->shift == 'afternoon') selected @endif>Afternoon</option>
                                </select>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-9" class="form-label">Start Date</label>
                                <input type="date" class="form-control" name="start_date" data-start-view="1" value="{{ $course->start_date }}">

                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-9" class="form-label">Starting Time</label>
                                <input name="time_start" type="time" class="form-control timepicker"
                                    data-template="dropdown" data-show-seconds="false"  
                                    data-show-meridian="true" data-minute-step="5" data-second-step="5" value="{{ $course->start_time }}"/>

                                <div class="input-group-addon">
                                    <a href="#"><i class="entypo-clock"></i></a>
                                </div>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-9" class="form-label">A Lingua Teacher</label>
                                <select name="conversation_teacher_id" class="form-control" data-size="7">
                                    <option value="">Select Teacher</option>
                                    @foreach ($teachers as $row)
                                        <option value="{{ $row->id }}" @if($row->id == $course->conversation_teacher_id) selected @endif >
                                            {{ $row->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mt-3 input-group">
                                {{-- <label for="update-profile-form-9" class="form-label">A Lingua Teacher Percent</label> --}}
                                <input type="number" class="form-control" name="conversation_teacher_percent"  value="{{ $course->conversation_teacher_percent }}" placeholder="Price" aria-label="Price" aria-describedby="input-group-price">
                                <div id="input-group-price" class="input-group-text">%</div>
                            </div>
                        </div>
                        <div class="col-span-12 xl:col-span-6">
                            <div class="mt-3 xl:mt-0">
                                <label for="update-profile-form-10" class="form-label">Select Semester</label>
                                <select name="semester_id" id="semester_id" onchange="getSection(this.value)"
                                    class="form-control" data-size="7" data-validate="required"
                                    data-message-required=" value_required ">
                                    <option value="">Select Semester</option>
                                    @foreach ($semesters as $row )
                                    <option value="{{ $row->id }}" @if($row->id == $course->semester_id) selected @endif >
                                        {{ $row->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-11" class="form-label">Classroom</label>
                                <select name="classroom_id" class="form-control" data-size="7">
                                    <option value="">Select </option>
                                    @foreach ($classes as $row)
                                        <option value="{{ $row->id }}" @if($row->id == $course->classroom_id) selected @endif>
                                            {{ $row->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-12" class="form-label">Category</label>
                                <select name="category" class="form-control" data-size="7">
                                    <option value="">Select</option>
                                    <option value="male" @if($course->category == 'male') selected @endif>Male</option>
                                    <option value="female" @if($course->category == 'female') selected @endif>Female</option>
                                </select>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-13" class="form-label">Unit</label>
                                <input type="text" class="form-control" name="unit" value="{{ $course->unit }}" >

                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-13" class="form-label">End Date</label>
                                <input type="date" name="end_date" class="form-control" data-template="dropdown"
                                 value="{{ $course->end_date }}"/>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-13" class="form-label">Ending Time</label>
                                <input type="time" name="time_end" class="form-control" data-template="dropdown"
                                data-show-seconds="false" data-default-time="06:00 AM" data-show-meridian="true"
                                data-minute-step="5" data-second-step="5"  value="{{ $course->end_time }}"/>

                            <div class="input-group-addon">
                                <a href="#"><i class="entypo-clock"></i></a>
                            </div>
                            </div>
                            <div class="mt-3">
                                <label for="update-profile-form-13" class="form-label">Grammer Teacher</label>
                                <select name="grammer_teacher_id" class="form-control" data-size="7">
                                    <option value="">Select Teacher</option>
                                    @foreach ($teachers as $row)
                                        <option value="{{ $row->id }}" @if($row->id == $course->grammer_teacher_id) selected @endif>
                                            {{ $row->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mt-3 input-group">
                                {{-- <label for="update-profile-form-13" class="form-label">Grammer Teacher Percent</label><br> --}}
                                {{-- <input type="text" class="form-control" name="grammer_teacher_percent"  value="{{ $course->grammer_teacher_percent }}">
                                <div class="input-group-addon">
                                    <a href="#">%</a>
                                </div> --}}
                                <input type="number" class="form-control" name="grammer_teacher_percent"  value="{{ $course->grammer_teacher_percent }}" placeholder="Price" aria-label="Price" aria-describedby="input-group-price">
                                <div id="input-group-price" class="input-group-text">%</div>
                            </div>
                        </div>

                    </div>
                    <div class="flex justify-end mt-4">
                        <button type="submit" class="btn btn-primary w-20 mr-auto">Save</button>
                        </form>

                        <form action="{{ route('course.delete') }}" method="get">
                            <input type="hidden" name="id" id="" value="{{ $course->id }}">
                            <button href="" class="text-danger flex items-center">
                                <i data-lucide="trash-2" class="w-4 h-4 mr-1"></i> Delete Account
                            </button>
                        </form>

                    </div>
                </div>
            </div>
            <!-- END: Personal Information -->
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('dist/js/jquery.js') }}"></script>
 
    <script>
        
        var books = [];
        jQuery('#books').hide();
        // print invoice function
       

        function get_program_semesters(program_id) {
            $.ajax({
                method: 'GET',
                url: "{{ url('/get/program/semester/') }}",
                data: {
                    p_id: program_id,
                },

                success: function(response) {
                    jQuery('#semester_id').html(response);

                }
            });
          
        }
        

        function getSection(semester_id) {
            $.ajax({
                method: 'GET',
                url: "{{ url('/get/semester/section/') }}",
                data: {
                    s_id: semester_id,
                },

                success: function(response) {
                    jQuery('#section_id').html(response);

                }
            });

           
        }
        function setTitle(section_id){
            $.ajax({
                method: 'GET',
                url: "{{ url('/course/title/') }}",
                data: {
                    s_id: section_id,
                },

                success: function(response) {
                    jQuery('#title').val(response);
                }
            });
        }
    </script>
@endsection