@extends('layouts.app')

@section('content')
    <script src="https://cdn.tiny.cloud/1/al3lhfezk2xf7dk62ezv8w6dao59bdf8sbc82ilq64lwgnrz/tinymce/7/tinymce.min.js"
        referrerpolicy="origin"></script>

    <script>
        tinymce.init({
            selector: 'textarea',
            plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount',
            toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat',

            entity_encoding: 'raw', // This ensures that special characters are not converted into HTML entities
            setup: function(editor) {
                editor.on('change', function() {
                    editor.save();
                });
            }
        });
    </script>
    <div class="container mt-4">

        <h3>Edit About Page</h3>

        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

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

            @csrf

            <div class="mb-3">
                <label>Hero Title</label>
                <input type="text" name="hero_title" class="form-control" value="{{ $about->hero_title ?? '' }}">
            </div>

            <div class="mb-3">
                <label>Hero Description</label>
                <textarea name="hero_description" class="form-control" rows="3">{{ $about->hero_description ?? '' }}</textarea>
            </div>

            <div class="mb-3">
                <label>Mission</label>
                <textarea name="mission" class="form-control" rows="4">{{ $about->mission ?? '' }}</textarea>
            </div>
            <div class="mb-3">
                <label>Description</label>
                <textarea name="description" class="form-control" rows="5">
{{ old('description', $about->description ?? '') }}
</textarea>
            </div>
            <div class="mb-3">
                <label>Vision</label>
                <textarea name="vision" class="form-control" rows="4">{{ $about->vision ?? '' }}</textarea>
            </div>

            <button class="btn btn-primary">Update About Page</button>

        </form>

    </div>
    <br />
    <br>
    <br>
@endsection