@extends('layouts.app')

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

@section('content')
<div class="container">
    <div class="page-heading">
        <div>
            <div class="eyebrow">Menu Organization</div>
            <h1>Edit Category</h1>
            <p>Update this menu category and its visibility.</p>
        </div>
    </div>

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


<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>


            <div class="check-row">
                <input
                    id="is_active"
                    type="checkbox"
                    name="is_active"
                    value="1"
                    {{ $category->is_active ? 'checked' : '' }}
                >

                <label for="is_active">Category is active</label>
            </div>

            <button
                class="btn btn-primary"
                style="margin-top: 20px;"
            >
                Save Changes
            </button>
        </form>
    </div>
</div>
@endsection