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

@section('admin_content') 

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

<form action="{{ route('admin.blogs.store') }}" method="POST" enctype="multipart/form-data">
    @csrf

    <div class="mb-3">
        <label class="form-label">Title</label>
        <input type="text" name="title" value="{{ old('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') }}" 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') }}</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') == $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
    </div>

    <div class="mb-3 form-check">
        <input type="checkbox" name="is_published" value="1" class="form-check-input" {{ old('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-primary">Save Blog</button>
    <a href="{{ route('admin.blogs.index') }}" class="btn btn-secondary">Back</a>
</form>

@endsection