@extends('reachassuree_admin/layouts.main')
@section('title', $data['title'])
@section('content')
<style>
    a#cke_25,
    a#cke_53,
    a#cke_54,
    a#cke_55,
    a#cke_56,
    a#cke_61,
    a#cke_63,
    a#cke_64,
    a#cke_69,
    a#cke_70,
    span#cke_72,
    span#cke_76,
    a#cke_24,
    a#cke_23,
    a#cke_22,
    a#cke_21,
    a#cke_20,
    span#cke_26,
    span#cke_34,
    span#cke_39,
    .cke_toolbar_break,
    span#cke_88,
    a#cke_86,
    a#cke_87,
    a#cke_75,
    a#cke_71,
    span.cke_button_icon.cke_button__bidirtl_icon,
    span.cke_button_icon.cke_button__bidiltr_icon,
    span.cke_button_icon.cke_button__creatediv_icon,
    span.cke_button_icon.cke_button__blockquote_icon,
    a#cke_62,
    span.cke_button_icon.cke_button__indent_icon,
    span.cke_button_icon.cke_button__outdent_icon,
    a#cke_57,
    span.cke_button_icon.cke_button__copyformatting_icon,
    span.cke_button_icon.cke_button__superscript_icon,
    a#cke_54,
    span.cke_button_icon.cke_button__language_icon,
    span.cke_button_icon.cke_button__unlink_icon,
    span.cke_button_icon.cke_button__link_icon,
    span.cke_button_icon.cke_button__save_icon,
    span.cke_button_icon.cke_button__newpage_icon,
    span.cke_button_icon.cke_button__exportpdf_icon,
    span.cke_button_icon.cke_button__preview_icon,
    span.cke_button_icon.cke_button__print_icon,
    span.cke_toolbar_separator,
    span.cke_button_icon.cke_button__templates_icon,
    span.cke_button_icon.cke_button__cut_icon,
    span.cke_button_icon.cke_button__copy_icon,
    span.cke_button_icon.cke_button__paste_icon,
    span.cke_button_icon.cke_button__pastetext_icon,
    span.cke_button_icon.cke_button__pastefromword_icon,
    span.cke_button_icon.cke_button__undo_icon,
    span.cke_button_icon.cke_button__redo_icon,
    span.cke_button_icon.cke_button__find_icon,
    span.cke_button_icon.cke_button__replace_icon,
    span.cke_button_icon.cke_button__selectall_icon,
    a#cke_38,
    span.cke_button_icon.cke_button__form_icon,
    span.cke_button_icon.cke_button__checkbox_icon,
    span.cke_button_icon.cke_button__radio_icon,
    span.cke_button_icon.cke_button__textfield_icon,
    span.cke_button_icon.cke_button__select_icon,
    a#cke_44,
    span.cke_button_icon.cke_button__button_icon,
    span.cke_button_icon.cke_button__imagebutton_icon,
    span.cke_button_icon.cke_button__imagebutton_icon,
    span.cke_button_icon.cke_button__hiddenfield_icon,
    span.cke_button_icon.cke_button__iframe_icon,
    span.cke_button_icon.cke_button__pagebreak_icon,
    span.cke_button_icon.cke_button__strike_icon,
    span.cke_button_icon.cke_button__table_icon,
    span.cke_button_icon.cke_button__maximize_icon,
    span.cke_button_icon.cke_button__showblocks_icon,
    span.cke_button_icon.cke_button__about_icon,
    span.cke_button_icon.cke_button__image_icon,
    span.cke_button_icon.cke_button__horizontalrule_icon,
    span.cke_button_icon.cke_button__smiley_icon,
    span.cke_button_icon.cke_button__specialchar_icon {
        display: none;
    }
</style>
<div class="page-content client-tr">
    <div class="container-fluid">
        @include('../reachassuree_admin/comman/header')
        <!-- start row -->
        <div class="row ">
            <form method="POST" id="formLegalPage" action="{{route('legal.page.save')}}" class="needs-validation" novalidate>
                @csrf
                <div class="row">
                    <div class="col">
                        <div class="mb-3">
                            <input type="hidden" name="legal_page_id" id="legal_page_id" value="0" />
                            <input type="hidden" name="description" id="description" value="" />
                            <label for="topic_name" class="form-label">Topic Name</label>
                            <!-- <input type="text" class="form-control" id="topic_name" name="topic_name"> -->
                        </div>
                        <div class="mb-12">
                            <input class="form-check-inline" type="radio" name="topic_name" id="terms_condition" value="Term & Condition" checked="">
                            <label class="form-check-label me-5" for="terms_condition">Term & Condition</label>
                            <input class="form-check-inline" type="radio" name="topic_name" id="terms_of_use" value="Terms Of Use">
                            <label class="form-check-label me-5" for="terms_of_use">Terms Of Use</label>
                            <input class="form-check-inline" type="radio" name="topic_name" id="prperty_policy" value="Intellectual Property Policy">
                            <label class="form-check-label me-5" for="prperty_policy">Intellectual Property Policy</label>
                        </div>
                        <br>
                        <div class="mb-3">
                            <label for="descritpion" class="form-label">Description</label>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <textarea class="ckeditor form-control" name="legal_page_description" id="legal_page_description"></textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <!-- <div class="container"> -->
                <div class="row justify-content-start">
                    <div class="col-1">
                        <button class="btn btn-primary" type="submit" id="btnLegalPage">Save</button>
                    </div>
                    <div class="col-4 m-2">
                        <!-- FIRMNAME AND CITY AND STATE IN DISPLAY IN AGENT WEBSITE LEGAL PAGE -->
                        <p class="text-start text-danger">Note:(@{{FirmName}}=FirmName @{{State}}=State @{{City}}=City) </p>
                    </div>
                </div>
            </form>

            <!-- end content-->
        </div>
        <!-- end row -->
    </div>
</div>


@endsection('content')
@section('custom-scripts')

<script src="{{ asset('ra-assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('ra-assets/js/pages/form-validation.init.js') }}"></script>
<script src="{{ asset('ra-assets/js/pages/jquery.form.js') }}"></script>
<script src="{{ asset('ra-assets/libs/ckeditor/ckeditor.js') }}"></script>
<script type="text/javascript">
    var addForm = "{{route('agentwebpage.setting')}}";
    var LegalPage = '{{route("legal.page.save")}}';

    function resetInputForm() {
        $('#formLegalPage').trigger("reset");
        $("#formLegalPage").removeClass('was-validated');
    }

    $(document).ready(function() {

        setTimeout(function() {
            var ckEditor = CKEDITOR.instances.disclaimer_description;
        }, 100)

        var options = {
            beforeSubmit: showRequest, // pre-submit callback
            success: showResponse, // post-submit callback
            beforeSerialize: function($form, options) {
                // return false to cancel submit
                var CKEDITORDATA = CKEDITOR.instances["legal_page_description"].getData();
                $("#description").val(CKEDITORDATA);
            }
        };
         $('#formLegalPage').submit(function() {
            $(this).ajaxSubmit(options);
            return false;
        });
    });

    function showRequest(formData, jqForm, options) {
        var queryString = $.param(formData);
        return true;
    }

    function showResponse(responseText, statusText, xhr, $form) {
        if (responseText['status'] == 1) {
            toastr["success"](responseText['msg']);
            window.location = addForm + "?type=legalpages";
            resetInputForm()
        } else if (responseText['status'] == 0) {
            if (typeof responseText['data'] !== "undefined") {
                var size = Object.keys(responseText['data']).length;
                if (size > 0) {
                    for (var [key, value] of Object.entries(responseText['data'])) {
                        toastr["error"](value);
                    }
                }
            }
        }
    }


    resetInputForm();
    @if($data['type'] == "edit")
    $("#legal_page_id").val("{{$data['legalpage']->id}}");
    $("#topic_name").val("{{$data['legalpage']->topic_name}}");
    $(document).ready(function() {
        setTimeout(function() {
            var ckEditor = CKEDITOR.instances.legal_page_description;
            var htmlContent = atob("{!! base64_encode($data['legalpage']['description']) !!}");
            ckEditor.setData(htmlContent);
        }, 500);
    });
    @endif
</script>

@endsection