@extends('layouts.auth')

@section('content')
    <div class="container-fluid" id="container-wrapper">
        <h4>Update {{ $category->name }}</h4>
        <form action="{{ route('categories.update', $category->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group mb-2">
                        <label for="name">Name</label>
                        <input type="text" class="form-control" name="name" value="{{ $category->name }}" placeholder="Name" required>
                    </div>
                    <div class="form-group mb-2">
                        <label for="order">Order</label>
                        <input type="number" class="form-control" name="order" placeholder="Order" value="{{ $category->order }}">
                    </div>
                    <div class="form-group mb-2">
                        <label for="status">Status</label>
                        <select class="form-control" name="status" required>
                            <option value="1" {{ $category->status == 'active' ? 'selected' : '' }}>Active</option>
                            <option value="0" {{ $category->status == 'inactive' ? 'selected' : '' }}>Inactive</option>
                        </select>
                    </div>

                    <div class="form-group mb-3">
                        <label for="image">Image</label>
                        <input type="file" class="form-control {{ $errors->has('image') ? 'is-invalid' : '' }}" name="image">
                        @error('image')
                            <span class="invalid-feedback" role="alert">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    <div class="form-group mb-2">
                        <button type="submit" class="btn btn-primary btn-sm mt-2">Save</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection