@extends('layout.app')
@section('title')
    {{ __('اضافة برنامج مستمر') }}
@stop

@section('css')
    <link href="{{ asset('app-assets/hijri-date/css/bootstrap-datetimepicker.min.css') }}?{{ time() }}"
        rel="stylesheet" />
    <style>
        /* تحسين عرض رسائل الأخطاء */
        .invalid-feedback {
            display: none;
        }

        .was-validated .invalid-feedback {
            display: block;
        }
    </style>
@endsection

@section('content')
    <div class="content-wrapper">
        <div class="content-body">
            <section class="app-user-edit">

                <form method="POST" action="{{ route('activities.storec') }}" class="needs-validation" novalidate>
                    @csrf
                    <div class="card">
                        <div class="card-header mb-2">
                            <h4 class="card-title">{{ __('اضافة برنامج مستمر') }}</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                {{-- اسم البرنامج --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label">{{ __('اسم البرنامج') }}</label>
                                        <input type="text" class="form-control @error('name') is-invalid @enderror"
                                            id="name" name="name" value="{{ old('name') }}" required autofocus>
                                        @error('name')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end اسم البرنامج --}}

                                {{-- إسم الخطة --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="plan_id" class="form-label">{{ __('إسم الخطة') }}</label>
                                        <select name="plan_id" class="form-control @error('plan_id') is-invalid @enderror"
                                            id="plan_id" required>
                                            <option value="">{{ __('اختار الخطة') }}</option>
                                            @foreach (App\Models\AdminPlan::where('school_id', Auth()->user()->school_id)->get() as $plan)
                                                <option value="{{ $plan->id }}"
                                                    @if ($plan->id == old('plan_id')) selected @endif>
                                                    {{ $plan->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('plan_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end إسم الخطة --}}

                                {{-- تاريخ بدء البرنامج --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="start_date" class="form-label">{{ __('تاريخ بدء البرنامج') }}</label>
                                        <input type="text"
                                            class="form-control hijri-picker @error('start_date') is-invalid @enderror"
                                            name="start_date" placeholder="YYYY-MM-DD" value="{{ old('start_date') }}"
                                            required>
                                        @error('start_date')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end تاريخ بدء البرنامج --}}

                                {{-- تاريخ انتهاء البرنامج --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="end_date" class="form-label">{{ __('تاريخ انتهاء البرنامج') }}</label>
                                        <input type="text" id="end_date" name="end_date"
                                            class="form-control hijri-picker @error('end_date') is-invalid @enderror"
                                            placeholder="YYYY-MM-DD" value="{{ old('end_date') }}" required>
                                        @error('end_date')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end تاريخ انتهاء البرنامج --}}

                                {{-- المجال --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="department_id" class="form-label">{{ __('المجال') }}</label>
                                        <select name="department_id" id="department_id"
                                            class="form-control select2 @error('department_id') is-invalid @enderror"
                                            required>
                                            <option value="">{{ __('يجب اختيار المجال') }}</option>
                                            @foreach (App\Models\Department::all() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('department_id')) selected @endif>
                                                    {{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('department_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end المجال --}}

                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="standard_id" class="form-label">{{ __('المعيار') }}</label>
                                        <select name="standard_id"
                                            class="form-control select2 @error('standard_id') is-invalid @enderror"
                                            id="standard_id" required>
                                            <option value="">{{ __('يجب اختيار المعيار') }}</option>
                                            @foreach (App\Models\Standards::all() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('standard_id')) selected @endif>
                                                    {{ $item->standard_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('standard_id')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="paragraph_id" class="form-label">{{ __('الفقرة') }}</label>
                                        <select name="paragraph_id"
                                            class="form-control select2 @error('paragraph_id') is-invalid @enderror"
                                            id="paragraph_id" required>
                                            <option value="">{{ __('يجب اختيار الفقرة') }}</option>
                                            @foreach (App\Models\Paragraphs::all() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('paragraph_id')) selected @endif>
                                                    {{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('paragraph_id')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>


                                {{-- الهدف العام --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="general_target" class="form-label">{{ __('الهدف العام') }}</label>
                                        <select name="general_target" id="general_target"
                                            class="form-control @error('general_target') is-invalid @enderror" required>
                                            <option value="">{{ __('يجب اختيار الهدف العام') }}</option>
                                            @if (old('department_id'))
                                                @foreach (App\Models\GeneralObjective::where('department_id', old('department_id'))->get() as $item)
                                                    <option value="{{ $item->id }}"
                                                        @if ($item->id == old('general_target')) selected @endif>
                                                        {{ $item->name }}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                        @error('general_target')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end الهدف العام --}}
                                {{-- الهدف التفصيلي --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="detailed_target_id"
                                            class="form-label">{{ __('الهدف التفصيلي') }}</label>
                                        <select name="detailed_target_id" id="detailed_target_id"
                                            class="form-control @error('detailed_target_id') is-invalid @enderror"
                                            required>
                                            <option value="">{{ __('يجب اختيار الهدف التفصيلي') }}</option>
                                            @if (old('general_target'))
                                                @foreach (App\Models\DetailedTarget::where('general_objective_id', old('general_target'))->get() as $item)
                                                    <option value="{{ $item->id }}"
                                                        @if ($item->id == old('detailed_target_id')) selected @endif>
                                                        {{ $item->name }}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                        @error('detailed_target_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end الهدف التفصيلي --}}
                                {{-- المسؤول --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="user_id" class="form-label">{{ __('المسؤول') }}</label>
                                        <select name="user_id" id="user_id"
                                            class="form-control @error('user_id') is-invalid @enderror" required>
                                            <option value="">{{ __('اختار المسؤول') }}</option>
                                            @foreach (App\Models\User::where('school_id', Auth::user()->school_id)->get() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('user_id')) selected @endif>
                                                    {{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('user_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end المسؤول --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="procedures" class="form-label">{{ __('الإجراءات والانشطة') }}</label>
                                        <textarea name="procedures" id="procedures" cols="20" rows="5">{{ old('procedures') }}</textarea>
                                    </div>
                                    <script>
                                        CKEDITOR.replace('procedures');
                                    </script>
                                </div>
                                {{-- الفئة المستهدفة --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="targeted_id" class="form-label">{{ __('الفئة المستهدفة') }}</label>
                                        <select name="targeted_id" id="targeted_id"
                                            class="form-control @error('targeted_id') is-invalid @enderror" required>
                                            <option value="">{{ __('اختيار الفئة المستهدفة') }}</option>
                                            @foreach (App\Models\Targeted::latest()->get() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('targeted_id')) selected @endif>
                                                    {{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('targeted_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end الفئة المستهدفة --}}

                                {{-- عدد الفئة المستهدفة --}}
                                <div class="col-lg-6 col-md-6 col-sm-12" style="display: none;">
                                    <div class="form-group">
                                        <label for="targeted_num"
                                            class="form-label">{{ __('عدد الفئة المستهدفة') }}</label>
                                        <input type="number"
                                            class="form-control @error('targeted_num') is-invalid @enderror"
                                            id="targeted_num" name="targeted_num" value="{{ old('targeted_num') }}">
                                        @error('targeted_num')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end عدد الفئة المستهدفة --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="p_indicator" class="form-label">{{ __('مؤشر الاداء') }}</label>
                                        <input type="text"
                                            class="form-control @error('p_indicator') is-invalid @enderror"
                                            id="p_indicator" name="p_indicator" value="{{ old('p_indicator') }}"
                                            required>
                                        @error('p_indicator')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>

                                {{-- حقل مخفي للحالة --}}
                                <input type="hidden" name="status" value="1">

                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <button type="submit" class="btn btn-primary">{{ __('إرسال') }}</button>
                                    <button type="reset" class="btn btn-light">{{ __('إلغاء') }}</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </section>
        </div>
    </div>
@endsection

@section('js')
    <script src="{{ asset('app-assets/vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.select2').select2();
        });
    </script>
    <script>
        // تفعيل التحقق باستخدام Bootstrap
        (function() {
            'use strict';
            window.addEventListener('load', function() {
                // احصل على جميع النماذج التي تحتاج للتحقق
                var forms = document.getElementsByClassName('needs-validation');
                // منع الإرسال غير الصالح
                Array.prototype.filter.call(forms, function(form) {
                    form.addEventListener('submit', function(event) {
                        if (form.checkValidity() === false) {
                            event.preventDefault();
                            event.stopPropagation();
                        }
                        form.classList.add('was-validated');
                    }, false);
                });
            }, false);
        })();
    </script>

    {{-- <script>
        var targeted_id = document.getElementById('targeted_id'),
            targeted_num = document.getElementById('targeted_num');

        function targetedNumDisplay() {
            targeted_num.disabled = true;
            if (targeted_id.value !== '') {
                targeted_num.disabled = false;
            }
        }

        targeted_id.onchange = function() {
            $('#targeted_num').val('')
            targetedNumDisplay()
        };

        $(window).on("load", function() {
            targetedNumDisplay();
        });
    </script> --}}


    <script type="text/javascript">
        // تغيير المجال
        $('#department_id').change(function() {

            // معرف المجال
            var id = $(this).val();

            // طلب AJAX
            $.ajax({
                url: '/c-panel/general_target/ajax/' + id,
                type: 'get',
                dataType: "json",
                success: function(data) {
                    $('select[name="general_target"]').empty();
                    $('select[name="general_target"]').append(
                        '<option value="">{{ __('يجب اختيار الهدف العام') }}</option>')
                    $('select[name="detailed_target_id"]').empty();
                    $('select[name="detailed_target_id"]').append(
                        '<option value="">{{ __('يجب اختيار الهدف التفصيلي') }}</option>')
                    $.each(data, function(key, value) {
                        $('select[name="general_target"]').append('<option value="' + value.id +
                            '">' + value.name + '</option>')
                    });
                },
                error: function() {
                    alert('{{ __('حدث خطأ أثناء تحميل الأهداف العامة.') }}');
                }
            });
        });
    </script>
    <script type="text/javascript">
        // تغيير الهدف العام
        $('#general_target').change(function() {

            // معرف الهدف العام
            var id = $(this).val();

            // طلب AJAX
            $.ajax({
                url: '/c-panel/detailed_targets/ajax/' + id,
                type: 'get',
                dataType: "json",
                success: function(data) {
                    $('select[name="detailed_target_id"]').empty();
                    $('select[name="detailed_target_id"]').append(
                        '<option value="">{{ __('يجب اختيار الهدف التفصيلي') }}</option>')
                    $.each(data, function(key, value) {
                        $('select[name="detailed_target_id"]').append('<option value="' + value
                            .id + '">' + value.name + '</option>')
                    });
                },
                error: function() {
                    alert('{{ __('حدث خطأ أثناء تحميل الأهداف التفصيلية.') }}');
                }
            });
        });
    </script>
@endsection