@extends('layouts.main')
@section('main')
    <div class="page-container">
        <div class="main-content">
            <div class="container">
                <h2 class="header-title">Privacy Policy</h2>
                <div class="tab-content m-t-15">
                    <form id="formData" action="{{ route('privacyPolicy.store') }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="tab-pane fade show active" id="tab-account">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Basic Infomation</h4>
                                </div>
                                <div class="card-body">
                                    <div class="form-row">
                                        <div class="col-md-12">
                                            <label class="font-weight-semibold">Privacy Policy<span
                                                    class="required">*</span></label>
                                            <textarea name="privacy_policy" rows="10" id="privacy_policy" class="form-control" placeholder="Privacy Policy">{{ isset($privacy_policy->privacy_policy) ? $privacy_policy->privacy_policy : '' }}</textarea>
                                            <label id="privacy_policy-error" class="error" for="privacy_policy"></label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="center-button">
                            <button class="btn btn-primary">
                                <span>Submit</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endsection
    @section('js')
        <script>
            $(document).ready(function() {
                if ($("#formData").length > 0) {
                    $("#formData").validate({
                        ignore: [],
                        rules: {
                            privacy_policy: {
                                required: function(mydata) {
                                    CKEDITOR.instances[mydata.id].updateElement();
                                    var memberdatacontent = mydata.value.replace(/<[^>]*>/gi, '');
                                    return memberdatacontent.length === 0;
                                },
                            },
                        },
                        messages: {
                            privacy_policy: {
                                required: "Please enter privacy policy",
                            },
                        },
                    });
                    var editor = CKEDITOR.replace('privacy_policy');
                    editor.on('change', function() {
                        $('#formData').valid();
                    });
                };
            });
        </script>
    @endsection