@extends('app')
@section('content')

    @if(session('flash_message'))
        <div class="alert {{ session('flash_message_status') ? 'alert-error' : 'alert-success' }}">
            <button class="close" data-dismiss="alert"></button>
            {!! session('flash_message') !!}
        </div>
    @endif

    <div class="row">
        <div class="col-md-12">
            <div class="grid simple vertical mobile-scroll">
                <div class="grid-body no-border">
                    <div class="c-page-title" style="margin-top: 26px;">
                        <span>سياسة الخصوصية</span>
                    </div>
                    <br><br>

                    <form action="{{ route('admin.privacypolicy.store') }}" method="POST" id="privacypolicy_form">
                        @csrf
                        {{-- @method('POST') is not needed since POST is the default --}}

                        <div class="form-group row">
                            <div class="input-with-icon right col-md-6 col-md-offset-3 col-sm-12">
                                <p>سيظهر النص دائماً في منتصف صفحة التطبيق</p>
                                <textarea name="description" class="form-control textarea editor ck" id="textarea">{{ old('description', $privacypolicy->description ?? '') }}</textarea>
                            </div>
                            <div class="col-md-3 col-sm-12 text-left">
                                <label style="font-weight: bold;">النص <span style="color:red"></span></label>
                            </div>
                        </div>

                        @can('privacypolicy-create')
                            <div class="form-group row">
                                <div class="col-md-6 col-md-offset-3 col-sm-12">
                                    <button type="submit" class="btn btn-primary pull-right" id="btn-submit">حفظ</button>
                                </div>
                            </div>
                        @endcan
                    </form>

                </div>
            </div>
        </div>
    </div>

@endsection

@section('page_script')
    <script src="{{ asset('vendor/unisharp/laravel-ckeditor/ckeditor.js') }}"></script>
    <script>
        CKEDITOR.replace('textarea', {
            contentsLangDirection: 'rtl',
            toolbarGroups: [
                {"name": "basicstyles", "groups": ["basicstyles"]},
                {"name": "styles", "groups": ["styles"]}
            ],
            removeButtons: 'Strike,Styles,Subscript,Superscript',
        });

        jQuery('#privacypolicy_form').submit(function (event) {
            let pass = true;

            // add your custom validations here

            if (!pass) {
                return false;
            }

            const form = this;
            jQuery('#btn-submit').attr('disabled', 'disabled');
            event.preventDefault();

            setTimeout(function () {
                form.submit();
            }, 500);

            jQuery('#progressbar').show();

            return true;
        });
    </script>
@endsection