@extends('front.front-app')

@section('meta-tags')
    @include('front.meta-tags.for-other-pages')
@stop

@include('front.header')

@section('container')

    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{ Breadcrumbs::render('cart-page', $lang_id) }}
            </div>
        </div>

        @if(!empty($basket) && count($basket))
            <div class="cart">
                <div class="container">
                    <div class="cart-items">
                        @foreach($basket as $one_item)
                            @php
                                $parent_alias= '';
                                $parent_alias = $goods_item[$one_item->id] ? $goods_item[$one_item->id]->getSubjectId->alias : '';
                            @endphp
                            <div class="cart-item">
                                <a href="{{ url($lang, ['catalog', $parent_alias, $goods_item[$one_item->id]->alias]) }}"
                                   class="cart-img">
                                    <img class="lazy" src="{{ $customBase64image ?? '' }}"
                                         data-src="{{ $goods_item[$one_item->id]->oImage && $goods_item[$one_item->id]->oImage->img && file_exists('upfiles/goods-items/m/' . $goods_item[$one_item->id]->oImage->img) ? asset('upfiles/goods-items/m/'. $goods_item[$one_item->id]->oImage->img) : asset('front-assets/img/no-image.png') }}"
                                         alt="{{ $one_item->goods_name ?? '' }}">
                                </a>
                                <div class="cart-item-desc">
                                    <h3>
                                        <a href="{{ url($lang, ['catalog', $parent_alias, $goods_item[$one_item->id]->alias]) }}">{{ $one_item->goods_name ?? '' }}</a>
                                    </h3>
                                    @if($one_item->gift_text)
                                        <div class="cart-item-info">
                                            <p>{{ $one_item->gift_text ?? '' }}</p>
                                        </div>
                                    @endif
                                </div>
                                <div
                                    class="cart-price">{{ getDefaultPriceFormat($goods_item[$one_item->id]->price) }} {{ ShowLabelById(5, $lang_id) }}</div>
                                <div class="cart-quantity">
                                    <div class="product-quantity">
                                        <button type="button" class="count-minus count-minus-change"
                                                onclick="this.parentNode.querySelector('input[type=number]').value--">
                                            <svg>
                                                <use
                                                    xlink:href="{{ asset('front-assets/svg/sprite.svg#minus') }}"></use>
                                            </svg>
                                        </button>
                                        <input type="number" class="basket-quantity-change" min="1"
                                               value="{{ $one_item->items_count ?? 1 }}"
                                               data-goods-item-id="{{ $goods_item[$one_item->id]->id ?? '' }}"
                                               data-page="cart">
                                        <button type="button" class="count-plus count-plus-change"
                                                onclick="this.parentNode.querySelector('input[type=number]').value++">
                                            <svg>
                                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#plus') }}"></use>
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                                <div class="cart-price"><span
                                        class="one-item-total-price">{{ getDefaultPriceFormat($goods_item[$one_item->id]->price * $one_item->items_count) }}</span> {{ ShowLabelById(5, $lang_id) }}
                                </div>
                                <div class="cart-remove">
                                    <button type="button" class="cart-remove-btn remove-basket-item"
                                            data-goods-item-id="{{ $goods_item[$one_item->id]->id ?? '' }}">
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#close') }}"></use>
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="cart-items-footer">
                        <div class="cart-items-info">
                            {!! showSettingBodyByAlias('text-for-cart-page', $lang_id) !!}
                        </div>
                        <div class="cart-items-total">{{ ShowLabelById(50, $lang_id) }}: <span
                                class="basket-subtotal-price">{{ getDefaultPriceFormat($sub_total_price) }}</span> {{ ShowLabelById(5, $lang_id) }}
                        </div>
                    </div>
                    <div class="cart-form">
                        <form method="POST" action="{{ url($lang,'newOrder') }}" id="new_order"
                              enctype="multipart/form-data">

                            @csrf

                            <div class="cart-form-item">
                                <div class="cart-form-item-title">{{ ShowLabelById(43, $lang_id) }}</div>
                                <div class="cart-form-item-content">
                                    <div class="form-item">
                                        <label for="last_name">{{ ShowLabelById(29, $lang_id) }} *</label>
                                        <input type="text" id="last_name" name="last_name" {{ old('last_name') }}>
                                    </div>
                                    <div class="form-item">
                                        <label for="name">{{ ShowLabelById(30, $lang_id) }} *</label>
                                        <input type="text" id="name" name="name" {{ old('name') }}>
                                    </div>

                                    <div class="form-item">
                                        <label for="phone">{{ ShowLabelById(31, $lang_id) }} *</label>
                                        <input type="text" id="phone" name="phone" {{ old('phone') }}>
                                    </div>

                                    <div class="form-item">
                                        <label for="email">{{ ShowLabelById(32, $lang_id) }} *</label>
                                        <input type="email" id="email" name="email" {{ old('email') }}>
                                    </div>
                                </div>
                            </div>
                            <div class="cart-form-item">
                                <div class="cart-form-item-title">{{ ShowLabelById(33, $lang_id) }}</div>
                                <div class="cart-form-item-content">
                                    <div class="form-item-radio mb-2">
                                        <ul>
                                            <li>
                                                <input type="radio" id="delivery" name="delivery_method" class="change-delivery-method"
                                                       value="delivery" checked>
                                                <label for="delivery">{{ ShowLabelById(80, $lang_id) }}</label>
                                            </li>
                                            <li>
                                                <input type="radio" id="pickup" name="delivery_method" class="change-delivery-method"
                                                       value="pickup">
                                                <label for="pickup">{{ ShowLabelById(93, $lang_id) }}</label>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="form-item">
                                        <label for="city">{{ ShowLabelById(34, $lang_id) }} *</label>
                                        <input type="text" id="city" name="city" {{ old('city') }}>
                                    </div>
                                    <div class="form-item">
                                        <label for="address">{{ ShowLabelById(35, $lang_id) }} *</label>
                                        <input type="text" id="address" name="address" {{ old('address') }}>
                                    </div>
                                    <div class="form-item">
                                        <label for="descr">{{ ShowLabelById(36, $lang_id) }}</label>
                                        <textarea id="descr" name="descr"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="cart-form-item">
                                <div class="cart-form-item-title">{{ ShowLabelById(37, $lang_id) }}</div>
                                <div class="cart-form-item-content">
                                    <div class="form-item-radio">
                                        <ul>
                                            <li>
                                                <input type="radio" id="cash" name="pay_method" value="cash" checked>
                                                <label for="cash">{{ ShowLabelById(38, $lang_id) }}</label>
                                            </li>
                                            <li>
                                                <input type="radio" id="card" name="pay_method" value="card">
                                                <label for="card">{{ ShowLabelById(39, $lang_id) }}</label>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="cart-form-item">
                                <div class="cart-form-item-title">{{ ShowLabelById(40, $lang_id) }}</div>
                                <div class="cart-form-info">
                                    <div class="cart-form-info-content">
                                        <div class="cart-form-info-row">
                                            <p>{{ ShowLabelById(41, $lang_id) }} (<span
                                                    class="header-basket-count">{{ $basket_items_count ?? '' }}</span>)
                                            </p>
                                            <p><span
                                                    class="basket-subtotal-price">{{ getDefaultPriceFormat($sub_total_price) }}</span> {{ ShowLabelById(5, $lang_id) }}
                                            </p>
                                        </div>
                                        <div class="cart-form-info-row">
                                            <p>{{ ShowLabelById(42, $lang_id) }}</p>
                                            <p><span class="basket-delivery-price">{{ getDefaultPriceFormat($delivery_price) }}</span> {{ ShowLabelById(5, $lang_id) }}</p>
                                        </div>
                                    </div>
                                    <div class="cart-form-info-total">
                                        <div class="cart-form-info-row">
                                            <p>{{ ShowLabelById(25, $lang_id) }}</p>
                                            <p><span
                                                    class="basket-total-price">{{ getDefaultPriceFormat($total_price) }}</span> {{ ShowLabelById(5, $lang_id) }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="google-policies">
                                <p>{!! ShowLabelById(47, $lang_id) !!}</p>
                            </div>
                            <p class="aggreement">
                                <label>
                                    <input id="agree" name="agree" type="checkbox">
                                    <span class="aggreement-checkbox"></span>
                                    {!! ShowLabelById(48, $lang_id) !!}
                                </label>
                            </p>

                            <div class="captcha">
                                <input type="hidden" name="g-recaptcha-response" id="recaptcha-form-new-order">
                            </div>

                            <div class="form-item-submit">
                                <button type="submit" class="button" onclick="newOrder(this)"
                                        data-form-id="new_order">{{ ShowLabelById(49, $lang_id) }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        @else
            <div class="cart-end">
                <div class="container">
                    <div class="cart-end-inner">
                        <div class="cart-end-img">
                            <img src="{{ asset('front-assets/img/icons/cart-end-3.svg') }}" alt="Empty cart">
                        </div>
                        <div class="cart-end-text">
                            <h2>{{ ShowLabelById(27, $lang_id) }}</h2>
                            <p>{{ ShowLabelById(28, $lang_id) }}</p>
                        </div>
                        <div class="cart-end-link">
                            <a href="{{ url('/', $lang) }}">{{ ShowLabelById(14, $lang_id) }}</a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>

@stop

@include('front.footer')