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

@section('admin_content') 

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

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

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

    <div class="mb-3">
        <label class="form-label">Slug</label>
        <input type="text" name="slug" value="{{ old('slug', $blog->slug) }}" class="form-control">
        <small class="text-muted">Leave blank to auto-generate</small>
        @error('slug') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="mb-3">
        <label class="form-label">Content</label>
        <textarea name="content" class="form-control" rows="5">{{ old('content', $blog->content) }}</textarea>
        @error('content') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="mb-3">
        <label class="form-label">Category</label>
        <select name="blog_category_id" class="form-select">
            <option value="">Select Category</option>
            @foreach($categories as $category)
                <option value="{{ $category->id }}" 
                    {{ old('blog_category_id', $blog->blog_category_id) == $category->id ? 'selected' : '' }}>
                    {{ $category->name }}
                </option>
            @endforeach
        </select>
        @error('blog_category_id') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <div class="mb-3">
        <label class="form-label">Thumbnail</label>
        <input type="file" name="thumbnail" class="form-control">
        @error('thumbnail') <small class="text-danger">{{ $message }}</small> @enderror

        @if($blog->thumbnail)
            <div class="mt-2">
                <p class="mb-1">Current Image:</p>
                <img src="{{ asset('storage/'.$blog->thumbnail) }}" width="120" class="rounded shadow-sm">
            </div>
        @endif
    </div>

    <div class="mb-3 form-check">
        <input type="checkbox" name="is_published" value="1" class="form-check-input"
            {{ old('is_published', $blog->is_published) ? 'checked' : '' }}>
        <label class="form-check-label">Publish</label>
        @error('is_published') <small class="text-danger">{{ $message }}</small> @enderror
    </div>

    <button class="btn btn-success">Update Blog</button>
    <a href="{{ route('blogs.index') }}" class="btn btn-secondary">Back</a>
</form>

@endsection