@if(!empty($userIDSBasket))
    <section>
        <div class="row">
            <div class="col col-xxl d-none d-print-inline-block d-sm-none d-md-none d-lg-none d-xl-none d-xxl-inline-block"></div>
            <div class="col-12 col-xxl-10 col-content">
                <div class="row">
                    <div class="col text-center pad10">
                        <input class="form-control cart-form cart-promocode" type="text" placeholder="ПРОМОКОД" @if(!empty($userBasket['promocode'])) value="{{ $userBasket['promocode'] }}" @endif />
                        <button class="btn btn-primary cart-form cart-promocode-submit" @if(!empty($userBasket['promocode'])) data-value="2" @else data-value="1" @endif type="button">
                            @if(!empty($userBasket['promocode']))
                                Очистить
                            @else
                                Применить
                            @endif
                        </button>
                    </div>
                </div>
            </div>
            <div class="col col-xxl d-none d-print-inline-block d-sm-none d-md-none d-lg-none d-xl-none d-xxl-inline-block"></div>
        </div>
    </section>
@endif
<section class="section-content">
    <div class="row">
        <div class="col-xxl d-none d-print-inline-block d-sm-none d-md-none d-lg-none d-xl-none d-xxl-inline-block"></div>
        <div class="col-12 col-xxl-10 col-content">
            @if(isset($totalCartPriceCheck) && $totalCartPriceCheck < 1)
                <div class="row m-0">
                    <div class="col text-center pad10 m-0">
                        <p class="m-0 cart-minimal-info">Обращаем ваше внимание! Сумма минимального заказа 1 рубль.</p>
                    </div>
                </div>
            @endif
            <div class="row">
                <div class="col pad10">
                    @if( isset($userCart) &&  count($userCart) > 0 )
                        @foreach ($userCart as $item)
                            <div id="item-{{ $item['id'] }}" class="container cart-item">
                                <div class="row">
                                    <div class="col">
                                        <div class="row">
                                            <div class="col-3 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-xxl-2 align-self-center pad0 text-center">
                                                <a href="{{ $item['url'] }}">
                                                    <img class="img-fluid" src="{{ $item['pic'][0] }}" />
                                                </a>
                                            </div>
                                            <div class="col-9 col-sm-10 col-md-6 col-lg-7 col-xl-7 col-xxl-7">
                                                <p>
                                                    @if($item['cart_discount'] > 0)
                                                        <span class="item-discount">{{ $item['cart_subtotal_before_format'] }}</span>
                                                    @endif
                                                    <span class="item-summ">{{ $item['cart_subtotal_format'] }}</span>
                                                </p>
                                                <a href="{{ $item['url'] }}">
                                                    <h5>{{ $item['name'] }}</h5>
                                                </a>
                                            </div>
                                            <div class="item-count-buttons col-12 col-sm-12 col-md-4 col-lg-3 col-xl-3 col-xxl-3 text-end align-self-center pad0">
                                                <div class="row">
                                                    <div class="col item-count-add">
                                                        <button
                                                            class="btn btn-primary item-count-add-minus-cart"
                                                            type="button"
                                                            onclick="this.nextElementSibling.stepDown(); this.nextElementSibling.dispatchEvent(new Event('input', {bubbles: true}));">
                                                            -
                                                        </button>
                                                        <input
                                                            id="items-count-{{ $item['id'] }}"
                                                            class="form-control"
                                                            type="number"
                                                            min="1"
                                                            max="{{ $item['quantity'] }}"
                                                            step="1"
                                                            value="{{ $item['cart_quantity'] }}" />
                                                        <button
                                                            class="btn btn-primary item-count-add-plus-cart"
                                                            type="button"
                                                            onclick="this.previousElementSibling.stepUp(); this.previousElementSibling.dispatchEvent(new Event('input', {bubbles: true}));">
                                                            +
                                                        </button>
                                                    </div>
                                                    <div class="col text-end cart-delete">
                                                        <button class="btn btn-primary del-to-cart" type="button" data-value="{{ $item['id'] }}">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
                                                                <path d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"></path>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                </div>
                                                <div class="row row-label-error">
                                                    <div class="col">
                                                        <label class="form-label d-flex justify-content-start align-items-center label-err d-none" id="items-count-{{ $item['id'] }}-label">Доступно для заказа: {{ $item['quantity'] }}</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                      @endforeach
                    @else
                        <p class="text-center not-found-on-page">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
                                <path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"></path>
                            </svg>
                            Корзина пустая, самое время что-то <a href="/catalog/">купить</a>...
                        </p>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-xxl d-none d-print-inline-block d-sm-none d-md-none d-lg-none d-xl-none d-xxl-inline-block"></div>
    </div>
</section>
@if(!empty($userIDSBasket))
    @php
        $isAuthUser = false;
        if(!empty($userData['id'])){
            $isAuthUser = true;
        }
    @endphp
    <section class="cart-checkout">
        <div class="row">
            <div class="col col-xxl d-none d-print-inline-block d-sm-none d-md-none d-lg-none d-xl-none d-xxl-inline-block"></div>
            <div class="col-12 col-xxl-10 col-content">
                <div class="row">
                    <div class="col text-center pad0">
                        @if(isset($totalCartDiscount))
                            <p class="total-discount">Скидка: {{ $totalCartDiscount }}</p>
                        @endif
                        <div class="new-line"></div>
                        <p class="total-summ">Итого: {{ $totalCartPrice }}</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col text-center pad10">
                        <button
                            @if($isAuthUser)
                                id="cart-checkout-submit"
                                @if($totalCartPriceCheck > 1)
                                    class="btn btn-primary submit-done"
                                @else
                                    class="btn btn-primary"
                                @endif
                            @else
                                class="btn btn-primary show-modal-account"
                            @endif
                            type="button">Оформить заказ</button>
                    </div>
                </div>
            </div>
            <div class="col col-xxl d-none d-print-inline-block d-sm-none d-md-none d-lg-none d-xl-none d-xxl-inline-block"></div>
        </div>
    </section>
@endif