@extends('layouts.admin')
@section('title', 'New Customer')

@section('content')
<div class="flex items-center gap-2 text-sm text-slate-500">
  <a href="{{ route('admin.customers.index') }}" class="hover:text-brand-500">Customers</a><span>/</span><span class="text-slate-800 dark:text-slate-200 font-medium">New customer</span>
</div>

<form method="POST" action="{{ route('admin.customers.store') }}"
      class="p-6 lg:p-8 rounded-2xl bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800">
  @include('admin.customers._form')

  <div class="mt-8 flex flex-wrap gap-3">
    <button type="submit" class="h-12 px-8 rounded-xl bg-gradient-to-r from-brand-500 to-orange-500 text-slate-900 font-bold shadow-lg shadow-brand-500/25 hover:opacity-90">Save Customer</button>
    <a href="{{ route('admin.customers.index') }}" class="h-12 px-8 inline-flex items-center rounded-xl border border-slate-300 dark:border-slate-700 font-semibold hover:bg-slate-100 dark:hover:bg-slate-800">Cancel</a>
  </div>
</form>
@endsection