@extends('layout')

@section('title', 'Оформлення замовлення')

@section('content')
    <div class="order-page-content">
        <div class="order-page__container">
            <div class="order__content">
                <div class="order__info">
                    <h2 class="order-page__title title">
                        Оформлення замовлення
                    </h2>
                    <div class="order-info__block">
                        <h3 class="order-info__block-title">Контактні дані</h3>
                        <div class="client-data__list">
                            <input type="text" name="client_name" id="client_name" placeholder="Ім’я">
                            <input type="text" name="client_last_name" id="client_last_name" placeholder="Прізвище">
                            <input type="tel" name="phone_number" id="phone_number" placeholder="+380(ХХ)-ХХХ-ХХ-ХХ">
                        </div>
                    </div>
                    <div class="order-info__block delivery">
                        <h3 class="order-info__block-title">Доставка</h3>
                        <div class="client-data__list">
                            <div class="delivery-method__item">
                                <div class="delivery-method__title">
                                    <button class="submit__delivery-method"></button>
                                    <img class="nova_poshta" src="{{ asset('assets/Nova_Poshta_logo.png') }}"
                                        alt="">
                                    <p class="delivery-method__name">Самовивіз з Нової Пошти</p>
                                </div>
                                <div class="delivery-method__dropdown">
                                    <div class="delivery-method__input-row">
                                        <div class="delivery-method__input-block">
                                            <label for="city">Введіть Ваше місто</label>
                                            <input type="text" name="city" id="city">
                                        </div>
                                    </div>
                                    <div class="delivery-method__input-row">
                                        <div class="delivery-method__input-block">
                                            <label for="department_number">Введіть номер відділення Нової пошти</label>
                                            <input type="number" name="department_number" id="department_number">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="delivery-method__item">
                                <div class="delivery-method__title">
                                    <button class="submit__delivery-method"></button>
                                    <img class="ukrposhta" src="{{ asset('assets/Ukrposhta-ua.png') }}" alt="">
                                    <p class="delivery-method__name">Самовивіз з Укрпошти</p>
                                </div>
                                <div class="delivery-method__dropdown">
                                    <div class="delivery-method__input-row">
                                        <div class="delivery-method__input-block">
                                            <label for="city">Введіть Ваше місто</label>
                                            <input type="text" name="city" id="city">
                                        </div>
                                    </div>
                                    <div class="delivery-method__input-row">
                                        <div class="delivery-method__input-block">
                                            <label for="post_index">Введіть поштовий індекс відділення</label>
                                            <input type="number" name="post_index" id="post_index">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="delivery-method__item courier">
                                <div class="delivery-method__title">
                                    <button class="submit__delivery-method"></button>
                                    <img class="nova_poshta" src="{{ asset('assets/Nova_Poshta_logo.png') }}"
                                        alt="">
                                    <p class="delivery-method__name">Кур'єрська доставка Нова Пошта</p>
                                </div>
                                <div class="delivery-method__dropdown">
                                    <div class="delivery-method__input-row">
                                        <div class="delivery-method__input-block">
                                            <label for="city">Введіть Ваше місто</label>
                                            <input type="text" name="city" id="city">
                                        </div>
                                        <div class="delivery-method__input-block">
                                            <label for="street">Вулиця</label>
                                            <input type="text" name="street" id="street">
                                        </div>
                                    </div>
                                    <div class="delivery-method__input-row">
                                        <div class="delivery-method__input-block">
                                            <label for="house_number">Номер будинку</label>
                                            <input type="number" name="house_number" id="house_number">
                                        </div>
                                        <div class="delivery-method__input-block">
                                            <label for="apartment_number">Номер квартири</label>
                                            <input type="number" name="apartment_number" id="apartment_number">
                                        </div>
                                        <div class="delivery-method__input-block">
                                            <label for="floor">Поверх</label>
                                            <input type="number" name="floor" id="floor">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="delivery-method__item courier">
                                <div class="delivery-method__title">
                                    <button class="submit__delivery-method"></button>
                                    <img class="ukrposhta" src="{{ asset('assets/Ukrposhta-ua.png') }}" alt="">
                                    <p class="delivery-method__name">Кур'єрська доставка з Укрпошти</p>
                                </div>
                                <div class="delivery-method__dropdown">
                                    <div class="delivery-method__input-row">
                                        <div class="delivery-method__input-block">
                                            <label for="city">Введіть Ваше місто</label>
                                            <input type="text" name="city" id="city">
                                        </div>
                                        <div class="delivery-method__input-block">
                                            <label for="street">Вулиця</label>
                                            <input type="text" name="street" id="street">
                                        </div>
                                    </div>
                                    <div class="delivery-method__input-row">
                                        <div class="delivery-method__input-block">
                                            <label for="house_number">Номер будинку</label>
                                            <input type="number" name="house_number" id="house_number">
                                        </div>
                                        <div class="delivery-method__input-block">
                                            <label for="apartment_number">Номер квартири</label>
                                            <input type="number" name="apartment_number" id="apartment_number">
                                        </div>
                                        <div class="delivery-method__input-block">
                                            <label for="floor">Поверх</label>
                                            <input type="number" name="floor" id="floor">
                                        </div>
                                    </div>
                                    <div class="delivery-method__input-row">
                                        <div class="delivery-method__input-block">
                                            <label for="post_index">Поштовий індекс</label>
                                            <input type="number" name="post_index" id="post_index">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="order-info__block pay">
                        <h3 class="order-info__block-title">Оплата</h3>
                        <p class="pay-details">
                            Оплата відбувається у відділені пошти або кур’єру після отримання товару.
                        </p>
                    </div>
                </div>
                <!--cart-list-->
                @include('components.cart', ['className' => 'order-page__cart'])
            </div>
        </div>
    </div>
@endsection