@extends('front.layouts.master-auth')
@section('content')
<!-- Start Page Content -->
<section class="page-content userPage">
    <div class="container">
        <div class="addOffer-page-title">
            <h2 class="addOffer-name">تعديل الملف الشخصي</h2>
            <div class="head-btns">
                <a href="{{route('freelancers.details', $user->username)}}" class="head-btn head-btn-primary">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" style="margin-left: 5px;">
                        <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/>
                    </svg>
                    العودة للملف الشخصي
                </a>
            </div>
        </div>
        <form class="user-edit-cont" action="{{route('user.profile.update')}}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="user-relative">
                <div class="user-nav">
                    <div class="edit-img">
                        <div class="user-img">
                            <img src="{{ $user->avatar_profile_url }}" class="img-fluid" decoding="async" width="100" height="100">
                        </div>
                        <div class="edit-img-input">
                            <input type="file" accept="image/*" name="image" id="image_input">
                            <span class="edit-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16.597" height="15.978"
                                         viewBox="0 0 16.597 15.978">
                                        <g id="Icon_feather-edit-3" data-name="Icon feather-edit-3"
                                           transform="translate(-4 -3.676)">
                                            <path id="Path_17167" data-name="Path 17167" d="M18,30h7.8"
                                                  transform="translate(-5.701 -10.846)" fill="none" stroke="#fff"
                                                  stroke-linecap="round" stroke-linejoin="round" stroke-width="1" />
                                            <path id="Path_17168" data-name="Path 17168"
                                                  d="M16.2,4.856a1.838,1.838,0,0,1,2.6,2.6L7.966,18.287,4.5,19.154l.867-3.466Z"
                                                  transform="translate(0 0)" fill="none" stroke="#fff"
                                                  stroke-linecap="round" stroke-linejoin="round" stroke-width="1" />
                                        </g>
                                    </svg>
                                </span>
                        </div>
                    </div>
                    @error('image')
                    <span class="alert-danger d-block mt-2" role="alert" style="text-align: center;">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                    <div class="edit-name">
                        <span>{{$user->name}}</span>
                        <input type="hidden" name="name" value="{{$user->name}}">
                    </div>
                    <div class="edit-status">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="open_to_work" value="1" @if($user->open_to_work) checked @endif>
                                <span class="check-mark">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                             viewBox="0 0 20 20">
                                            <path id="Icon_ionic-ios-checkbox" data-name="Icon ionic-ios-checkbox"
                                                  d="M22.833,4.5H6.167A1.665,1.665,0,0,0,4.5,6.167V22.833A1.665,1.665,0,0,0,6.167,24.5H22.833A1.665,1.665,0,0,0,24.5,22.833V6.167A1.665,1.665,0,0,0,22.833,4.5ZM20.1,11.505,13.135,18.5H13.13a.941.941,0,0,1-.6.286.912.912,0,0,1-.609-.3L9,15.573a.208.208,0,0,1,0-.3l.927-.927a.2.2,0,0,1,.292,0l2.313,2.312,6.354-6.4a.206.206,0,0,1,.146-.062h0a.189.189,0,0,1,.146.063l.911.943A.205.205,0,0,1,20.1,11.505Z"
                                                  transform="translate(-4.5 -4.5)" fill="#19B36B" />
                                        </svg>
                                    </span>
                                @lang('front.Open To Work')
                            </label>
                        </div>
                        <span class="hint">
                                @lang('front.Remove this tag to hide your profile from search results')
                            </span>
                    </div>
                </div>
                @include('front.freelancer._profile_completion_checklist', ['user' => $user])
            </div>
            <!-- iterate and show errors -->
            <div class="user-info-cont">
                <div class="edit-item-cont">
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="edit-item-title">
                                @lang('front.Account Type')
                            </h4>
                            <div class="row account-type-radios-row">
                                <div class="col-md-6">
                                    <div class="radios-line">
                                        <div class="radio">
                                            <label style="font-size: 16px;">
                                                <input type="radio" name="type" value="2" @if($user->type == 2) checked @endif>
                                                <span class="check-mark"></span>
                                                @lang('front.Project Owner')
                                            </label>
                                        </div>
                                    </div>
                                    <p class="account-type-hint">@lang('front.Project owner role summary')</p>
                                </div>
                                <div class="col-md-6">
                                    <div class="radios-line">
                                        <div class="radio">
                                            <label style="font-size: 16px;">
                                                <input type="radio" name="type" value="1" @if($user->type == 1) checked @endif>
                                                <span class="check-mark"></span>
                                                @lang('front.Freelancer')
                                            </label>
                                        </div>
                                    </div>
                                    <p class="account-type-hint">@lang('front.Freelancer role summary')</p>
                                </div>
                            </div>
                            @error('type')
                            <span class="alert-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                </div>


                <div class="edit-item-cont">
                    <div class="row">
                        <div class="col-md-6">
                            <h4 class="edit-item-title">
                                @lang('First Name')
                            </h4>
                            <input type="text" class="form-control" name="first_name" value="{{$user->first_name}}" placeholder="@lang('First Name')" @if($user->hasVerifiedIdentity()) readonly disabled @endif>
                            @error('first_name')
                            <span class="alert-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <h4 class="edit-item-title">
                                @lang('Last Name')
                            </h4>
                            <input type="text" class="form-control" name="last_name" value="{{$user->last_name}}" placeholder="@lang('Last Name')" @if($user->hasVerifiedIdentity()) readonly disabled @endif>
                            @error('last_name')
                            <span class="alert-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="edit-item-cont">
                    <div class="row">
                        <div class="col-md-6">
                            <h4 class="edit-item-title">
                                @lang('front.Category')
                            </h4>
                            <select class="form-control" name="category_id" id="category_id">
                                <option selected disabled>@lang('front.Choose Category')</option>
                                @foreach($categories as $category)
                                    <option value="{{$category->id}}" @if($user->category_id == $category->id) selected @endif>{{$category->name}}</option>
                                @endforeach
                            </select>
                            @error('category_id')
                            <span class="alert-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-md-6" id="sub_category_wrapper">
                            <h4 class="edit-item-title">
                                @lang('front.Sub Category')
                            </h4>
                            <select class="form-control" name="sub_category_id" id="sub_category_id">
                                <option value="" selected disabled>@lang('front.Choose Sub Category')</option>
                                @foreach($subCategories as $subCat)
                                    <option value="{{$subCat->id}}" @if($user->sub_category_id == $subCat->id) selected @endif>{{$subCat->name}}</option>
                                @endforeach
                            </select>
                            @error('sub_category_id')
                            <span class="alert-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="edit-item-cont">
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="edit-item-title">
                                @lang('Country')
                            </h4>
                            <select class="form-control" name="country_id" @if($user->hasVerifiedIdentity()) disabled @endif>
                                <option selected disabled>@lang('Choose Country')</option>
                                @foreach($countries as $country)
                                    <option value="{{$country->id}}" @if($user->country_id == $country->id) selected @endif>{{$country->name}}</option>
                                @endforeach
                            </select>
                            @error('country_id')
                            <span class="alert-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="edit-item-cont">
                    <h4 class="edit-item-title">
                        @lang('front.Bio')
                    </h4>
                    <div class="inputs-cont">
                        <textarea class="form-control" name="description" id="bio-description" placeholder="اكتب نبذة تعريفية عنك تُبرز خبراتك ومهاراتك وما يميزك عن غيرك...">{{$user->description}}</textarea>
                        <div class="word-counter" id="bio-word-counter">
                            <span id="bio-word-count">0</span> / 15 كلمة
                        </div>
                        {{--  <div class="desc-action-btns">
                        <button type="button" class="btn ai-enhance-btn" id="ai-enhance-bio-btn" title="تحسين النبذة التعريفية بالذكاء الاصطناعي">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"/>
                            </svg>
                            <span>تحسين بالذكاء الاصطناعي</span>
                        </button>
                        </div> --}}
                    </div>
                    @error('description')
                    <span class="alert-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="edit-item-cont multi-select" id="skills_wrapper">
                    <h4 class="edit-item-title">
                        @lang('Skills')
                    </h4>
                    <select class="skills form-control" name="skills[]" id="skills_select" multiple="multiple">
                        <option disabled>@lang('front.Choose Skills')</option>
                        @foreach($skills as $skill)
                            <option value="{{$skill->id}}" @if(in_array($skill->id,$user->skills->pluck('id')->toArray())) selected @endif>{{$skill->name}}</option>
                        @endforeach
                    </select>
                    @error('skills')
                    <span class="alert-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="edit-item-cont">
                    <h4 class="edit-item-title">
                        @lang('Username')
                    </h4>
                    @if($user->username_changed_at)
                        <div class="input-group mb-2">
                            <input type="text" class="form-control" name="username" value="{{$user->username}}" style="border-left: 0;direction: ltr; background-color: #f8f9fa; color: #6c757d;" readonly disabled>
                            <span class="input-group-text" style="direction: ltr;background-color: #f8f9fa; border-right: 0; color: #6c757d;border-radius: 0;">
                                {{config('app.url')}}/freelancers/
                            </span>
                        </div>
                        {{-- إرسال القيمة الحالية كـ hidden لأن disabled لا يُرسل --}}
                        <input type="hidden" name="username" value="{{$user->username}}">
                    @else
                        <div class="hint">
                            @lang('Choose a username close to your real name for better SEO')
                            <span style="color: #e67e22; font-size: 12px; display: block; margin-top: 4px;">
                                ⚠️ يمكنك تغيير اسم المستخدم مرة واحدة فقط، اختر بعناية.
                            </span>
                        </div>
                        <div class="input-group mb-2">
                            <input type="text" class="form-control" name="username" value="{{$user->username}}" placeholder="@lang('Username')" style="border-left: 0;direction: ltr;">
                            <span class="input-group-text" style="direction: ltr;background-color: #f8f9fa; border-right: 0; color: #6c757d;border-radius: 0;">
                                {{config('app.url')}}/freelancers/
                            </span>
                        </div>
                    @endif
                    @error('username')
                    <span class="alert-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="edit-item-cont">
                    <div class="row">
                        <div class="col-md-6">
                            <h4 class="edit-item-title">
                                @lang('Birth Date')
                            </h4>
                            <input type="date" class="form-control" name="birth_date" value="{{$user->birth_date}}" max="{{date('Y-m-d')}}" placeholder="@lang('Birth Date')" @if($user->hasVerifiedIdentity()) readonly disabled @endif>
                            @error('birth_date')
                            <span class="alert-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <h4 class="edit-item-title">
                                @lang('Gender')
                            </h4>
                            <select class="form-control" name="gender" @if($user->hasVerifiedIdentity()) disabled @endif>
                                <option value="" disabled @if(!$user->gender) selected @endif>@lang('Choose Gender')</option>
                                <option value="male" @if($user->gender == 'male') selected @endif>@lang('Male')</option>
                                <option value="female" @if($user->gender == 'female') selected @endif>@lang('Female')</option>
                            </select>
                            @error('gender')
                            <span class="alert-danger" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        
                    </div>
                </div>

                <div class="edit-item-cont">
                    <h4 class="edit-item-title">
                        رابط فيديو تعريفي (اختياري)
                    </h4>
                    <div class="input-group mb-2">
                        <input type="url" class="form-control" name="video_link" value="{{$user->video_link}}" placeholder="https://www.youtube.com/watch?v=..." style="direction: ltr;">
                    </div>
                    @error('video_link')
                    <span class="alert-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="editPage-btns" style="margin-top: 20px;">
                    <button type="button" class="editPage-btn submit" id="profile-submit-btn">
                        @lang('front.Save Changes')
                    </button>
                </div>
            </div>
        </form>
    </div>
</section>
<style>
    .multi-select .select2-container .select2-selection.select2-selection{
        border-radius: 0;
    }
    .ai-enhance-btn svg{
        stroke: #fff;
    }
    .ai-enhance-btn:hover{
        background-color: #1DBF73;
    }
    p.account-type-hint {
        font-size: 12px;
        color: #666;
        line-height: 1.55;
        margin: 0;
        padding: 0;
    }
    @media (max-width: 767px) {
        .account-type-radios-row .col-md-6 + .col-md-6 {
            margin-top: 8px;
        }
    }
    input[readonly], select[disabled] { background-color: #f8f9fa !important; color: #6c757d !important; cursor: not-allowed !important; }
</style>
<!-- End Page Content -->
@endsection
@section('js-body')
    <script src="{{ asset('app-assets/plugins/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('app-assets/plugins/ckeditor/adapters/jquery.js') }}"></script>
    <script>
        var MAX_PROFILE_IMAGE_BYTES = 10 * 1024 * 1024; // 10 MB — same as ProfileRequest max:10240 (jpeg, png, webp)

        function validateProfileImageFile(input) {
            var file = input.files && input.files[0];
            if (!file) return true;
            if (file.size > MAX_PROFILE_IMAGE_BYTES) {
                var mb = (file.size / (1024 * 1024)).toFixed(1);
                alert('حجم الصورة (' + mb + ' MB) يتجاوز الحد المسموح (10 MB). اختر صورة أصغر.');
                $(input).val('');
                return false;
            }
            return true;
        }

        $('#image_input').change(function () {
            if (!validateProfileImageFile(this)) return;
            var reader = new FileReader();
            reader.onload = function (e) {
                $('.user-img img').attr('src', e.target.result);
            }
            reader.readAsDataURL(this.files[0]);
        });
        $(function() {
            $('textarea.editor').ckeditor();
            CKEDITOR.config.contentsLangDirection = document.dir == "rtl" ? "rtl" : "ltr";
            CKEDITOR.config.language = document.dir == "rtl" ? "ar" : "en";
            CKEDITOR.config.defaultLanguage = document.dir == "rtl" ? "ar" : "en";
        });

        // Word Counter for Bio
        const BIO_MIN_WORDS = 15;
        const bioTextarea = document.getElementById('bio-description');
        const bioCounterEl = document.getElementById('bio-word-counter');
        const bioCurrentEl = document.getElementById('bio-word-count');

        function countWords(text) {
            const trimmed = text.trim();
            if (!trimmed) return 0;
            return trimmed.split(/\s+/).length;
        }

        function updateBioWordCounter() {
            const count = countWords(bioTextarea.value);
            bioCurrentEl.textContent = count;
            const isEmpty = bioTextarea.value.trim() === '';
            bioCounterEl.classList.toggle('met', isEmpty || count >= BIO_MIN_WORDS);
        }

        bioTextarea.addEventListener('input', updateBioWordCounter);
        updateBioWordCounter();


        function showFieldError($field, message) {
            var $err = $('<div class="alert alert-danger js-validation-error" style="margin-top:5px;">' + message + '</div>');
            $field.closest('.col-md-6, .edit-item-cont').append($err);
        }

        $('#profile-submit-btn').on('click', function() {
            $('.js-validation-error').remove();
            var hasError = false;
            var $firstError = null;
            var $btn = $(this);

            // تحقق من الاسم فقط إذا لم يكن مقفلاً بعد توثيق الهوية
            @if(!$user->hasVerifiedIdentity())
            if (!$('input[name="first_name"]').val().trim() || $('input[name="first_name"]').val().trim().length < 2) {
                showFieldError($('input[name="first_name"]'), 'الاسم الأول مطلوب (حرفين على الأقل)');
                if (!$firstError) $firstError = $('input[name="first_name"]');
                hasError = true;
            }
            if (!$('input[name="last_name"]').val().trim() || $('input[name="last_name"]').val().trim().length < 2) {
                showFieldError($('input[name="last_name"]'), 'اسم العائلة مطلوب (حرفين على الأقل)');
                if (!$firstError) $firstError = $('input[name="last_name"]');
                hasError = true;
            }
            @endif
            if (!$('select[name="category_id"]').val()) {
                showFieldError($('select[name="category_id"]'), 'التخصص مطلوب');
                if (!$firstError) $firstError = $('select[name="category_id"]');
                hasError = true;
            }
            var bioText = $('#bio-description').val();
            if (bioText && bioText.trim() && countWords(bioText) < BIO_MIN_WORDS) {
                showFieldError($('#bio-description'), 'يجب أن تحتوي النبذة التعريفية على ' + BIO_MIN_WORDS + ' كلمة على الأقل');
                if (!$firstError) $firstError = $('#bio-description');
                hasError = true;
            }
            var selectedSkills = $('select[name="skills[]"]').val();
            if (!selectedSkills || selectedSkills.length === 0) {
                showFieldError($('select[name="skills[]"]'), 'يجب اختيار مهارة واحدة على الأقل');
                if (!$firstError) $firstError = $('select[name="skills[]"]');
                hasError = true;
            }
            var usernameVal = $('input[name="username"]:not([disabled])').val();
            if (usernameVal !== undefined) {
                if (!usernameVal.trim() || usernameVal.trim().length < 3) {
                    showFieldError($('input[name="username"]:not([disabled])'), 'اسم المستخدم مطلوب (3 أحرف على الأقل)');
                    if (!$firstError) $firstError = $('input[name="username"]:not([disabled])');
                    hasError = true;
                } else if (!/^[a-zA-Z0-9_]+$/.test(usernameVal.trim())) {
                    showFieldError($('input[name="username"]:not([disabled])'), 'اسم المستخدم يجب أن يحتوي على أحرف إنجليزية وأرقام و _ فقط');
                    if (!$firstError) $firstError = $('input[name="username"]:not([disabled])');
                    hasError = true;
                }
            }

            if (hasError) {
                if ($firstError) {
                    $('html, body').animate({ scrollTop: $firstError.closest('.edit-item-cont, .col-md-6').offset().top - 100 }, 300);
                }
                return;
            }

            var imageInput = document.getElementById('image_input');
            if (imageInput && !validateProfileImageFile(imageInput)) {
                return;
            }

            $btn.prop('disabled', true).html('<span class="work-btn-spinner"></span> جاري الحفظ...');
            $('.user-edit-cont')[0].submit();
        });

        // Subcategory dynamic loading
        var subCategoryWrapper = $('#sub_category_wrapper');
        var subCategorySelect = $('#sub_category_id');
        var userSubCategoryId = '{{ $user->sub_category_id }}';

        function toggleSubCategoryVisibility() {
            if (subCategorySelect.find('option').length > 1) {
                subCategoryWrapper.show();
            } else {
                subCategoryWrapper.hide();
            }
        }

        toggleSubCategoryVisibility();

        var userSkillIds = {!! json_encode($user->skills->pluck('id')->toArray()) !!};

        function loadSkillsByCategory(categoryId, preselectIds) {
            var $skillsSelect = $('#skills_select');
            if ($skillsSelect.data('select2')) {
                $skillsSelect.val(null).trigger('change');
            }
            $skillsSelect.empty().append('<option disabled>@lang("front.Choose Skills")</option>');

            if (!categoryId) return;

            $.ajax({
                url: '{{ route("user.get_skills_by_category") }}',
                data: { category_id: categoryId },
                success: function(data) {
                    $.each(data, function(index, item) {
                        var selected = preselectIds && preselectIds.indexOf(item.id) !== -1;
                        $skillsSelect.append('<option value="' + item.id + '"' + (selected ? ' selected' : '') + '>' + item.name + '</option>');
                    });
                    if ($skillsSelect.data('select2')) {
                        $skillsSelect.trigger('change');
                    }
                }
            });
        }

        $('#category_id').on('change', function() {
            var categoryId = $(this).val();
            subCategorySelect.html('<option value="" selected disabled>@lang("front.Choose Sub Category")</option>');

            if (categoryId) {
                $.ajax({
                    url: '{{ route("user.get_sub_categories") }}',
                    data: { category_id: categoryId },
                    success: function(data) {
                        $.each(data, function(index, item) {
                            var selected = (item.id == userSubCategoryId) ? ' selected' : '';
                            subCategorySelect.append('<option value="' + item.id + '"' + selected + '>' + item.name + '</option>');
                        });
                        toggleSubCategoryVisibility();
                    }
                });
                loadSkillsByCategory(categoryId, []);
            } else {
                toggleSubCategoryVisibility();
            }
        });

        // AI Enhancement functionality for Bio
        $('#ai-enhance-bio-btn').on('click', function() {
            const btn = $(this);
            const textarea = $('#bio-description');
            const currentText = textarea.val().trim();

            if (!currentText) {
                Swal.fire({
                    icon: 'warning',
                    title: 'تنبيه',
                    text: 'يجب كتابة نبذة تعريفية قصيرة أولاً ليتم تحسينها بالذكاء الاصطناعي.',
                    confirmButtonText: 'حسناً',
                    confirmButtonColor: '#1DBF73'
                });
                textarea.focus();
                return;
            }

            // Disable button and show loading
            btn.prop('disabled', true).addClass('loading');
            btn.find('span').text('جاري التحسين...');

            // Send AJAX request
            $.ajax({
                url: '{{ route("ai.enhance.bio") }}',
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    bio: currentText
                },
                success: function(response) {
                    if (response.success && response.enhanced_bio) {
                        textarea.val(response.enhanced_bio);
                        textarea[0].dispatchEvent(new Event('input'));
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'خطأ',
                            text: response.message || 'لم نتمكن من تحسين النبذة التعريفية',
                            confirmButtonText: 'حسناً',
                            confirmButtonColor: '#1DBF73'
                        });
                    }
                },
                error: function(xhr) {
                    let errorMsg = 'حدث خطأ أثناء تحسين النبذة التعريفية';
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMsg = xhr.responseJSON.message;
                    }
                    
                    Swal.fire({
                        icon: 'error',
                        title: 'خطأ',
                        text: errorMsg,
                        confirmButtonText: 'حسناً',
                        confirmButtonColor: '#1DBF73'
                    });
                },
                complete: function() {
                    // Re-enable button and remove loading
                    btn.prop('disabled', false).removeClass('loading');
                    btn.find('span').text('تحسين بـ AI');
                }
            });
        });
    </script>
@endsection