@extends('layout.app')
@section('title')
    {{ __('تعديل البرنامج') }}
@stop

@section('css')
    <link href="{{ asset('app-assets/hijri-date/css/bootstrap-datetimepicker.min.css') }}?{{ time() }}"
        rel="stylesheet" />
    <link href="{{ asset('app-assets/vendors/css/forms/select/select2.min.css') }}" 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">
            <!-- users edit start -->
            <section class="app-user-edit">

                <!-- users edit account form start -->
                <form method="POST" action="{{ route('activities.update', $activity->id) }}" class="needs-validation"
                    novalidate>
                    @csrf
                    @method('PUT')
                    <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', $activity->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', $activity->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', Alkoumi\LaravelHijriDate\Hijri::Date('Y-m-d', $activity->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"
                                            value="{{ old('end_date', Alkoumi\LaravelHijriDate\Hijri::Date('Y-m-d', $activity->end_date)) }}"
                                            placeholder="YYYY-MM-DD" required>
                                        @error('end_date')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end تاريخ انتهاء البرنامج --}}

                                {{-- الفصل الدراسي --}}
                                @if ($activity->status != 1)
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <label for="classroom" class="form-label">{{ __('الفصل الدراسي') }}</label>
                                            <select name="classroom" id="classroom"
                                                class="form-control select2 @error('classroom') is-invalid @enderror"
                                                required>
                                                <option value="">{{ __('يجب اختيار الفصل الدراسي') }}</option>
                                                <option value="ف1" @if (old('classroom', $activity->classroom ?? '') == 'ف1') selected @endif>
                                                    {{ __('الفصل الدراسي الأول') }}</option>
                                                <option value="ف2" @if (old('classroom', $activity->classroom ?? '') == 'ف2') selected @endif>
                                                    {{ __('الفصل الدراسي الثاني') }}</option>
                                                <option value="ف3" @if (old('classroom', $activity->classroom ?? '') == 'ف3') selected @endif>
                                                    {{ __('الفصل الدراسي الثالث') }}</option>
                                            </select>
                                            @error('classroom')
                                                <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="week" class="form-label">{{ __('الاسبوع') }}</label>
                                            <select name="week" id="week"
                                                class="form-control select2 @error('week') is-invalid @enderror" required>
                                                <option value="">{{ __('يجب اختيار الاسبوع') }}</option>
                                                @for ($i = 1; $i <= 13; $i++)
                                                    <option value="{{ $i }}"
                                                        @if ($i == old('week', $activity->week ?? '')) selected @endif>
                                                        {{ __('الأسبوع ') . $i }}
                                                    </option>
                                                @endfor
                                            </select>
                                            @error('week')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    {{-- end الاسبوع --}}
                                @endif

                                {{-- المجال --}}
                                <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', $activity->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" id="standard_id"
                                            class="form-control select2 @error('standard_id') is-invalid @enderror"
                                            required>
                                            <option value="">{{ __('يجب اختيار المعيار') }}</option>
                                            @foreach (App\Models\Standards::where('department_id', old('department_id', $activity->department_id))->get() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('standard_id', $activity->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="indicator_id" class="form-label">{{ __('المؤشر') }}</label>
                                        <select name="indicator_id"
                                            class="form-control select2 @error('indicator_id') is-invalid @enderror"
                                            id="indicator_id" required>
                                            <option value="">{{ __('يجب اختيار المؤشر') }}</option>
                                            @foreach (App\Models\Indicator::where('standard_id', old('standard_id', $activity->standard_id))->get() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('indicator_id', $activity->indicator_id)) selected @endif>
                                                    {{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('indicator_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="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::where('indicator_id', old('indicator_id', $activity->indicator_id))->get() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('paragraph_id', $activity->paragraph_id)) selected @endif>
                                                    {{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('paragraph_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="general_target" class="form-label">{{ __('الهدف العام') }}</label>
                                        <select name="general_target" id="general_target"
                                            class="form-control select2 @error('general_target') is-invalid @enderror"
                                            required>
                                            <option value="">{{ __('يجب اختيار الهدف العام') }}</option>
                                            @foreach (App\Models\GeneralObjective::where('school_id', Auth()->user()->school_id)->get() as $item)
                                                <option value="{{ $item->id }}"
                                                    @if ($item->id == old('general_target', $activity->detailedTarget->general_objective_id ?? '')) selected @endif>
                                                    {{ $item->name }}
                                                </option>
                                            @endforeach
                                        </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 select2 @error('detailed_target_id') is-invalid @enderror"
                                            required>
                                            <option value="">{{ __('يجب اختيار الهدف التفصيلي') }}</option>
                                            @if ($activity->detailed_target_id)
                                                @foreach (App\Models\DetailedTarget::where('general_objective_id', old('general_target', $activity->detailedTarget->general_objective_id))->get() as $item)
                                                    <option value="{{ $item->id }}"
                                                        @if ($item->id == old('detailed_target_id', $activity->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-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', $activity->procedures) }}</textarea>
                                    </div>
                                    <script>
                                        (function() {
                                            const originalWarn = console.warn;
                                            console.warn = function(message, ...args) {
                                                const warningMessage =
                                                    'This CKEditor 4.16.0 version is not secure. Consider upgrading to the latest one, 4.25.0-lts.';
                                                if (typeof message === 'string' && message.includes(warningMessage)) {
                                                    // لا تعرض هذا التحذير
                                                    return;
                                                }
                                                originalWarn.apply(console, [message, ...args]);
                                            };
                                        })();
                                    </script>
                                </div>
                                {{-- الاجراءات والانشطة  --}}

                                {{-- المسؤول --}}
                                <div class="col-lg-4 col-md-4 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 select2 @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', $activity->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-4 col-md-4 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 select2 @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', $activity->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-4 col-md-4 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', $activity->targeted_num) }}" required>
                                        @error('targeted_num')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end عدد الفئة المستهدفة --}}

                                {{-- مؤشرات الأداء --}}
                                <div class="col-lg-4 col-md-4 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', $activity->p_indicator) }}" required>
                                        @error('p_indicator')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- end مؤشرات الأداء --}}

                                {{-- أزرار الإرسال والإلغاء --}}
                                <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>
                                {{-- end أزرار الإرسال والإلغاء --}}
                            </div>
                        </div>
                    </div>

                </form>
                <!-- users edit account form end -->
            </section>
            <!-- users edit ends -->
        </div>
    </div>
@endsection

@section('js')
    <script src="{{ asset('app-assets/vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script src="{{ asset('app-assets/hijri-date/js/bootstrap-datetimepicker.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.select2').select2();
            $('.hijri-picker').datetimepicker({
                format: 'YYYY-MM-DD'
            });

            // تفعيل عرض حقل عدد الفئة المستهدفة بناءً على اختيار الفئة المستهدفة
            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 department_id = $(this).val();
            if (department_id) {
                $.ajax({
                    url: '{{ route('activities.getStandards', ':id') }}'.replace(':id', department_id),
                    type: 'GET',
                    dataType: "json",
                    success: function(data) {
                        $('#standard_id').empty();
                        $('#standard_id').append(
                            '<option value="">{{ __('يجب اختيار المعيار') }}</option>');
                        $('#indicator_id').empty();
                        $('#indicator_id').append(
                            '<option value="">{{ __('يجب اختيار المؤشر') }}</option>');
                        $('#paragraph_id').empty();
                        $('#paragraph_id').append(
                            '<option value="">{{ __('يجب اختيار الفقرة') }}</option>');
                        $.each(data, function(key, value) {
                            $('#standard_id').append('<option value="' + value.id + '">' + value
                                .standard_name + '</option>');
                        });
                    },
                    error: function() {
                        alert('{{ __('حدث خطأ أثناء تحميل المعايير.') }}');
                    }
                });
            } else {
                $('#standard_id').empty();
                $('#standard_id').append('<option value="">{{ __('يجب اختيار المعيار') }}</option>');
                $('#indicator_id').empty();
                $('#indicator_id').append('<option value="">{{ __('يجب اختيار المؤشر') }}</option>');
                $('#paragraph_id').empty();
                $('#paragraph_id').append('<option value="">{{ __('يجب اختيار الفقرة') }}</option>');
            }
        });

        // تغيير المعيار لتحميل المؤشرات
        $('#standard_id').change(function() {
            var standard_id = $(this).val();
            if (standard_id) {
                $.ajax({
                    url: '{{ route('activities.getIndicators', ':id') }}'.replace(':id', standard_id),
                    type: 'GET',
                    dataType: "json",
                    success: function(data) {
                        $('#indicator_id').empty();
                        $('#indicator_id').append(
                            '<option value="">{{ __('يجب اختيار المؤشر') }}</option>');
                        $('#paragraph_id').empty();
                        $('#paragraph_id').append(
                            '<option value="">{{ __('يجب اختيار الفقرة') }}</option>');
                        $.each(data, function(key, value) {
                            $('#indicator_id').append('<option value="' + value.id + '">' +
                                value.name + '</option>');
                        });
                    },
                    error: function() {
                        alert('{{ __('حدث خطأ أثناء تحميل المؤشرات.') }}');
                    }
                });
            } else {
                $('#indicator_id').empty();
                $('#indicator_id').append('<option value="">{{ __('يجب اختيار المؤشر') }}</option>');
                $('#paragraph_id').empty();
                $('#paragraph_id').append('<option value="">{{ __('يجب اختيار الفقرة') }}</option>');
            }
        });

        // تغيير المؤشر لتحميل الفقرات
        $('#indicator_id').change(function() {
            var indicator_id = $(this).val();
            if (indicator_id) {
                $.ajax({
                    url: '{{ route('activities.getParagraphs', ':id') }}'.replace(':id', indicator_id),
                    type: 'GET',
                    dataType: "json",
                    success: function(data) {
                        $('#paragraph_id').empty();
                        $('#paragraph_id').append(
                            '<option value="">{{ __('يجب اختيار الفقرة') }}</option>');
                        $.each(data, function(key, value) {
                            $('#paragraph_id').append('<option value="' + value.id + '">' +
                                value.name + '</option>');
                        });
                    },
                    error: function() {
                        alert('{{ __('حدث خطأ أثناء تحميل الفقرات.') }}');
                    }
                });
            } else {
                $('#paragraph_id').empty();
                $('#paragraph_id').append('<option value="">{{ __('يجب اختيار الفقرة') }}</option>');
            }
        });
    </script>

    <script type="text/javascript">
        // تغيير الهدف العام لتحميل الأهداف التفصيلية
        $('#general_target').change(function() {
            // معرف الهدف العام
            var general_target_id = $(this).val();

            if (general_target_id) {
                $.ajax({
                    url: '{{ route('activities.getDetailedTargets', ':id') }}'.replace(':id',
                        general_target_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('{{ __('حدث خطأ أثناء تحميل الأهداف التفصيلية.') }}');
                    }
                });
            } else {
                $('select[name="detailed_target_id"]').empty();
                $('select[name="detailed_target_id"]').append(
                    '<option value="">{{ __('يجب اختيار الهدف التفصيلي') }}</option>');
            }
        });
    </script>

    <script type="text/javascript">
        // تحميل المعايير والمؤشرات والفقرات بناءً على البيانات الحالية للنشاط عند تحميل الصفحة
        $(document).ready(function() {
            var currentStandardId = '{{ old('standard_id', $activity->standard_id) }}';
            var currentIndicatorId = '{{ old('indicator_id', $activity->indicator_id) }}';
            var currentParagraphId = '{{ old('paragraph_id', $activity->paragraph_id) }}';

            if (currentStandardId) {
                $.ajax({
                    url: '{{ route('activities.getIndicators', ':id') }}'.replace(':id',
                        currentStandardId),
                    type: 'GET',
                    dataType: "json",
                    success: function(data) {
                        $('#indicator_id').empty();
                        $('#indicator_id').append(
                            '<option value="">{{ __('يجب اختيار المؤشر') }}</option>');
                        $.each(data, function(key, value) {
                            var selected = (value.id == currentIndicatorId) ? 'selected' : '';
                            $('#indicator_id').append('<option value="' + value.id + '" ' +
                                selected + '>' + value.name + '</option>');
                        });

                        // بعد تحميل المؤشرات، تحميل الفقرات
                        if (currentIndicatorId) {
                            $.ajax({
                                url: '{{ route('activities.getParagraphs', ':id') }}'.replace(
                                    ':id', currentIndicatorId),
                                type: 'GET',
                                dataType: "json",
                                success: function(data) {
                                    $('#paragraph_id').empty();
                                    $('#paragraph_id').append(
                                        '<option value="">{{ __('يجب اختيار الفقرة') }}</option>'
                                    );
                                    $.each(data, function(key, value) {
                                        var selected = (value.id ==
                                                currentParagraphId) ? 'selected' :
                                            '';
                                        $('#paragraph_id').append(
                                            '<option value="' + value.id +
                                            '" ' + selected + '>' + value.name +
                                            '</option>');
                                    });
                                },
                                error: function() {
                                    alert('{{ __('حدث خطأ أثناء تحميل الفقرات.') }}');
                                }
                            });
                        }
                    },
                    error: function() {
                        alert('{{ __('حدث خطأ أثناء تحميل المؤشرات.') }}');
                    }
                });
            }
        });
    </script>
@endsection