@php
    use App\Enums\ExchangeProcessStatus;
@endphp
@extends('layouts.admin', ['pageType' => 'exchange-processes'])
@section('content')
    @include('widgets/admin-error-handling')
    <div class="white-container">
        Felhasználó: {{ $exchangeProcess->user->name }}<br>
        A Felhasználó ezeket szeretné {{ $exchangeProcess->name != null ? 'cserélni' : 'visszaküldeni' }}:<br>
        @foreach ($exchangeProcess->items as $item)
            @if (!$item->exchanged)
                @continue
            @endif
            <div>- {{ $item->product->name }} {{ $item->quantity }} db ({{ $item->price }} Ft)</div>
            @php
                $product = $exchangeProcess->user->allProducts()->wherePivot('id', $item->product_user_pivot_id)->first();
            @endphp
            @for ($i = 0; $i < 4; $i++)
                @if ($product->pivot->{'image_' . $i . '_extension'} != null)
                    <img src="/storage/product_user_images/{{ $product->pivot->id }}_{{ $i }}.{{ $product->pivot->{'image_' . $i . '_extension'} }}"
                        style="max-width: 400px; max-height: 400px; margin-right: 10px;">
                @endif
            @endfor
            <br>
        @endforeach
        @if ($exchangeProcess->name != null)
            <br>Ezekre a játékokra szeretné cserélni:<br>
            @foreach ($exchangeProcess->items as $item)
                @if ($item->exchanged)
                    @continue
                @endif
                <form style="margin-bottom:20px;" action="/admin/exchange-processes/{{ $exchangeProcess->id }}/item/{{ $item->id }}"
                    method="POST" class="d-flex align-items-center flex-wrap">
                    @csrf
                    @method('PUT')

                    - {{ $item->product->name }} ({{ $item->price }} Ft)
                    <div style="width: 10px;"></div>
                    <label for="quantity-{{ $item->id }}" class="mb-0 mr-2">Darab:</label>
                    <input type="number" class="form-control mr-2" id="quantity-{{ $item->id }}" name="quantity"
                        value="{{ old('quantity', $item->quantity) }}" required style="width: 100px;">
                    <button type="submit" class="btn submit-button">Módosít</button>
                    <div style="width: 10px;"></div>
                    <button type="button" class="btn btn-danger" onclick="deleteItem({{ $item->id }})">Törlés</button>
                </form>
            @endforeach
            Játék hozzáadása:<br>
            <form style="margin-bottom:20px;" action="/admin/exchange-processes/{{ $exchangeProcess->id }}/item" method="POST">
                @csrf

                <div class="form-group">
                    <label for="product_id">Játék</label>
                    <select class="form-control" id="product_id" name="product_id" required>
                        <option value="" disabled selected>Válassz játékot</option>
                        @foreach ($products as $product)
                            <option value="{{ $product->id }}">{{ $product->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label for="quantity">Darabszám</label>
                    <input type="number" class="form-control" id="quantity" name="quantity" value="{{ old('quantity', 1) }}" required>
                </div>

                <div class="modal-footer">
                    <button type="submit" class="btn submit-button">Hozzáadás</button>
                </div>
            </form>
            Fizetett összeg: {{ $exchangeProcess->paid_price }} Ft<br>
            Szállítási költség: {{ $exchangeProcess->shipping_price }} Ft<br>
        @endif
        <form action="/admin/exchange-processes/{{ $exchangeProcess->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 (ExchangeProcessStatus::options() as $val => $label)
                        @if (in_array($val, [ExchangeProcessStatus::Pending->value, ExchangeProcessStatus::Failed->value, ExchangeProcessStatus::Paid->value], true))
                            @php
                                $disabled = true;
                            @endphp
                        @else
                            @php
                                $disabled = false;
                            @endphp
                        @endif
                        <option value="{{ $val }}" {{ $disabled ? 'disabled' : '' }}
                            {{ old('status', $exchangeProcess->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>
    <script type="text/javascript">
        function deleteItem(itemId) {
            const input = document.getElementById('quantity-' + itemId);
            input.value = 0;
            input.form.submit();
        }
    </script>
@endsection