@extends('admin.layout.app')

@section('title', 'Create Blog Category')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
      <h5 class="mb-0">Create New Category</h5>
      <a href="{{ route('admin.blogcategory.index') }}" class="btn btn-sm btn-secondary">
        <i class="bx bx-arrow-back"></i> Back
      </a>
    </div>

    <div class="card-body">
      @if ($errors->any())
        <div class="alert alert-danger">
          <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif

      <form method="POST" action="{{ route('admin.blogcategory.store') }}">
        @csrf

        <div class="row mb-3">
          <div class="col-md-6">
            <label for="name" class="form-label">Category Name</label>
            <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
          </div>
          <div class="col-md-6">
            <label for="slug" class="form-label">Slug</label>
            <input type="text" name="slug" class="form-control" value="{{ old('slug') }}" required>
          </div>
        </div>

        <div class="mb-3">
          <label for="description" class="form-label">Description (Optional)</label>
          <textarea name="description" class="form-control">{{ old('description') }}</textarea>
        </div>

        <div class="text-end">
          <button type="submit" class="btn btn-primary">Create Category</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection