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

@section('admin_content')

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

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

        <div class="mb-3">
            <label class="form-label">Category Name</label>
            <input type="text" name="name" value="{{ old('name', $blogCategory->name) }}" class="form-control" required>
            @error('name')
                <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', $blogCategory->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">Description</label>
            <textarea name="description" class="form-control" rows="4">{{ old('description', $blogCategory->description) }}</textarea>
            @error('description')
                <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 ($blogCategory->thumbnail)
                <div class="mt-2">
                    <p class="mb-1">Current Image:</p>
                    <img src="{{ asset('storage/' . $blogCategory->thumbnail) }}" width="120" class="rounded shadow-sm">
                </div>
            @endif
        </div>

        <button class="btn btn-primary">Update Category</button>
        <a href="{{ route('blog.categories.index') }}" class="btn btn-secondary">Back</a>
    </form>

@endsection