@extends('dashboard.layouts.master')

@section('css')
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">طلب المتابعة</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{trans('labels.dashboard')}}</a></li>
            <li class="breadcrumb-item active">طلب المتابعة</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{route('admin.followup.setup-update', $followupRequest->id)}}" method="post">
                        @csrf
                        <input type="hidden" name="_method" value="PATCH">
                        <div class="form-group">
                            <label>عنوان المتابعة</label>
                            <input type="text" name="title" class="form-control" value="{{$followupRequest->title}}" required>
                            @error('title')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>التارجت اليومي</label>
                            <input type="number" name="target" class="form-control" value="{{$followupRequest->target}}" required>
                            @error('target')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>نوع المتابعة</label>
                            <select class="form-control" name="type" id="type" disabled>
                                <option value="lecture" @if($followupRequest->type == 'lecture') selected @endif>محاضرة</option>
                                <option value="exam" @if($followupRequest->type == 'exam') selected @endif>امتحان</option>
                                <option value="center-attend" @if($followupRequest->type == 'center-attend') selected @endif>حضور سنتر</option>
                                <option value="center" @if($followupRequest->type == 'center') selected @endif>امتحان سنتر</option>
                            </select>
                            @error('type')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        @if($followupRequest->type == 'lecture')
                        <div id="lecture">
                            <div class="form-group">
                                <label>حضر المحاضرة</label>
                                <select class="form-control" name="attend_lecture_id" id="attend_lecture_id" disabled> 
                                    <option>{{$followupRequest->attendLecture->title}}</option>
                                </select>
                                @error('attend_lecture_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            
                            <div class="form-group">
                                <label>لم يحضر المحاضرة</label>
                                <select class="form-control" name="absent_lecture_id" id="absent_lecture_id" disabled>
                                   <option>{{$followupRequest->absentLecture->title}}</option>
                                </select>
                                @error('absent_lecture_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        @endif

                        @if($followupRequest->type == 'exam')
                        <div id="exam" >
                            <div class="form-group">
                                <label>الامتحان</label>
                                <select class="form-control" name="exam_id" id="exam_id" disabled>
                                    {{$followupRequest->exam->title}}
                                </select>
                                @error('exam_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            
                            <div class="form-group">
                                <label>من الدرجة</label>
                                <input class="form-control" name="from_degree" value="{{$followupRequest->from_degree ?? 0}}" type="number">
                                @error('from_degree')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>الى الدرجة</label>
                                <input class="form-control" name="to_degree" value="{{$followupRequest->to_degree ?? 0}}" type="number">
                                @error('to_degree')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        @endif
                        @if($followupRequest->type == 'center-attend')
                        <div id="center-attend" >
                            <div class="form-group">
                                <label>المجموعة</label>
                                <select class="form-control" name="attend_group_id" disabled>
                                    <option value="">{{$followupRequest->group->name ?? "جميع المجموعات"}}</option>
                                    
                                </select>
                                @error('attend_group_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label>حضر الحصة</label>
                                <select class="form-control" name="attend_class_id" id="attend_class_id" disabled>
                                    <option>{{$followupRequest->attendClass->title}}</option>
                                </select>
                                @error('attend_class_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            
                            <div class="form-group">
                                <label>لم يحضر الحصة</label>
                                <select class="form-control" name="absent_class_id" id="absent_class_id" disabled>
                                   <option>{{$followupRequest->absentClass->title}}</option>
                                </select>
                                @error('absent_class_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        @endif
                        @if($followupRequest->type == 'center')
                        <div id="center" >
                            <div class="form-group">
                                <label>المجموعة</label>
                                <select class="form-control" name="exam_group_id" disabled>
                                    <option value="">{{$followupRequest->group->name ?? "جميع المجموعات"}}</option>
                                </select>
                                @error('exam_group_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>حصة السنتر</label>
                                <select class="form-control" name="class_id" id="class_id" disabled>
                                   <option value="">{{$followupRequest->exam->title ?? ""}}</option>
                                </select>
                                @error('class_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            
                            <div class="form-group">
                                <label>من الدرجة</label>
                                <input class="form-control" name="class_from_degree" value="{{$followupRequest->from_degree ?? 0}}" type="number">
                                @error('from_degree')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>الى الدرجة</label>
                                <input class="form-control" name="class_to_degree" value="{{$followupRequest->to_degree ?? 0}}" type="number">
                                @error('to_degree')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        @endif
                        <div class="form-group">
                            <label>تعيين الادمن</label>
                            <select class="form-control" name="admin_ids[]" id="admin_ids" multiple>
                               @foreach($admins as $admin)
                                <option value="{{$admin->id}}" @if(in_array($admin->id, $followupRequest->adminArray())) selected @endif>{{$admin->name}}</option>
                               @endforeach
                            </select>
                            @error('admin_ids')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <button class="btn btn-primary waves-effect waves-light" type="submit" aria-haspopup="true" aria-expanded="false">
                                تحديث
                            </button>
                        </div>
                    </form>

                </div>
            </div>
        </div> <!-- end col -->
    </div>
@endsection

@section('script')
    <script>
        $('#level_id, #type').change(function() {
            var attend = '#attend_lecture_id';
            var absent = '#absent_lecture_id';
            var attendClass = '#attend_class_id';
            var absentClass = '#absent_class_id';
            var exams = '#exam_id';
            var classes = '#class_id';
            var id = $('#level_id').val();
            var type = $('#type').val();
            if(type == 'lecture'){
                $('#exam').hide();
                $('#center').hide();
                $('#center-attend').hide();
                $('#lecture').show();
            }else if(type == 'exam'){
                $('#exam').show();
                $('#lecture').hide();
                $('#center').hide();
                $('#center-attend').hide();
            }else if(type == 'center-attend'){
                $('#exam').hide();
                $('#lecture').hide();
                $('#center').hide();
                $('#center-attend').show();
            }else{
                $('#exam').hide();
                $('#lecture').hide();
                $('#center').show();
                $('#center-attend').hide();
            }
            var url = '{{ route('admin.followup.get-setup-data', ['id' => '_id', 'type' => '_type' ]) }}';
            console.log(id);
            url = url.replace('_id', id);
            console.log(type);
            url = url.replace('_type', type);
            console.log(url);
            $.ajax({
                type: 'get',
                url: url,
                dataType: 'json',
                success: function(data) {
                    $(attend).empty();
                    $(absent).empty();
                    $(exams).empty();
                    $(classes).empty();
                    $(attendClass).empty();
                    $(absentClass).empty();
                    if(type == 'lecture'){
                        // $(attend).append(`<option value="">Select One if you need</option>`);
                        data.forEach(function(element) {
                            $(attend).append(`<option value="` + element["id"] + `">` + element[
                                "title"] + `</option>`);
                        });
                       
                        // $(absent).append(`<option value="">Select One if you need</option>`);
                        data.forEach(function(element) {
                            $(absent).append(`<option value="` + element["id"] + `">` + element[
                                "title"] + `</option>`);
                        });
                    }else if(type == 'exam'){
                        // $(exams).append(`<option value="">Select One if you need</option>`);
                        data.forEach(function(element) {
                            $(exams).append(`<option value="` + element["id"] + `">` + element[
                                "title"] + `</option>`);
                        });
                    }else if(type == 'center-attend'){
                        console.log(data);
                        data.forEach(function(element) {
                            $(attendClass).append(`<option value="` + element["id"] + `">` + element[
                                "title"] + `</option>`);
                        });
                       
                        data.forEach(function(element) {
                            $(absentClass).append(`<option value="` + element["id"] + `">` + element[
                                "title"] + `</option>`);
                        });
                    }else{
                        // $(exams).append(`<option value="">Select One if you need</option>`);
                        data.forEach(function(element) {
                            $(classes).append(`<option value="` + element["id"] + `">` + element[
                                "title"] + `</option>`);
                        });
                    }
                    
                },
            });
        });
    </script>
@endsection