@extends('layouts.account')

@section('title', 'Addresses — Meatworx')
@section('account_title', 'Addresses')

@section('account')
<div class="mw-order-grid">
    <div>
        @forelse($addresses as $address)
            <article class="mw-panel mw-address-card">
                <div class="mw-panel-head">
                    <h2>{{ $address->label }}</h2>
                    @if($address->is_default)
                        <span class="mw-status mw-status-delivered">Default</span>
                    @endif
                </div>
                <p><strong>{{ $address->name }}</strong> · {{ $address->phone }}<br>{{ $address->address }}<br>{{ $address->city }} {{ $address->pincode }}</p>
                <div class="mw-account-actions">
                    @unless($address->is_default)
                        <form action="{{ route('account.addresses.default', $address) }}" method="POST">
                            @csrf
                            <button class="mw-btn mw-btn-ghost" type="submit">Make default</button>
                        </form>
                    @endunless
                    <form action="{{ route('account.addresses.destroy', $address) }}" method="POST" onsubmit="return confirm('Remove this address?')">
                        @csrf
                        @method('DELETE')
                        <button class="mw-btn mw-btn-ghost" type="submit">Remove</button>
                    </form>
                </div>
            </article>
        @empty
            <div class="mw-panel">
                <p class="mw-account-note">Save a delivery address for faster checkout.</p>
            </div>
        @endforelse
    </div>

    <form class="mw-panel" action="{{ route('account.addresses.store') }}" method="POST">
        @csrf
        <h2>Add address</h2>
        @if($errors->any())
            <div class="mw-form-error">{{ $errors->first() }}</div>
        @endif
        <div class="mw-field">
            <label for="label">Label</label>
            <input id="label" type="text" name="label" value="{{ old('label', 'Home') }}" required>
        </div>
        <div class="mw-field">
            <label for="name">Name</label>
            <input id="name" type="text" name="name" value="{{ old('name', auth()->user()->name) }}" required>
        </div>
        <div class="mw-field">
            <label for="phone">Phone</label>
            <input id="phone" type="text" name="phone" value="{{ old('phone', auth()->user()->phone) }}" required>
        </div>
        <div class="mw-field">
            <label for="address">Address</label>
            <textarea id="address" name="address" rows="3" required>{{ old('address') }}</textarea>
        </div>
        <div class="mw-split">
            <div class="mw-field">
                <label for="city">City</label>
                <input id="city" type="text" name="city" value="{{ old('city', 'Gurgaon') }}" required>
            </div>
            <div class="mw-field">
                <label for="pincode">Pincode</label>
                <input id="pincode" type="text" name="pincode" value="{{ old('pincode') }}" required>
            </div>
        </div>
        <label class="mw-check">
            <input type="checkbox" name="is_default" value="1" @checked(old('is_default', $addresses->isEmpty()))>
            Use as default
        </label>
        <button class="mw-btn" type="submit">Save address</button>
    </form>
</div>
@endsection