@extends('admin.panel.layout')

@section('admin_title', 'Bestellung ' . $order->order_number)

@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">Zurück 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">
        <span class="shop-muted-label">Zahlungserinnerungen</span>
        <h2 style="font-size: 1.6rem; margin-top: 10px;">Mahnungen senden</h2>

        @if ($order->isPaid())
            <p class="shop-copy" style="margin-top: 14px;">Diese Bestellung ist bezahlt – es ist keine Mahnung nötig.</p>
        @else
            <p class="shop-copy" style="margin-top: 14px;">
                Bisher gesendet: <strong>Stufe {{ $order->payment_reminder_level }}/4</strong>
                @if ($order->last_reminder_at) · zuletzt {{ $order->last_reminder_at->format('d.m.Y H:i') }}@endif
            </p>

            <div style="margin-top: 16px; display: flex; flex-wrap: wrap; gap: 10px;">
                @php
                    $reminderButtons = [
                        1 => ['Erinnerung senden', '#2563eb'],
                        2 => ['1. Warnung', '#d97706'],
                        3 => ['2. Warnung', '#ea580c'],
                        4 => ['3. Warnung (letzte)', '#dc2626'],
                    ];
                @endphp
                @foreach ($reminderButtons as $lvl => [$label, $color])
                    <form method="POST" action="{{ route('admin.shop.orders.reminder', $order) }}">
                        @csrf
                        <input type="hidden" name="level" value="{{ $lvl }}">
                        <button type="submit" class="shop-button-light" style="border-color: {{ $color }}; color: {{ $color }};">
                            <i class="fas fa-paper-plane"></i> {{ $label }}
                        </button>
                    </form>
                @endforeach
            </div>

            <p class="shop-note" style="margin-top: 14px;">Geht per E-Mail an {{ $order->customer_email }} – inkl. PayPal-Button (Betrag vorausgefüllt) und Bankdaten.</p>
        @endif
    </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 style="display:flex;align-items:center;gap:12px;">
                                <img class="shop-thumb" src="{{ $item->image_url }}" alt="{{ $item->product_name }}">
                                <span>
                                    <strong>{{ $item->product_name }}</strong><br>
                                    <span class="shop-note">{{ $item->product_slug }}</span>
                                </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