@extends('admin.layout')

@php
    // Satu form untuk tambah & ubah — dibedakan dari ada/tidaknya baris di DB.
    $isEdit = $user->exists;
    $action = $isEdit ? route('admin.users.update', $user) : route('admin.users.store');
    $input = 'w-full rounded-xl border border-line px-3.5 py-2.5 text-sm outline-none focus:border-brand focus:ring-2 focus:ring-brand/20';
@endphp

@section('title', $isEdit ? 'Ubah Pengguna' : 'Tambah Pengguna')
@section('subtitle', $isEdit ? $user->name : 'Daftarkan customer baru dari CMS')

@section('content')
    <a href="{{ route('admin.users') }}" class="text-sm text-sub hover:text-brand font-semibold">‹ Kembali</a>

    <div class="mt-4"><x-flash /></div>

    <form method="POST" action="{{ $action }}" class="max-w-2xl space-y-4">
        @csrf
        @if ($isEdit) @method('PUT') @endif

        <div class="bg-white rounded-2xl border border-line p-5 space-y-4">
            <h3 class="font-bold text-sm">Akun</h3>

            <div class="grid sm:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-semibold mb-1.5">Nama <span class="text-red-600" title="Wajib diisi">*</span></label>
                    <input name="name" required maxlength="255" class="{{ $input }}" value="{{ old('name', $user->name) }}">
                    @error('name')<p class="text-xs text-red-600 mt-1">{{ $message }}</p>@enderror
                </div>

                <div>
                    <label class="block text-sm font-semibold mb-1.5">Nomor HP <span class="text-red-600" title="Wajib diisi">*</span></label>
                    <x-phone-input :value="old('phone', $user->phone)" required />
                    @error('phone')<p class="text-xs text-red-600 mt-1">{{ $message }}</p>@enderror
                </div>

                <div>
                    <label class="block text-sm font-semibold mb-1.5">Email <span class="text-sub font-normal">(opsional)</span></label>
                    <input name="email" type="email" maxlength="255" class="{{ $input }}" value="{{ old('email', $user->email) }}">
                    @error('email')<p class="text-xs text-red-600 mt-1">{{ $message }}</p>@enderror
                </div>

                <div class="sm:col-span-2">
                    <label class="block text-sm font-semibold mb-1.5">
                        Password @unless ($isEdit){!! '<span class="text-red-600" title="Wajib diisi">*</span>' !!}@endunless
                        <span class="text-sub font-normal">
                            {{ $isEdit ? '(kosongkan bila tidak diubah)' : '(minimal 8 karakter)' }}
                        </span>
                    </label>
                    <input name="password" type="password" minlength="8" autocomplete="new-password"
                           @required(! $isEdit) class="{{ $input }}">
                    @error('password')<p class="text-xs text-red-600 mt-1">{{ $message }}</p>@enderror
                </div>
            </div>
        </div>

        {{-- Alamat bisa dikoreksi dari CMS — dipakai saat customer menelepon
             karena alamatnya salah dan dia sendiri kesulitan mengubahnya di
             aplikasi. Alamat utama selalu tunggal: itu yang dipakai saat
             membuat order. --}}
        @if ($isEdit)
            @php($addresses = $user->addresses()->orderByDesc('is_primary')->orderBy('id')->get())
            <div class="bg-white rounded-2xl border border-line p-5">
                <h3 class="font-bold text-sm">Alamat</h3>
                <p class="text-xs text-sub mt-1">
                    Pilih satu sebagai alamat utama — itu yang dipakai saat customer membuat pesanan.
                    Koordinat menentukan pencocokan mitra terdekat, jadi kalau alamatnya diubah
                    sebaiknya koordinatnya ikut disesuaikan.
                </p>

                @forelse ($addresses as $address)
                    <div class="mt-3 border border-line rounded-xl p-3.5 space-y-3">
                        <div class="flex items-center justify-between gap-3">
                            <label class="flex items-center gap-2 text-sm font-semibold">
                                <input type="radio" name="primary_address" value="{{ $address->id }}"
                                       class="w-4 h-4" @checked(old('primary_address', $address->is_primary ? $address->id : null) == $address->id)>
                                Jadikan alamat utama
                            </label>
                            @if ($address->is_primary)<x-badge color="green">Utama</x-badge>@endif
                        </div>

                        <div class="grid sm:grid-cols-4 gap-3">
                            <div>
                                <label class="block text-[11px] font-semibold uppercase tracking-wide text-sub mb-1">Label</label>
                                <input name="addresses[{{ $address->id }}][label]" maxlength="100" class="{{ $input }}"
                                       value="{{ old("addresses.{$address->id}.label", $address->label) }}">
                            </div>
                            <div class="sm:col-span-3">
                                <label class="block text-[11px] font-semibold uppercase tracking-wide text-sub mb-1">Alamat lengkap</label>
                                <input name="addresses[{{ $address->id }}][detail]" maxlength="255" class="{{ $input }}"
                                       value="{{ old("addresses.{$address->id}.detail", $address->detail) }}">
                            </div>
                            <div>
                                <label class="block text-[11px] font-semibold uppercase tracking-wide text-sub mb-1">Latitude</label>
                                <input name="addresses[{{ $address->id }}][lat]" class="{{ $input }}"
                                       value="{{ old("addresses.{$address->id}.lat", $address->lat) }}">
                            </div>
                            <div>
                                <label class="block text-[11px] font-semibold uppercase tracking-wide text-sub mb-1">Longitude</label>
                                <input name="addresses[{{ $address->id }}][lng]" class="{{ $input }}"
                                       value="{{ old("addresses.{$address->id}.lng", $address->lng) }}">
                            </div>
                        </div>

                        @error("addresses.{$address->id}.detail")<p class="text-xs text-red-600">{{ $message }}</p>@enderror
                    </div>
                @empty
                    <p class="mt-3 text-sm text-sub">Belum ada alamat tersimpan.</p>
                @endforelse

                {{-- Satu slot tambah: cukup untuk membantu customer yang menelepon,
                     tanpa membuat CMS jadi pengelola alamat penuh. --}}
                <div class="mt-4 border border-dashed border-line rounded-xl p-3.5 space-y-3">
                    <div class="flex items-center justify-between gap-3">
                        <span class="text-sm font-semibold">Tambah alamat</span>
                        <label class="flex items-center gap-2 text-xs font-semibold text-sub">
                            <input type="radio" name="primary_address" value="new" class="w-4 h-4"
                                   @checked(old('primary_address') === 'new')>
                            Jadikan utama
                        </label>
                    </div>

                    <div class="grid sm:grid-cols-4 gap-3">
                        <div>
                            <label class="block text-[11px] font-semibold uppercase tracking-wide text-sub mb-1">Label</label>
                            <input name="new_address[label]" maxlength="100" placeholder="Rumah" class="{{ $input }}"
                                   value="{{ old('new_address.label') }}">
                        </div>
                        <div class="sm:col-span-3">
                            <label class="block text-[11px] font-semibold uppercase tracking-wide text-sub mb-1">Alamat lengkap</label>
                            <input name="new_address[detail]" maxlength="255" placeholder="Jl. Merdeka No. 1, Bandung" class="{{ $input }}"
                                   value="{{ old('new_address.detail') }}">
                            @error('new_address.detail')<p class="text-xs text-red-600 mt-1">{{ $message }}</p>@enderror
                        </div>
                        <div>
                            <label class="block text-[11px] font-semibold uppercase tracking-wide text-sub mb-1">Latitude</label>
                            <input name="new_address[lat]" class="{{ $input }}" value="{{ old('new_address.lat') }}">
                        </div>
                        <div>
                            <label class="block text-[11px] font-semibold uppercase tracking-wide text-sub mb-1">Longitude</label>
                            <input name="new_address[lng]" class="{{ $input }}" value="{{ old('new_address.lng') }}">
                        </div>
                    </div>
                    <p class="text-[11px] text-sub">Biarkan kosong kalau tidak menambah alamat.</p>
                </div>
            </div>
        @endif

        <div class="flex items-center gap-2">
            <button class="px-4 py-2.5 rounded-xl bg-brand text-white text-sm font-semibold hover:bg-brand-dark transition">
                {{ $isEdit ? 'Simpan Perubahan' : 'Tambah Pengguna' }}
            </button>
            <a href="{{ route('admin.users') }}"
               class="px-4 py-2.5 rounded-xl border border-line text-sub text-sm font-semibold hover:text-brand transition">
                Batal
            </a>
        </div>
    </form>
@endsection