@php
    use App\Enums\OrderStatus;
@endphp
@extends('layouts.admin', ['pageType' => 'orders'])
@section('content')
    @include('widgets/admin-error-handling')
    <div class="white-container">
        <h2>Szállítási adatok</h2>
        <div>Név: {{ $order->name }}</div>
        <div>Irányítószám: {{ $order->postal_code }}</div>
        <div>Település: {{ $order->city }}</div>
        <div>Utca, házszám: {{ $order->street }}</div>
        <div>Telefonszám: {{ $order->phone }}</div>
        <h2>Rendelt játékok</h2>
        @foreach ($order->orderItems as $item)
            <div class="order-item">
                <div class="order-item-name">{{ $item->product->name }}</div>
                <div class="order-item-quantity">Mennyiség: {{ $item->quantity }} db</div>
            </div>
            <br>
        @endforeach
        Fizetett összeg: {{ $order->paid_price }} Ft<br>
        Szállítási költség: {{ $order->shipping_price }} Ft<br>
        <form action="/admin/orders/{{ $order->id }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="form-group">
                <label for="status">Státusz</label>
                <select class="form-control" id="status" name="status" required>
                    @foreach (OrderStatus::options() as $val => $label)
                        @if (in_array($val, [OrderStatus::Pending->value, OrderStatus::Failed->value, OrderStatus::Paid->value], true))
                            @php
                                $disabled = true;
                            @endphp
                        @else
                            @php
                                $disabled = false;
                            @endphp
                        @endif
                        <option value="{{ $val }}" {{ $disabled ? 'disabled' : '' }}
                            {{ old('status', $order->status->value) == $val ? 'selected' : '' }}>
                            {{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="modal-footer">
                <button type="submit" class="btn submit-button">Módosít</button>
            </div>
        </form>
    </div>
@endsection