@extends('layouts.admin') 
@section('title', 'Edit-Blog')
@section('page-title', 'Edit-Blog')
@section('content') 

<div class="container py-5">
    <h2>Edit Blog: {{ $blog->title }}</h2>

    <form action="{{ route('blog.update', $blog->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT') {{-- Laravel needs this for PUT method --}}

        <div class="mb-3">
            <label for="title" class="form-label">Title</label>
            <input type="text" name="title" class="form-control" value="{{ old('title', $blog->title) }}" required>
        </div>

        <div class="mb-3">
            <label for="category" class="form-label">Category</label>
            <input type="text" name="category" class="form-control" value="{{ old('category', $blog->category) }}">
        </div>

        <div class="mb-3">
            <label for="published_date" class="form-label">Published Date</label>
            <input type="date" name="published_date" class="form-control" value="{{ old('published_date', $blog->published_date?->format('Y-m-d')) }}">
        </div>

        <div class="mb-3">
            <label for="short_description" class="form-label">Short Description</label>
            <textarea name="short_description" class="form-control">{{ old('short_description', $blog->short_description) }}</textarea>
        </div>

        <div class="mb-3">
            <label for="content" class="form-label">Content</label>
            <textarea name="content" class="form-control" id="editor" rows="6">{{ old('content', $blog->content) }}</textarea>
        </div>

        <div class="mb-3">
            <label for="featured_img" class="form-label">Featured Image</label>
            <input type="file" name="featured_img" class="form-control">
            @if($blog->featured_img)
                <img src="{{ asset('uploads/blogs/' .$blog->featured_img) }}" alt="Featured Image" class="img-thumbnail mt-2" width="200">
            @endif
        </div>

        <div class="mb-3">
            <label for="status" class="form-label">Status</label>
            <select name="status" class="form-control">
                <option value="draft" {{ $blog->status == 'draft' ? 'selected' : '' }}>Draft</option>
                <option value="published" {{ $blog->status == 'published' ? 'selected' : '' }}>Published</option>
            </select>
        </div>

        <hr>
        <h5 class="mt-4">SEO Meta Information</h5>

        <div class="mb-3">
            <label class="form-label">Meta Title</label>
            <input type="text"
                name="meta_title"
                class="form-control"
                value="{{ old('meta_title', $blog->meta_title) }}"
                placeholder="Meta title for SEO">
        </div>

        <div class="mb-3">
            <label class="form-label">Meta Description</label>
            <textarea name="meta_description"
                    class="form-control"
                    rows="3"
                    placeholder="Meta description for SEO">{{ old('meta_description', $blog->meta_description) }}</textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Meta Keywords</label>
            <input type="text"
                name="meta_keywords"
                class="form-control"
                value="{{ old('meta_keywords', $blog->meta_keywords) }}"
                placeholder="keyword1, keyword2, keyword3">
        </div>
            

        <button type="submit" class="p-btn mt-3 py-2">Update Blog</button>
    </form>
</div>

@endsection