@php
    use App\Enums\ExchangeProcessStatus;
@endphp
@extends('layouts.admin', ['pageType' => 'exchange-processes'])
@section('content')
    @include('widgets/admin-error-handling')
    <div class="white-container">
        @if ($exchangeProcess->name != null)
            <h2>Szállítási adatok</h2>
            <div>Név: {{ $exchangeProcess->name }}</div>
            <div>Irányítószám: {{ $exchangeProcess->postal_code }}</div>
            <div>Település: {{ $exchangeProcess->city }}</div>
            <div>Utca, házszám: {{ $exchangeProcess->street }}</div>
            <div>Telefonszám: {{ $exchangeProcess->phone }}</div>
        @else
            <h2>Felhasználói adatok</h2>
            <div>Név: {{ $exchangeProcess->user->name }}</div>
        @endif
        <h2>A Felhasználó ezeket szeretné {{ $exchangeProcess->name != null ? 'cserélni' : 'visszaküldeni' }}:</h2>
        @foreach ($exchangeProcess->items as $item)
            @if (!$item->exchanged)
                @continue
            @endif
            <div>- {{ $item->product->name }} {{ $item->quantity }} db ({{ number_format($item->price, 0, ',', ' ') }} Ft)</div>
            @php
                $product = $exchangeProcess->user->allProducts()->wherePivot('id', $item->product_user_pivot_id)->first();
            @endphp
            <div class="row">
                @for ($i = 0; $i < 4; $i++)
                    @if ($product->pivot->{'image_' . $i . '_extension'} != null)
                        <div class="col-4">
                            <img src="/storage/product_user_images/{{ $product->pivot->id }}_{{ $i }}.{{ $product->pivot->{'image_' . $i . '_extension'} }}"
                                class="exchange-process-image justify-content-center">
                        </div>
                    @endif
                @endfor
            </div>
        @endforeach
        @if ($exchangeProcess->name != null)
            <h2>Ezekre a játékokra szeretné cserélni:</h2>
            @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 }} ({{ number_format($item->price, 0, ',', ' ') }} 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="d-flex">
                    <div class="form-group d-flex align-items-center" style="flex-grow: 1;">
                        <label class="inline-label" for="product_id">Játék</label>
                        <select class="selectpicker w-100" 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 }}"
                                    data-content="
                                         <img class='select-image' src='/storage/product_images/{{ $product->id }}.{{ $product->image_extension }}'>
                                        {{ $product->name }} ({{ number_format($product->price, 0, ',', ' ') }} Ft)">
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div style="width: 10px;"></div>
                    <div class="form-group d-flex align-items-center">
                        <label class="inline-label" for="quantity">Darabszám</label>
                        <input type="number" class="form-control" id="quantity" name="quantity" value="{{ old('quantity', 1) }}" required>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="submit" class="btn submit-button">Hozzáadás</button>
                </div>
            </form>
            Fizetett összeg: {{ number_format($exchangeProcess->paid_price, 0, ',', ' ') }} Ft<br>
            Szállítási költség: {{ number_format($exchangeProcess->shipping_price, 0, ',', ' ') }} 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