@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 paste',

            toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align | numlist bullist | removeformat',

            entity_encoding: 'raw',

            /* 🔥 THIS IS THE KEY PART */
            paste_as_text: true,
            paste_remove_styles: true,
            paste_remove_spans: true,
            paste_strip_class_attributes: 'all',
            paste_strip_attributes: 'all',

            setup: function(editor) {
                editor.on('change', function() {
                    editor.save();
                });
            }
        });
    </script>



    <div class="container mt-4">

        <h2>Create Opinion</h2>

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

        <form action="{{ route('admin.opinions.store') }}" method="post" enctype="multipart/form-data">
            @csrf

            <div class="mb-3">
                <label>Title</label>
                <input type="text" name="title" class="form-control">
            </div>

            <div class="mb-3">
                <label>Brief Description</label>
                <input type="text" name="brief_description" class="form-control">
            </div>

            <div class="mb-3">
                <label>Opinion Image</label>
                <input type="file" name="image" class="form-control">
            </div>

            <div class="mb-3">
                <label>Opinion Content</label>
                <textarea name="opinion" rows="6" class="form-control"></textarea>
            </div>

            <button class="btn btn-primary">Save Opinion</button>
        </form>
        <br>
    </div>
@endsection