@extends('admin.layouts.app')

@section('content')
<div class="bg-white rounded-xl shadow p-6 max-w-xl">

    <h1 class="text-2xl font-black mb-6">Tambah Customer</h1>

    <form action="{{ route('admin.customers.store') }}" method="POST">
        @csrf

        <div class="mb-4">
            <label class="font-bold">Nama</label>
            <input type="text" name="name"
                   class="w-full border p-2 rounded" required>
        </div>

        <div class="mb-4">
            <label class="font-bold">Email</label>
            <input type="email" name="email"
                   class="w-full border p-2 rounded" required>
        </div>

        <div class="mb-4">
            <label class="font-bold">Password</label>
            <input type="password" name="password"
                   class="w-full border p-2 rounded"
                   placeholder="Minimal 6 karakter" required>
        </div>

        <div class="mb-4">
            <label class="font-bold">Phone</label>
            <input type="text" name="phone"
                   class="w-full border p-2 rounded">
        </div>

        <div class="mb-4">
            <label class="font-bold">Address</label>
            <textarea name="address"
                      class="w-full border p-2 rounded"></textarea>
        </div>

        <div class="flex gap-3">
            <button class="px-5 py-2 bg-green-600 text-white rounded-lg font-bold">
                Simpan
            </button>

            <a href="{{ route('admin.customers.index') }}"
               class="px-5 py-2 bg-gray-200 rounded-lg font-bold">
                Batal
            </a>
        </div>
    </form>

</div>
@endsection