{{-- @extends('layouts.app')

@section('content')
    <form action="{{ route('admin.update', $article->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')


        <input type="hidden" name="user_id" value="{{ auth()->id() }}">

        <div class="form-group">
            <label for="title">Title</label>
            <input type="text" name="title" id="title" class="form-control" value="{{ $article->title }}" required>
        </div>
        <br />
        <div class="form-group">
            <label for="content">Content</label>
            <textarea name="content" id="content" class="form-control" rows="5" required>{{ $article->content }}</textarea>
        </div>
        <br />
        <div class="form-group">
            <label for="article_image">Article Image</label>
            <input type="file" name="article_image" id="article_image" class="form-control">
        </div>
        <br />
        <!-- Category Selection -->
        <div class="form-group">
            <label for="category_id">Category</label>
            <select name="category_id" id="category_id" class="form-control" required>
                <option value="">Select a Category</option>
                @foreach ($categories as $category)
                    <option value="{{ $category->id }}" @if ($article->category_id == $category->id) selected @endif>
                        {{ $category->name }}
                    </option>
                @endforeach
            </select>
        </div>
        <br />
        <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 class="form-group">
            <label for="writer_photo">Writer Photo</label>
            <input type="file" name="writer_photo" id="writer_photo" class="form-control">
            @if ($article->writer_photo)
                <p>Current Writer Photo:</p>
                <img src="{{ asset("storage/{$article->writer_photo}") }}" alt="Writer Photo"
                    style="width: 100px; height: auto;">
            @endif
        </div>
        <div class="form-group">
            <label for="bio">User Bio</label>
            <textarea name="bio" class="form-control" rows="5">{{ $user->bio ?? old('bio') }}</textarea>
        </div>
        <br />
        <button type="submit" class="btn btn-primary">Update Article</button>
    </form>
    <br />


@endsection --}}



 @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: '#content',
             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',
             setup: function(editor) {
                 editor.on('change', function() {
                     editor.save();
                 });
             }
         });
     </script>

     <form action="{{ route('admin.update', $article->id) }}" method="POST" enctype="multipart/form-data">
         @csrf


         <input type="hidden" name="user_id" value="{{ auth()->id() }}">

         <div class="form-group">
             <label for="title">Title</label>
             <input type="text" name="title" id="title" class="form-control"
                 value="{{ old('title', $article->title) }}" required>
             @error('title')
                 <span class="text-danger">{{ $message }}</span>
             @enderror
         </div>
         <br />
         <div class="form-group">
             <label for="content">Content</label>
             <textarea name="content" id="content" class="form-control" rows="5" required>{{ old('content', $article->content) }}</textarea>
             @error('content')
                 <span class="text-danger">{{ $message }}</span>
             @enderror
         </div>
         <br />
         <div class="form-group">
             <label for="article_image">Article Image</label>
             <input type="file" name="article_image" id="article_image" class="form-control">
             @error('article_image')
                 <span class="text-danger">{{ $message }}</span>
             @enderror
         </div>
         <div class="form-group">
             <label for="description">Description</label>
             <textarea name="description" id="description" class="form-control" rows="4"
                 placeholder="Enter a short description about the article">{{ old('description', $article->description ?? '') }}</textarea>
             @error('description')
                 <span class="text-danger">{{ $message }}</span>
             @enderror
         </div>

         <br />
         <!-- Category Selection -->
         <div class="form-group">
             <label for="category_id">Category</label>
             <select name="category_id" id="category_id" class="form-control" required>
                 <option value="">Select a Category</option>
                 @foreach ($categories as $category)
                     <option value="{{ $category->id }}" @if (old('category_id', $article->category_id) == $category->id) selected @endif>
                         {{ $category->name }}
                     </option>
                 @endforeach
             </select>
             @error('category_id')
                 <span class="text-danger">{{ $message }}</span>
             @enderror
         </div>
         <br />
         <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" value="{{ old('credit') }}">
             @error('credit')
                 <span class="text-danger">{{ $message }}</span>
             @enderror
         </div>
         <br />
         <div class="form-group">
             <label for="writer_photo">Writer Photo</label>
             <input type="file" name="writer_photo" id="writer_photo" class="form-control">

             @if ($article->writer_photo)
                 <p>Current Writer Photo:</p>

                 <img src="{{ asset($article->writer_photo) }}" alt="Writer Photo"
                     style="width:100px;height:auto;object-fit:cover;">
             @endif

             @error('writer_photo')
                 <span class="text-danger">{{ $message }}</span>
             @enderror
         </div>
         <div class="form-group">
             <label for="bio">User Bio</label>
             <textarea name="bio" class="form-control" rows="5">{{ old('bio', $user->bio ?? '') }}</textarea>
             @error('bio')
                 <span class="text-danger">{{ $message }}</span>
             @enderror
         </div>
         <br />
         <button type="submit" class="btn btn-primary">Update Article</button>
     </form>
     <br />
     <br>
     <br>
 @endsection