@extends('layouts.admin')
@section('title', 'Add Customer')
@section('header-back')
    <a href="{{ route('admin.customers.index') }}" class="inline-flex items-center gap-2 rounded-xl border border-slate-200 bg-white px-3.5 py-2 text-sm font-semibold text-slate-600 shadow-sm transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-700"><svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25"><path d="m15 18-6-6 6-6"/></svg>Back</a>
@endsection
@section('header-title', 'Add Customer')
@section('content')
    <div class="w-full">
        <form method="POST" action="{{ route('admin.customers.store') }}">
            @csrf
            @include('admin.customers._form')
            <div class="sticky bottom-4 mt-6 flex justify-end gap-3 rounded-2xl border border-slate-200 bg-white/95 p-4 shadow-lg backdrop-blur"><a href="{{ route('admin.customers.index') }}" class="rounded-xl border border-slate-200 px-5 py-3 text-sm font-semibold">Cancel</a><button class="rounded-xl bg-blue-600 px-5 py-3 text-sm font-bold text-white shadow-lg shadow-blue-600/20">Save customer</button></div>
        </form>
    </div>
@endsection