{{-- @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',
        });
    </script>

    <div class="container">
        <h1>Create New Article</h1>

        <form action="{{ route('admin.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="form-group">
                <label for="title">Title</label>
                <input type="text" name="title" class="form-control" required>
            </div>
            <br />
            <div class="form-group">
                <label for="content">Content</label>
                <textarea name="content" id="content" class="form-control" rows="10">{{ old('content') }}</textarea>
            </div>
            <br />
            <div class="form-group">
                <label for="description">Brief Description</label>
                <textarea name="description" class="form-control" id="description" rows="3">{{ old('description', $article->description ?? '') }}</textarea>
            </div>
            <br />
            <div class="form-group">
                <label for="category_id">Category</label>
                <select name="category_id" id="category_id" class="form-control" required>
                    <option value="" disabled selected>Select a category</option>
                    @foreach ($categories as $category)
                        <option value="{{ $category->id }}">{{ $category->name }}</option>
                    @endforeach
                </select>
            </div>
            <br />
            <div class="form-group">
                <label for="article_image">Article Image</label>
                <input type="file" name="article_image" class="form-control">
            </div>
            <div class="form-group">
                <label for="credit">Image Credit</label>
                <input type="text" class="form-control" id="credit" name="credit"
                    placeholder="Enter the image owner's name">
            </div>
            <br />
            <div>
                <label for="writer_photo">Writer Photo (optional):</label>
                <input type="file" name="writer_photo" id="writer_photo">
            </div>
            <br />
            <!-- Admin Bio Section (For updating admin bio) -->
            <div class="form-group">
                <label for="bio">Admin Bio</label>
                <textarea name="bio" id="bio" class="form-control" rows="2"
                    placeholder="Write a short bio about yourself">{{ old('bio', Auth::user()->bio ?? '') }}</textarea>
            </div>
            <br />

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


<script>
function decodeHTMLEntities(text) {
    var textArea = document.createElement('textarea');
    textArea.innerHTML = text;
    return textArea.value;
}

var rawText = decodeHTMLEntities(yourEncodedText);

</script> --}}


@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">
        <h1>Create New Article</h1>
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif


        <form action="{{ route('admin.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label for="title">Title</label>
                <input type="text" name="title" class="form-control" required>
            </div>
            <br />
            <div class="form-group">
                <label for="content">Content</label>
                <textarea name="content" id="content" class="form-control" rows="10">{{ old('content') }}</textarea>
            </div>
            <br />
            <div class="form-group">
                <label for="description">Brief Description</label>
                <textarea name="description" class="form-control" id="description" rows="3">{{ old('description', $article->description ?? '') }}</textarea>
            </div>
            <br />
            <div class="form-group">
                <label for="category_id">Category</label>
                <select name="category_id" id="category_id" class="form-control" required>
                    <option value="" disabled selected>Select a category</option>
                    @foreach ($categories as $category)
                        <option value="{{ $category->id }}">{{ $category->name }}</option>
                    @endforeach
                </select>
            </div>
            <br />
            <div class="form-group">
                <label for="article_image">Article Image</label>
                <input type="file" name="article_image" class="form-control">
            </div>
            <div class="form-group">
                <label for="credit">Image Credit</label>
                <input type="text" class="form-control" id="credit" name="credit"
                    placeholder="Enter the image owner's name">
            </div>
            <br />
            <div>
                <label for="writer_photo">Writer Photo (optional):</label>
                <input type="file" name="writer_photo" id="writer_photo">
            </div>
            <br />

            <div class="form-group">
                <label for="bio">Admin Bio</label>
                <textarea name="bio" id="bio" class="form-control" rows="2"
                    placeholder="Write a short bio about yourself">{{ old('bio', Auth::user()->bio ?? '') }}</textarea>
            </div>
            <br />

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