@php($address = $address ?? null)
<div class="grid gap-4 md:grid-cols-2">
    <div>
        <label class="block text-sm font-semibold text-zinc-700 dark:text-zinc-200">Label</label>
        <input name="label" value="{{ old('label', $address?->label ?? $defaultLabel ?? 'Registered office') }}" class="mt-2 w-full rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white">
    </div>
    <div>
        <label class="block text-sm font-semibold text-zinc-700 dark:text-zinc-200">Attention</label>
        <input name="attention" value="{{ old('attention', $address?->attention) }}" class="mt-2 w-full rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white">
    </div>
    <div class="md:col-span-2">
        <label class="block text-sm font-semibold text-zinc-700 dark:text-zinc-200">Address line 1</label>
        <input name="line_1" value="{{ old('line_1', $address?->line_1) }}" class="mt-2 w-full rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white" required>
    </div>
    <div>
        <label class="block text-sm font-semibold text-zinc-700 dark:text-zinc-200">Address line 2</label>
        <input name="line_2" value="{{ old('line_2', $address?->line_2) }}" class="mt-2 w-full rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white">
    </div>
    <div>
        <label class="block text-sm font-semibold text-zinc-700 dark:text-zinc-200">Address line 3</label>
        <input name="line_3" value="{{ old('line_3', $address?->line_3) }}" class="mt-2 w-full rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white">
    </div>
    <div>
        <label class="block text-sm font-semibold text-zinc-700 dark:text-zinc-200">Town / City</label>
        <input name="locality" value="{{ old('locality', $address?->locality) }}" class="mt-2 w-full rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white" required>
    </div>
    <div>
        <label class="block text-sm font-semibold text-zinc-700 dark:text-zinc-200">County / State / Region</label>
        <input name="administrative_area" value="{{ old('administrative_area', $address?->administrative_area) }}" class="mt-2 w-full rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white">
    </div>
    <div>
        <label class="block text-sm font-semibold text-zinc-700 dark:text-zinc-200">Postcode / ZIP</label>
        <input name="postal_code" value="{{ old('postal_code', $address?->postal_code) }}" class="mt-2 w-full rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white">
    </div>
    <div>
        <label class="block text-sm font-semibold text-zinc-700 dark:text-zinc-200">Country</label>
        <select name="country_id" class="mt-2 w-full rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950 dark:text-white" required>
            <option value="">Select country</option>
            @foreach ($countries as $country)
                <option value="{{ $country->id }}" @selected((int) old('country_id', $address?->country_id) === $country->id)>{{ $country->effective_name ?? $country->name }}</option>
            @endforeach
        </select>
    </div>
</div>
<div class="mt-4">
    <button class="rounded-xl bg-zinc-900 px-4 py-2 text-sm font-semibold text-white dark:bg-white dark:text-zinc-900">Save address</button>
</div>