@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">Edit Customer</h1>

    <form action="{{ route('admin.customers.update', $customer->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="mb-4">
            <label class="font-bold">Nama</label>
            <input type="text" name="name"
                   value="{{ $customer->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"
                   value="{{ $customer->email }}"
                   class="w-full border p-2 rounded" required>
        </div>

        <div class="mb-4">
            <label class="font-bold">Password (opsional)</label>
            <input type="password" name="password"
                   class="w-full border p-2 rounded"
                   placeholder="Kosongkan jika tidak diubah">
        </div>

        <div class="mb-4">
            <label class="font-bold">Phone</label>
            <input type="text" name="phone"
                   value="{{ $customer->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">{{ $customer->address }}</textarea>
        </div>

        <div class="flex gap-3">
            <button class="px-5 py-2 bg-yellow-500 text-white rounded-lg font-bold">
                Update
            </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