@extends('layouts.app')
@section('title', 'Tambah Customer')

@section('content')
<div class="max-w-2xl">
    <form action="{{ route('customers.store') }}" method="POST" class="bg-white rounded-xl shadow-sm border border-slate-200 p-6 space-y-4">
        @csrf
        <div>
            <label class="block text-sm font-medium text-slate-700 mb-1">Nama *</label>
            <input type="text" name="nama" value="{{ old('nama') }}" required
                   class="w-full rounded-lg border-slate-300 px-3 py-2 border">
            @error('nama')<p class="text-red-600 text-xs mt-1">{{ $message }}</p>@enderror
        </div>
        <div>
            <label class="block text-sm font-medium text-slate-700 mb-1">No HP</label>
            <input type="text" name="no_hp" value="{{ old('no_hp') }}"
                   class="w-full rounded-lg border-slate-300 px-3 py-2 border">
        </div>
        <div>
            <label class="block text-sm font-medium text-slate-700 mb-1">Alamat</label>
            <textarea name="alamat" rows="2" class="w-full rounded-lg border-slate-300 px-3 py-2 border">{{ old('alamat') }}</textarea>
        </div>
        <div>
            <label class="block text-sm font-medium text-slate-700 mb-1">Catatan</label>
            <textarea name="catatan" rows="2" class="w-full rounded-lg border-slate-300 px-3 py-2 border">{{ old('catatan') }}</textarea>
        </div>
        <div class="flex gap-2 pt-2">
            <button class="bg-[#1e6fbf] hover:bg-[#14538f] text-white font-semibold px-4 py-2 rounded-lg">Simpan</button>
            <a href="{{ route('customers.index') }}" class="bg-slate-200 hover:bg-slate-300 px-4 py-2 rounded-lg">Batal</a>
        </div>
    </form>
</div>
@endsection