@extends('layouts.shop')
@section('title', 'Bestellverfolgung')
@section('content')
<div class="max-w-xl mx-auto">
<h1 class="text-2xl font-bold mb-6">Bestellung verfolgen</h1>

<div class="bg-white border rounded-lg p-6 mb-6">
    <form method="POST" action="{{ route('order.track.show') }}" class="space-y-4">
        @csrf
        <div>
            <label class="block text-sm font-medium mb-1">Bestellnummer</label>
            <input type="text" name="order_number" value="{{ old('order_number') }}" class="w-full border rounded px-3 py-2 text-sm font-mono" placeholder="ORD-20240101-XXXXX" required>
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">E-Mail-Adresse</label>
            <input type="email" name="email" value="{{ old('email') }}" class="w-full border rounded px-3 py-2 text-sm" required>
        </div>
        <button class="bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700">Suchen</button>
    </form>
</div>

@if(isset($order))
<div class="bg-white border rounded-lg p-6">
    <h2 class="font-semibold mb-4">Bestellung {{ $order->order_number }}</h2>
    <div class="space-y-2 text-sm mb-4">
        <div class="flex justify-between"><span class="text-gray-500">Status</span><strong>{{ $order->status_label }}</strong></div>
        <div class="flex justify-between"><span class="text-gray-500">Zahlungsart</span><span>{{ $order->payment_label }}</span></div>
        <div class="flex justify-between"><span class="text-gray-500">Gesamtbetrag</span><span>{{ number_format($order->total, 2, ',', '.') }} €</span></div>
        @if($order->tracking_code)<div class="flex justify-between"><span class="text-gray-500">Tracking-Nr.</span><span class="font-mono">{{ $order->tracking_code }}</span></div>@endif
    </div>
</div>
@endif
</div>
@endsection