@extends('layouts.app')

@section('content')
<div class="mx-auto max-w-2xl px-4 py-8">
    <div class="panel p-6">
        <h1 class="text-2xl font-black">{{ $address->exists ? 'Edit Address' : 'Add Address' }}</h1>
        <form method="POST" action="{{ $address->exists ? route('account.addresses.update', $address) : route('account.addresses.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
            @csrf
            @if($address->exists) @method('PATCH') @endif
            @foreach (['recipient_name' => 'Recipient Name', 'mobile' => 'Mobile', 'unit_number' => 'Unit/House Number', 'street' => 'Street', 'suburb' => 'Suburb', 'city' => 'City', 'province' => 'Province', 'postal_code' => 'Postal Code'] as $name => $label)
                <input class="field" name="{{ $name }}" value="{{ old($name, $address->{$name}) }}" placeholder="{{ $label }}" @required(! in_array($name, ['unit_number']))>
            @endforeach
            <textarea class="field md:col-span-2" name="delivery_notes" rows="3" placeholder="Delivery Notes">{{ old('delivery_notes', $address->delivery_notes) }}</textarea>
            <label class="md:col-span-2 flex items-center gap-2"><input type="checkbox" name="is_default" value="1" @checked(old('is_default', $address->is_default))> Set as default</label>
            <button class="btn-primary md:col-span-2">Save Address</button>
        </form>
    </div>
</div>
@endsection