@extends('layouts.shop-control-layout')

@section('title', 'Редагування замовлення #' . $order->order_id)

@section('content')
    <div class="order-edit">
        <form class="order__form" action="{{ route('updateOrder', ['order' => $order->order_id]) }}" method="POST">
            @csrf
            <div class="info__row">
                <div class="info__item">
                    <label for="clientName">Ім'я клієнта</label>
                    <input type="text" name="clientName" id="clientName" value="{{ $order->client_name }}" required>
                </div>
                <div class="info__item">
                    <label for="clientLastName">Прізвище клієнта</label>
                    <input type="text" name="clientLastName" id="clientLastName" value="{{ $order->client_last_name }}"
                        required>
                </div>
                <div class="info__item">
                    <label for="phoneNumber">Номер телефону</label>
                    <input type="text" name="phoneNumber" id="phoneNumber" value="{{ $order->phone_number }}" required>
                </div>
            </div>
            <div class="info__row">
                <div class="info__item">
                    <label for="deliveryMethod">Метод доставки</label>
                    <select name="deliveryMethod" id="deliveryMethod" required>
                        @foreach ($deliveryMethods as $method)
                            <option value="{{ $method->method_name }}"
                                {{ $order->delivery_method_id == $method->method_id ? 'selected' : '' }}>
                                {{ $method->method_name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="info__row">
                <div class="info__item">
                    <label for="city">Місто</label>
                    <input type="text" name="deliveryData[city]" id="city" value="{{ $order->city }}" required>
                </div>
                <div class="info__item">
                    <label for="departmentNumber">Номер відділення</label>
                    <input type="number" name="deliveryData[departmentNumber]" id="departmentNumber"
                        value="{{ $order->department_number }}">
                </div>
                <div class="info__item">
                    <label for="postIndex">Поштовий індекс</label>
                    <input type="number" name="deliveryData[postIndex]" id="postIndex" value="{{ $order->post_index }}">
                </div>
            </div>
            <div class="info__row">
                <div class="info__item">
                    <label for="street">Вулиця</label>
                    <input type="text" name="deliveryData[street]" id="street" value="{{ $order->street }}">
                </div>
                <div class="info__item">
                    <label for="houseNumber">Номер будинку</label>
                    <input type="text" name="deliveryData[houseNumber]" id="houseNumber"
                        value="{{ $order->house_number }}">
                </div>
                <div class="info__item">
                    <label for="apartmentNumber">Номер квартири</label>
                    <input type="text" name="deliveryData[apartmentNumber]" id="apartmentNumber"
                        value="{{ $order->apartment_number }}">
                </div>
                <div class="info__item">
                    <label for="floor">Поверх</label>
                    <input type="text" name="deliveryData[floor]" id="floor" value="{{ $order->floor }}">
                </div>
            </div>
            <div class="info__row">
                <div class="info__item">
                    <label for="status">Статус замовлення</label>
                    <select name="status_id" id="status" required>
                        @foreach ($orderStatuses as $status)
                            <option value="{{ $status->status_id }}"
                                {{ $order->order_status == $status->status_id ? 'selected' : '' }}>
                                {{ $status->status_name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="order-products">
                @foreach ($order->productsInOrder as $productInOrder)
                    <div class="product-item">
                        <input type="number" name="cartProducts[{{ $productInOrder->product_id }}][quantity]"
                            id="quantity-{{ $productInOrder->product_id }}" value="{{ $productInOrder->quantity }}" min=0
                            required>

                        <input type="hidden" name="cartProducts[{{ $productInOrder->product_id }}][product_id]"
                            value="{{ $productInOrder->product_id }}">

                        <span>x {{ $productInOrder->product->name }} ({{ $productInOrder->product->color_text }})</span>
                    </div>
                @endforeach
            </div>

            <div class="order-actions">
                <button type="submit" class="btn btn-save">Зберегти зміни</button>
            </div>
        </form>
    </div>
@endsection