{{-- Extends layout --}}
@extends(getThemeBasePath())

@section('page_title')
{{$page_title}}
@endsection


{{-- Content --}}
@section('content')
<!--begin::Card-->
<form class="form" method="post" action="{{$action}}" id="manage_form" enctype="multipart/form-data">
    @if(!empty($data['id']))
    @method('PUT')
    @endif
    @csrf
    <div class="card shadow-sm">
        <!--begin::Card header-->
        <div class="card-header card-header-tabs-line nav-tabs-line-3x">
            <!--begin::Toolbar-->
            <div class="card-toolbar">
                <ul class="nav nav-tabs nav-line-tabs nav-stretch fs-6 border-0">
                    <!--begin::Item-->
                    <li class="nav-item mr-3">
                        <a class="nav-link active" data-bs-toggle="tab" href="#kt_user_edit_tab_1">
                            <span class="nav-icon">
                                <i class="fa fa-user"></i>
                            </span>
                            <span class="nav-text font-size-lg">{{$page_title}}</span>
                        </a>
                    </li>
                    <li class="nav-item mr-3">
                        <a class="nav-link" data-bs-toggle="tab" href="#kt_user_edit_tab_2">
                            <span class="nav-icon">
                                <i class="fa fa-list"></i>
                            </span>
                            <span class="nav-text font-size-lg">{{'Text Settings'}}</span>
                        </a>
                    </li>
                     <li class="nav-item mr-3">
                        <a class="nav-link" data-bs-toggle="tab" href="#kt_user_edit_tab_3">
                            <span class="nav-icon">
                                <i class="fa fa-list"></i>
                            </span>
                            <span class="nav-text font-size-lg">{{'SEO Settings'}}</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!--end::Toolbar-->
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body">
            <div class="tab-content">
                <!--begin::Tab-->
                @include('settings.general_settings_tab')
                <!--end::Tab-->
                <!--begin::Tab-->
                @include('settings.text_settings_tab')
                <!--end::Tab-->
                <!--begin::Tab-->
                @include('settings.general_seo_settings')
                <!--end::Tab-->
            </div>
        </div>
        <div class="card-footer text-right">
            <button type="submit" class="btn btn-primary mr-2 btn-hover-rise" id="submit_btn" onclick="$('#manage_form').submit();">Save</button>
            <a href="{{route('settings.index')}}"><button type="button" class="btn btn-secondary btn-hover-rise">Cancel</button></a>
        </div>
    </div>
    <!--end::Card-->
</form>
@endsection

{{-- Scripts Section --}}
@section('scripts')
<script src="{{ asset('js/ckeditor_4/ckeditor.js') }}"></script>
<script type="text/javascript">
    var marksCounter = 1;
    var quesCounter = "{{!empty($text_settings)?count($text_settings):1}}";
    $(document).ready(function() {
        // tagging support
        $('.kt_select2_11').select2({
            placeholder: "Add a tag",
            tags: true
        });
        CKEDITOR.replace('kt-ckeditor-5', {
            fullPage: true,
            allowedContent: true
        });
        CKEDITOR.replace('app_dashboard_description_text', {
            fullPage: false,
            allowedContent: true
        });
        $('#manage_form').validate({
              ignore: ":hidden, input[type=file]"
    });

        $(document).on('change', '.img-upload', function () {
        const file = this.files[0];
        const maxSize = 5 * 1024 * 1024;
        const errorDiv = $(this).parents('.file-upload-div').find('.file-error');
        if (file && file.size > maxSize) {
        errorDiv.text("File Size must be 5 MB or smaller.").removeClass('d-none');
        const imageInput = KTImageInput.getInstance(this.closest('.image-input'));
        if (imageInput) {
            imageInput.reset();
        }
        }
        else{
         errorDiv.addClass('d-none').text('');
        }
        });
    });

    

    function addTextRow() {
        quesCounter++;
        //$('.marks_questions_container .ques_parent_div:first').find('.select2').data('select2').destroy();
        var marksDiv = $('.text_settings_row:first').clone();
        marksDiv = $(marksDiv)
        marksDiv.addClass('text_row_' + quesCounter);
        marksDiv.find('label.text-danger').remove();
        marksDiv.find('.card-label span:first').html(quesCounter);
        marksDiv.find('.form-control').each(function() {
            $(this).attr('name', $(this).attr('name').replace(/\[\d+](?!.*\[\d)/, '[' + quesCounter + ']'));
            $(this).val('');
        });
        $('.new_text_settings_div').append(marksDiv);
        $([document.documentElement, document.body]).animate({
            scrollTop: $(".text_row_" + quesCounter).offset().top
        }, 2000);
    }

    $(document).on('keyup', '.text_name_input', function() {
        $(this).val(convertToSlug($(this).val()));
    });

    function convertToSlug(Text) {
        return Text.toLowerCase()
            .replace(/ /g, '_')
            .replace(/[^\w-]+/g, '');
    }

    function removeParentRow(row) {
        if (confirm('Are you sure you want to delete?')) {
            row.remove();
        }
    }
    $(document).on('click', '#reload_company_data', function() {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            data: {
                "_token": "{{ csrf_token() }}",
            },
            url: "{!! route('setting.reload.companyDetails') !!}",
            success: function(data) {
                if(data.status){
                    window.location.reload();
                    console.log(data.status);
                }else{
                    console.log('error');
                }
            }
        });
    });
    $(document).on('click', '#refresh_push_notification_list', function() {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            data: {
                "_token": "{{ csrf_token() }}",
            },
            url: "{!! route('setting.refresh.push_notification_list') !!}",
            success: function(data) {
                if(data.status){
                    deleteSuccessAlert['text'] = 'Push Notification List Refreshed!';
                    Swal.fire(deleteSuccessAlert);
                    console.log(data.status);
                }else{
                    console.log('errorAlert');
                }
            }
        });
    });
    $(document).on('click', '#refresh_reward_badges', function() {
            $.ajax({
                type: 'POST',
                dataType: 'json',
                data: {
                    "_token": "{{ csrf_token() }}",
                },
                url: "{!! route('setting.refresh.reward_badges') !!}",
                success: function(data) {
                    if (data.status) {
                        deleteSuccessAlert.text = 'Reward badges refreshed!';
                        Swal.fire(deleteSuccessAlert);  // Correct way to trigger SweetAlert
                        console.log('Success:', data.status);
                    } else {
                        console.log('Error:', data);
                    }
                },
                error: function(xhr, status, error) {
                console.log(error);

                }
            });
    });


    function actionDeleteImage(ele) {
        var deleteName = $(ele).attr("data-name");
        var deleteType = $(ele).attr("data-type");
        if (deleteName && deleteType) {
            deleteAlert['text'] = "Are you sure you want to delete uploaded file?";
            deleteSuccessAlert['text'] = "File deleted successfully!";

            Swal.fire(deleteAlert).then(function(result) {
                if (result.value) {
                    $.ajax({
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            name: deleteName,
                            type: deleteType,
                            "_token": "{{ csrf_token() }}",
                            _method: 'DELETE'
                        },
                        url: "{!! route('settings.destroy',1) !!}",
                        success: function(data) {
                            if (data.status) {
                                Swal.fire(deleteSuccessAlert);
                                $(ele).parents().find(".hide_img").addClass("d-none");
                            }
                        }
                    });
                }
            });
        }
    }



</script>
@endsection