@extends('layouts.admin-layout')

@section('content')
<div class="content-wrapper">
    <section class="content">
        <form action="{{ route('admin.privacy_cms.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card card-primary mt-3">
                <div class="card-header"><h3>Privacy Policy CMS</h3></div>
                <div class="card-body">
                    <div class="form-group">
                        <label>Banner Image</label>
                        <input type="file" name="banner_image" class="form-control">
                        @if($content->hasMedia('banner_image'))
                            <img src="{{ $content->getFirstMediaUrl('banner_image') }}" width="150" class="mt-2">
                        @endif
                    </div>
                    <div class="form-group border-bottom pb-3">
                        <label>Banner Title</label>
                        <input type="text" name="banner_title" class="form-control" value="{{ $content->banner_title }}">
                    </div>
                    <div class="form-group mt-3">
                        <label>Sub Heading</label>
                        <input type="text" name="subheading" class="form-control" value="{{ $content->subheading }}">
                    </div>
                    <div class="form-group">
                        <label>Main Heading</label>
                        <input type="text" name="main_heading" class="form-control" value="{{ $content->main_heading }}">
                    </div>
                    <div class="form-group">
                        <label>Policy Content</label>
                        <textarea name="description" id="editor_privacy" class="form-control">{{ $content->description }}</textarea>
                    </div>
                </div>
                <div class="card-footer text-right">
                    <button type="submit" class="btn btn-success px-5">Update Page</button>
                </div>
            </div>
        </form>
    </section>
</div>
@endsection

@section('script')
<script>
    ClassicEditor
        .create(document.querySelector('#editor_privacy'), {
            toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'undo', 'redo'],
        })
        .then(editor => {
            editor.editing.view.change(writer => {
                writer.setStyle('min-height', '400px', editor.editing.view.document.getRoot());
            });
        })
        .catch(error => {
            console.error(error);
        });
</script>
@endsection