@extends('layouts.app')

@section('title', 'Add Category')

@section('content')
<div class="container">
    <div class="page-heading">
        <div>
            <div class="eyebrow">Menu Organization</div>
            <h1>Add Category</h1>
            <p>Create a new category for your restaurant menu.</p>
        </div>
    </div>

    <div class="card" style="max-width: 700px;">
        <form method="POST" action="{{ route('dashboard.categories.store') }}">
            @csrf


<div class="form-group">
    <label>Category name</label>
    <input
        type="text"
        name="name"
        value="{{ old('name', $category->name ?? '') }}"
        placeholder="Example: Main Meals"
        required
    >
</div>

<div class="form-group">
    <label>Sort order</label>
    <input
        type="number"
        name="sort_order"
        value="{{ old('sort_order', $category->sort_order ?? 0) }}"
        min="0"
    >
</div>


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