@extends('layouts.app')

@section('title', 'Create Customer')

@section('content')
    <x-breadcrumbs :items="[
        ['label' => 'Dashboard', 'url' => route('dashboard')],
        ['label' => 'Customers', 'url' => route('customers.index')],
        ['label' => 'Create'],
    ]" />

    <x-page-header title="Create Customer" />

    <x-card>
        <form method="POST" action="{{ route('customers.store') }}">
            @csrf
            @include('customers._form')
            <div class="d-flex gap-2 mt-3">
                <button type="submit" class="btn btn-primary">Save Customer</button>
                <a href="{{ route('customers.index') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </x-card>
@endsection
