@extends('garage.layouts.app')

@section('title', 'Add Part Brand')

@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-plus-circle me-1" style="color:var(--bs-primary);"></i>Add Part Brand</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-brands.index') }}" class="text-decoration-none text-muted">Items · Part Brands</a></li>
                    <li class="breadcrumb-item active text-muted" aria-current="page">Add</li>
                </ol>
            </nav>
        </div>
        <a href="{{ route('garage.part-brands.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-brands.store') }}" class="row g-3">
                @csrf

                <div class="col-md-8">
                    <label class="form-label">Brand name</label>
                    <input type="text" name="name" value="{{ old('name') }}" class="form-control" required placeholder="e.g. Bosch">
                    @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') }}" 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">Notes</label>
                    <textarea name="notes" rows="3" class="form-control" placeholder="Optional notes">{{ old('notes') }}</textarea>
                    @error('notes') <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', 0) }}" 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', '1') ? '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>Save brand
                    </button>
                    <a href="{{ route('garage.part-brands.index') }}" class="btn btn-outline-secondary">Cancel</a>
                </div>
            </form>
        </div>
    </div>
</div>
</div>
@endsection