@extends('layouts.shop')
@section('title', 'Bestellung erfolgreich')
@section('content')
<div class="max-w-2xl mx-auto text-center py-16">
    <div class="text-6xl mb-6">✅</div>
    <h1 class="text-3xl font-bold mb-4">Vielen Dank für Ihre Bestellung!</h1>
    <p class="text-gray-600 mb-2">Ihre Bestellnummer: <strong>{{ $order->order_number }}</strong></p>
    <p class="text-gray-600 mb-8">Sie erhalten eine Bestätigungsmail mit allen Details.</p>

    @if($order->payment_method === 'prepayment')
    <div class="bg-blue-50 border border-blue-200 rounded-lg p-6 text-left mb-8">
        <h2 class="font-semibold mb-3">Überweisungsdaten</h2>
        <table class="w-full text-sm">
            <tr><td class="py-1 text-gray-500">Empfänger</td><td class="py-1 font-medium">{{ \App\Models\Setting::get('shop_owner') }}</td></tr>
            <tr><td class="py-1 text-gray-500">Bank</td><td class="py-1">{{ \App\Models\Setting::get('bank_name') }}</td></tr>
            <tr><td class="py-1 text-gray-500">IBAN</td><td class="py-1 font-mono">{{ \App\Models\Setting::get('bank_iban') }}</td></tr>
            <tr><td class="py-1 text-gray-500">BIC</td><td class="py-1 font-mono">{{ \App\Models\Setting::get('bank_bic') }}</td></tr>
            <tr><td class="py-1 text-gray-500">Verwendungszweck</td><td class="py-1 font-bold">{{ $order->order_number }}</td></tr>
            <tr><td class="py-1 text-gray-500">Betrag</td><td class="py-1 font-bold text-blue-700">{{ number_format($order->total, 2, ',', '.') }} €</td></tr>
        </table>
    </div>
    @else
    <div class="bg-green-50 border border-green-200 rounded-lg p-4 text-left mb-8">
        <p class="text-sm">Sie erhalten Ihre Rechnung per E-Mail. Bitte zahlen Sie innerhalb von {{ \App\Models\Setting::get('invoice_payment_days', 14) }} Tagen.</p>
    </div>
    @endif

    <div class="flex gap-4 justify-center">
        <a href="{{ route('home') }}" class="bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700">Weiter einkaufen</a>
        @auth
        <a href="{{ route('account.orders') }}" class="border px-6 py-3 rounded-lg hover:bg-gray-50">Meine Bestellungen</a>
        @endauth
    </div>
</div>
@endsection