@extends('layouts.app')

@section('title', 'New customer')

@section('content')
<div class="mx-auto max-w-2xl">
    <h1 class="text-2xl font-semibold text-slate-900">New customer</h1>
    <form method="post" action="{{ route('customers.store') }}" class="mt-6 space-y-4">
        @csrf
        @include('customers._form', ['customer' => null])
        <div class="flex gap-3">
            <button type="submit" class="rounded-lg bg-brand-600 px-4 py-2 text-sm font-semibold text-white hover:bg-brand-500">Save</button>
            <a href="{{ route('customers.index') }}" class="rounded-lg border border-slate-200 px-4 py-2 text-sm text-slate-700 hover:bg-slate-50">Cancel</a>
        </div>
    </form>
</div>
@endsection