@extends('admin.layout.dashboard-template')

@section('content')

<div class="db-info-wrap">

    <div class="dashboard-box">

        <h4>
            Terms & Conditions
        </h4>

        @if(session('success'))

            <div class="alert alert-success">

                {{ session('success') }}

            </div>

        @endif

        <form
            action="{{ route('admin.terms.update') }}"
            method="POST">

            @csrf

          <div class="form-group mb-3">

    <label class="fw-bold">
        Content
    </label>

    <textarea
        name="content"
        id="editor"
        rows="10"
        class="form-control">{{ $data->content ?? '' }}</textarea>

</div>

{{-- CKEDITOR 4 --}}
<script src="https://cdn.ckeditor.com/4.25.1-lts/full/ckeditor.js"></script>

<script>

    CKEDITOR.replace('editor', {

        height: 400,

        toolbar: [

            {
                name: 'basicstyles',
                items: [
                    'Bold',
                    'Italic',
                    'Underline',
                    'Strike'
                ]
            },

            {
                name: 'paragraph',
                items: [
                    'NumberedList',
                    'BulletedList',
                    'Outdent',
                    'Indent',
                    'Blockquote'
                ]
            },

            {
                name: 'justify',
                items: [
                    'JustifyLeft',
                    'JustifyCenter',
                    'JustifyRight',
                    'JustifyBlock'
                ]
            },

            {
                name: 'links',
                items: [
                    'Link',
                    'Unlink'
                ]
            },

            {
                name: 'insert',
                items: [
                    'Image',
                    'Table',
                    'HorizontalRule'
                ]
            },

            {
                name: 'styles',
                items: [
                    'Format',
                    'Font',
                    'FontSize'
                ]
            },

            {
                name: 'colors',
                items: [
                    'TextColor',
                    'BGColor'
                ]
            },

            {
                name: 'tools',
                items: [
                    'Maximize',
                    'Source'
                ]
            }

        ]

    });

</script>

            <button
                type="submit"
                class="btn btn-primary">

                Update
            </button>

        </form>

    </div>

</div>


@endsection