@extends('garage.layouts.app')

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

@push('styles')
@include('shared.garage-summary-ui-styles')
@endpush

@section('content')
<div class="container-fluid py-2 px-0">
<div class="grg-sum-shell">

    <div class="grg-sum-head">
        <div>
            <h1 class="grg-sum-title"><i class="bi bi-pencil-square me-1" style="color:var(--bs-primary);"></i>Edit Parts Category</h1>
            <nav class="grg-sum-bc" aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ route('garage.dashboard') }}" class="text-decoration-none text-muted">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('garage.part-categories.index') }}" class="text-decoration-none text-muted">Items · Parts Categories</a></li>
                    <li class="breadcrumb-item active text-muted" aria-current="page">{{ $category->name }}</li>
                </ol>
            </nav>
        </div>
        <a href="{{ route('garage.part-categories.index') }}" class="btn btn-outline-secondary btn-sm">Back</a>
    </div>

    <div class="card border-0 shadow-sm">
        <div class="card-body">
            <form method="POST" action="{{ route('garage.part-categories.update', $category->id) }}" class="row g-3">
                @csrf
                @method('PUT')

                <div class="col-md-8">
                    <label class="form-label">Category name</label>
                    <input type="text" name="name" value="{{ old('name', $category->name) }}" class="form-control" required>
                    @error('name') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="col-md-4">
                    <label class="form-label">Code</label>
                    <input type="text" name="code" value="{{ old('code', $category->code) }}" class="form-control" placeholder="Optional code">
                    @error('code') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="col-md-12">
                    <label class="form-label">Description</label>
                    <textarea name="description" rows="3" class="form-control" placeholder="Optional details">{{ old('description', $category->description) }}</textarea>
                    @error('description') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="col-md-6">
                    <label class="form-label">Sort order</label>
                    <input type="number" min="0" name="sort_order" value="{{ old('sort_order', $category->sort_order) }}" class="form-control">
                    @error('sort_order') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="col-md-6 d-flex align-items-end">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="is_active" id="is_active" {{ old('is_active', $category->is_active) ? 'checked' : '' }}>
                        <label class="form-check-label" for="is_active">Active</label>
                    </div>
                </div>

                <div class="col-12 d-flex gap-2">
                    <button type="submit" class="btn text-white" style="background:linear-gradient(135deg,var(--bs-primary),var(--garage-primary-700));">
                        <i class="bi bi-check2-circle me-1"></i>Update category
                    </button>
                    <a href="{{ route('garage.part-categories.index') }}" class="btn btn-outline-secondary">Cancel</a>
                </div>
            </form>
        </div>
    </div>
</div>
</div>
@endsection