@extends('layouts.shop')
@section('title', 'Meine Adressen')
@section('content')
<h1 class="text-2xl font-bold mb-6">Mein Konto</h1>
<div class="grid grid-cols-1 md:grid-cols-4 gap-6">

    {{-- Sidebar --}}
    <div class="space-y-1 text-sm">
        <a href="{{ route('account.index') }}" class="block px-3 py-2 rounded hover:bg-gray-50">Übersicht</a>
        <a href="{{ route('account.orders') }}" class="block px-3 py-2 rounded hover:bg-gray-50">Bestellungen</a>
        <a href="{{ route('account.addresses') }}" class="block px-3 py-2 rounded bg-blue-50 text-blue-700 font-semibold">Adressen</a>
        <a href="{{ route('account.settings') }}" class="block px-3 py-2 rounded hover:bg-gray-50">Einstellungen</a>
        <form method="POST" action="{{ route('logout') }}">@csrf
            <button class="w-full text-left px-3 py-2 rounded text-red-600 hover:bg-red-50">Abmelden</button>
        </form>
    </div>

    {{-- Content --}}
    <div class="md:col-span-3 space-y-6">

        {{-- Gespeicherte Adressen --}}
        @if($addresses->count())
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
            @foreach($addresses as $addr)
            <div class="bg-white border rounded-lg p-4 text-sm relative">
                @if($addr->is_default)
                    <span class="absolute top-3 right-3 text-xs bg-blue-100 text-blue-700 px-2 py-0.5 rounded-full">Standard</span>
                @endif
                <p class="font-semibold">{{ $addr->first_name }} {{ $addr->last_name }}</p>
                @if($addr->company)<p class="text-gray-500">{{ $addr->company }}</p>@endif
                <p class="text-gray-700 mt-1">{{ $addr->street }}</p>
                <p class="text-gray-700">{{ $addr->zip }} {{ $addr->city }}</p>
                @if($addr->phone)<p class="text-gray-400 text-xs mt-1">{{ $addr->phone }}</p>@endif
                <form method="POST" action="{{ route('account.addresses.destroy', $addr) }}" class="mt-3"
                      onsubmit="return confirm('Adresse löschen?')">
                    @csrf @method('DELETE')
                    <button class="text-red-500 text-xs hover:underline">Löschen</button>
                </form>
            </div>
            @endforeach
        </div>
        @else
        <div class="bg-white border rounded-lg p-8 text-center text-gray-400 text-sm">
            Noch keine Adressen gespeichert.
        </div>
        @endif

        {{-- Neue Adresse --}}
        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">Neue Adresse hinzufügen</h2>
            <form method="POST" action="{{ route('account.addresses.store') }}" class="grid grid-cols-2 gap-4">
                @csrf
                <div>
                    <label class="block text-sm font-medium mb-1">Vorname *</label>
                    <input type="text" name="first_name" value="{{ old('first_name') }}" required
                           class="w-full border rounded px-3 py-2 text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1">Nachname *</label>
                    <input type="text" name="last_name" value="{{ old('last_name') }}" required
                           class="w-full border rounded px-3 py-2 text-sm">
                </div>
                <div class="col-span-2">
                    <label class="block text-sm font-medium mb-1">Firma (optional)</label>
                    <input type="text" name="company" value="{{ old('company') }}"
                           class="w-full border rounded px-3 py-2 text-sm">
                </div>
                <div class="col-span-2">
                    <label class="block text-sm font-medium mb-1">Straße und Hausnummer *</label>
                    <input type="text" name="street" value="{{ old('street') }}" required
                           class="w-full border rounded px-3 py-2 text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1">PLZ *</label>
                    <input type="text" name="zip" value="{{ old('zip') }}" required
                           class="w-full border rounded px-3 py-2 text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1">Ort *</label>
                    <input type="text" name="city" value="{{ old('city') }}" required
                           class="w-full border rounded px-3 py-2 text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1">Land *</label>
                    <input type="text" name="country" value="{{ old('country', 'DE') }}" required maxlength="2"
                           class="w-full border rounded px-3 py-2 text-sm uppercase">
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1">Telefon (optional)</label>
                    <input type="text" name="phone" value="{{ old('phone') }}"
                           class="w-full border rounded px-3 py-2 text-sm">
                </div>
                @if($errors->any())
                <div class="col-span-2 bg-red-50 border border-red-200 rounded p-3 text-sm text-red-700">
                    @foreach($errors->all() as $e)<p>• {{ $e }}</p>@endforeach
                </div>
                @endif
                <div class="col-span-2">
                    <button type="submit" class="bg-blue-600 text-white px-5 py-2 rounded hover:bg-blue-700 text-sm">
                        Adresse speichern
                    </button>
                </div>
            </form>
        </div>

    </div>
</div>
@endsection