@extends('admin.shop.layout')

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">Bestellung</span>
            <h1>{{ $order->order_number }}</h1>
            <p class="shop-copy" style="margin-top: 14px;">Kundendaten, Positionen und Status in einer Ansicht.</p>
        </div>

        <div class="admin-toolbar">
            <a href="{{ route('admin.shop.orders.index') }}" class="shop-button-light">Zurueck zur Liste</a>
        </div>
    </div>

    <div class="shop-confirm-grid">
        <div class="admin-panel">
            <span class="shop-muted-label">Status aktualisieren</span>
            <form method="POST" action="{{ route('admin.shop.orders.update', $order) }}" style="margin-top: 18px;">
                @csrf
                @method('PUT')

                <div class="shop-form-grid">
                    <div class="shop-field">
                        <label for="status">Bestellstatus</label>
                        <select id="status" name="status" class="shop-select">
                            @foreach ($orderStatusLabels as $statusKey => $statusLabel)
                                <option value="{{ $statusKey }}" {{ $order->status === $statusKey ? 'selected' : '' }}>{{ $statusLabel }}</option>
                            @endforeach
                        </select>
                        @error('status')<div class="validation-error">{{ $message }}</div>@enderror
                    </div>

                    <div class="shop-field">
                        <label for="payment_status">Zahlstatus</label>
                        <select id="payment_status" name="payment_status" class="shop-select">
                            @foreach ($paymentStatusLabels as $statusKey => $statusLabel)
                                <option value="{{ $statusKey }}" {{ $order->payment_status === $statusKey ? 'selected' : '' }}>{{ $statusLabel }}</option>
                            @endforeach
                        </select>
                        @error('payment_status')<div class="validation-error">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div class="shop-form-actions" style="margin-top: 20px;">
                    <button type="submit" class="shop-button">Status speichern</button>
                    <a href="{{ route('shop.checkout.success', $order->order_number) }}" class="shop-button-light">Kundenansicht</a>
                </div>
            </form>
        </div>

        <div class="admin-panel">
            <span class="shop-muted-label">Kundendaten</span>
            <ul class="shop-summary-list" style="margin-top: 18px;">
                <li>
                    <span>Name</span>
                    <strong>{{ $order->customer_full_name }}</strong>
                </li>
                <li>
                    <span>E-Mail</span>
                    <strong>{{ $order->customer_email }}</strong>
                </li>
                <li>
                    <span>Telefon</span>
                    <strong>{{ $order->customer_phone ?: 'nicht angegeben' }}</strong>
                </li>
                <li>
                    <span>Zahlungsart</span>
                    <strong>{{ $paymentMethods[$order->payment_method]['label'] ?? $order->payment_method }}</strong>
                </li>
                <li>
                    <span>Versand</span>
                    <strong>{{ $order->shipping_method === 'pickup' ? 'Selbstabholung' : $order->street . ', ' . $order->postal_code . ' ' . $order->city }}</strong>
                </li>
            </ul>

            @if ($order->notes)
                <div style="margin-top: 20px;">
                    <span class="shop-muted-label">Kundenhinweis</span>
                    <p class="shop-copy" style="margin-top: 12px;">{{ $order->notes }}</p>
                </div>
            @endif
        </div>
    </div>

    <div class="admin-panel">
        <div class="admin-toolbar" style="margin-bottom: 18px;">
            <div>
                <span class="shop-muted-label">Positionen</span>
                <h2 style="font-size: 1.8rem; margin-top: 10px;">Bestellte Produkte</h2>
            </div>
        </div>

        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>Produkt</th>
                        <th>Menge</th>
                        <th>Einzelpreis</th>
                        <th>Gesamt</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($order->items as $item)
                        <tr>
                            <td>
                                <strong>{{ $item->product_name }}</strong><br>
                                <span class="shop-note">{{ $item->product_slug }}</span>
                            </td>
                            <td>{{ $item->quantity }}</td>
                            <td>{{ $item->unit_price_formatted }}</td>
                            <td>{{ $item->line_total_formatted }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="shop-summary-total">
            <div class="shop-inline-meta">
                <span class="shop-muted-label">Bestellwert</span>
                <strong class="shop-price-current">{{ $order->total_formatted }}</strong>
            </div>
        </div>
    </div>
@endsection