@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        @if(!empty($basket) && count($basket) && config('custom.front.close_cart_page') == 0)
            <div class="breadcrumbs-wrapper">
                <div class="container">
                    {{ Breadcrumbs::render('cart-page') }}
                </div>
            </div>
        @endif

        @if(config('custom.front.close_cart_page') == 1)
            <div class="basket-end">
                <div class="container">
                    <div class="basket-end-inner">
                        <div class="basket-end-icon">
                            <img src="{{ asset('front-assets/img/icons/icon-cart.svg') }}" alt="Close cart">
                        </div>
                        <div class="basket-end-title">{{ ShowLabelById(165) }}</div>
                        <div class="basket-end-text">
                            <p>{{ ShowLabelById(166) }}</p>
                        </div>
                        <div class="basket-end-link">
                            <a>{{ ShowLabelById(167) }}</a><br>
                            <a>{{ ShowLabelById(168) }}</a>
                        </div>
                    </div>
                </div>
            </div>
        @elseif(!empty($basket) && count($basket))
            <div class="basket">
                <div class="container">
                    <div class="basket-head">
                        <div class="basket-name">{{ ShowLabelById(48) }}</div>
                        <div class="basket-price">{{ ShowLabelById(23) }}</div>
                        <div class="basket-quantity">{{ ShowLabelById(24) }}</div>
                        <div class="basket-price">{{ ShowLabelById(49) }}</div>
                    </div>
                    <div class="basket-list">
                        @foreach($basket as $one_basket_item)
                            <div class="basket-item">
                                <div class="basket-img">
                                    <a href="{{ route('catalog', [$one_basket_item->goodsItemId->subject_alias, $one_basket_item->goodsItemId->alias]) }}">
                                        <img
                                            src="{{ $one_basket_item->goodsItemId->img_s }}"
                                            alt="{{ $one_basket_item->name }}">
                                    </a>
                                </div>
                                <div class="basket-name">
                                    <a href="{{ route('catalog', [$one_basket_item->goodsItemId->subject_alias, $one_basket_item->goodsItemId->alias]) }}">{{ $one_basket_item->name }}</a>
                                </div>
                                <div
                                    class="basket-price">{{ getDefaultPriceFormat($one_basket_item->goodsItemId->price) }}
                                    {{ ShowLabelById(26) }}</div>
                                <div class="basket-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_basket_item->items_count ?? 1 }}"
                                               data-goods-item-id="{{ $one_basket_item->goods_item_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="basket-price"><span
                                        class="one-item-total-price">{{ getDefaultPriceFormat($one_basket_item->goodsItemId->price * $one_basket_item->items_count) }}</span>
                                    {{ ShowLabelById(26) }}</div>
                                <div class="basket-remove">
                                    <button type="button" class="basket-remove-btn remove-basket-item"
                                            data-goods-item-id="{{ $one_basket_item->goods_item_id ?? '' }}">
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#remove') }}"></use>
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="basket-total">
                        <p>{{ ShowLabelById(25) }}: <span
                                class="basket-subtotal-price">{{ getDefaultPriceFormat($sub_total_price) }}</span>
                            {{ ShowLabelById(26) }}</p>
                    </div>
                    <div class="basket-form">
                        <form method="POST" action="{{ route('ajax-new-order') }}" id="new-order"
                              enctype="multipart/form-data">

                            @csrf
                            <div class="basket-form-item">
                                <div class="basket-form-title">{{ ShowLabelById(37) }}</div>

                                <div class="form-row basket-form-limited-wide">
                                    <div class="form-item">
                                        <label for="last_name">{{ ShowLabelById(16) }} *</label>
                                        <input type="text" id="last_name" name="last_name"
                                               @if(app('global_user')) value="{{ app('global_user')->last_name }}" @endif>
                                    </div>

                                    <div class="form-item">
                                        <label for="name">{{ ShowLabelById(17) }} *</label>
                                        <input type="text" id="name" name="name"
                                               @if(app('global_user')) value="{{ app('global_user')->name }}" @endif>
                                    </div>
                                </div>

                                <div class="form-row basket-form-limited-wide">
                                    <div class="form-item">
                                        <label for="phone">{{ ShowLabelById(19) }} *</label>
                                        <input type="number" id="phone" name="phone"
                                               @if(app('global_user')) value="{{ app('global_user')->phone }}" @endif>
                                    </div>
                                    <div class="form-item">
                                        <label for="email">{{ ShowLabelById(18) }} *</label>
                                        <input type="email" id="email" name="email"
                                               @if(app('global_user')) value="{{ app('global_user')->email }}" @endif>
                                    </div>
                                </div>
                            </div>
                            <div class="basket-form-item">
                                <div class="basket-form-title">{{ ShowLabelById(38) }}</div>
                                <div class="form-radio">
                                    <ul>
                                        <li>
                                            <input type="radio" id="delivery" name="delivery_method"
                                                   class="delivery-method" value="delivery"
                                                   data-delivery="courier"
                                                   data-id="delivery-info-2" {{ $delivery_text_show ? 'disabled' : '' }} {{ !$delivery_text_show ? 'checked' : '' }}>
                                            <label for="delivery">{{ ShowLabelById(30) }}<span
                                                    class="delivery-available" style="color: #0B9444; margin-left: 5px;{{ $delivery_text_show == 1 ? '' : 'display:none' }}">({{ str_replace('{min_total_price}', config('custom.front.delivery_minimum'), ShowLabelById(162)) }})</span></label>
                                        </li>
                                        <li>
                                            <input type="radio" name="delivery_method" id="pickup" value="pickup"
                                                   data-delivery="pickup" data-id="delivery-info-1"
                                                   class="delivery-method" {{ $delivery_text_show ? 'checked' : '' }}>
                                            <label for="pickup">{{ ShowLabelById(39) }}</label>
                                        </li>
                                    </ul>
                                </div>
                                <div id="courier" class="basket-delivery" {{ !$delivery_text_show ? 'style=display:block' : '' }}>
                                    <div class="basket-delivery-radio">
                                        <ul>
                                            @if($default_city && $default_city->sectors->isNotEmpty())
                                                <li>
                                                    <input type="radio" id="delivery-local" name="delivery_place_type"
                                                           value="delivery_local"
                                                           data-address="local" class="delivery-place-type" checked>
                                                    <label for="delivery-local">{{ ShowLabelById(156) }}</label>
                                                </li>
                                            @endif
                                            @if(!empty($suburbs) && count($suburbs))
                                                <li>
                                                    <input type="radio" id="delivery-suburbs" name="delivery_place_type"
                                                           value="delivery_suburbs"
                                                           data-address="suburbs"
                                                           class="delivery-place-type" {{ $delivery_suburbs_text_show ? 'disabled' : '' }}>
                                                    <label for="delivery-suburbs">{{ ShowLabelById(157) }}<span
                                                            class="delivery-suburbs-available"
                                                            style="color: #0B9444; margin-left: 5px;{{ $delivery_suburbs_text_show == 1 ? '' : 'display:none' }}">({{ str_replace('{min_total_price}', config('custom.front.delivery_minimum_suburbs'), ShowLabelById(162)) }})</span></label>
                                                </li>
                                            @endif
                                            @if(!empty($cities) && count($cities))
                                                <li>
                                                    <input type="radio" id="delivery-all" name="delivery_place_type"
                                                           value="delivery_all"
                                                           data-address="all" class="delivery-place-type" {{ $delivery_moldova_text_show ? 'disabled' : '' }}>
                                                    <label for="delivery-all">{{ ShowLabelById(158) }}<span
                                                            class="delivery-moldova-available"
                                                            style="color: #0B9444; margin-left: 5px;{{ $delivery_suburbs_text_show == 1 ? '' : 'display:none' }}">({{ str_replace('{min_total_price}', config('custom.front.delivery_minimum_moldova'), ShowLabelById(162)) }})</span></label>
                                                </li>
                                            @endif
                                        </ul>
                                    </div>
                                    <div class="basket-delivery-form">
                                        <div class="form-row basket-form-limited-wide">
                                            @if($default_city && $default_city->sectors->isNotEmpty())
                                                <div class="form-item" data-address="local">
                                                    <label for="delivery_local">{{ ShowLabelById(159) }} *</label>
                                                    <select name="delivery_place_delivery_local" id="delivery_local">
                                                        <option value="">{{ ShowLabelById(160) }}</option>
                                                        @foreach($default_city->sectors as $one_sector)
                                                            <option
                                                                value="{{ $one_sector->id }}">{{ $one_sector->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif
                                            @if(!empty($suburbs) && count($suburbs))
                                                <div class="form-item" data-address="suburbs">
                                                    <label for="delivery_suburbs">{{ ShowLabelById(159) }} *</label>
                                                    <select name="delivery_place_delivery_suburbs"
                                                            id="delivery_suburbs">
                                                        <option value="">{{ ShowLabelById(160) }}</option>
                                                        @foreach($suburbs as $one_city)
                                                            <option
                                                                value="{{ $one_city->id }}">{{ $one_city->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif
                                            @if(!empty($cities) && count($cities))
                                                <div class="form-item" data-address="all">
                                                    <label for="delivery_all">{{ ShowLabelById(159) }} *</label>
                                                    <select name="delivery_place_delivery_all" id="delivery_all">
                                                        <option value="">{{ ShowLabelById(160) }}</option>
                                                        @foreach($cities as $one_city)
                                                            <option
                                                                value="{{ $one_city->id }}">{{ $one_city->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif
                                            <div class="form-item">
                                                <label for="address">{{ ShowLabelById(155) }} *</label>
                                                <input type="text" id="address" name="address">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="pickup" class="basket-delivery" {{ $delivery_text_show ? 'style=display:block' : '' }}>
                                    <div class="basket-pickup-points">
                                        @if(!empty($pickup_points) && count($pickup_points))
                                            <ul>
                                                @foreach($pickup_points as $one_point)
                                                    <li>
                                                        <input type="radio" id="pickup-point-{{ $one_point->id }}"
                                                               name="pickup_point_id"
                                                               value="{{ $one_point->id }}"
                                                               class="pickup-point"
                                                            {{ $loop->first ? 'checked' : '' }}>
                                                        <label
                                                            for="pickup-point-{{ $one_point->id }}">{{ $one_point->name ?? '' }} {{ $one_point->address ?? '' }}</label>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-item basket-form-limited-wide">
                                    <label for="comment">{{ ShowLabelById(28) }}</label>
                                    <textarea class="form-control" name="comment" id="comment"></textarea>
                                </div>
                                @if($pickup_point)
                                    <div id="delivery-info-1" class="basket-delivery-info">
                                        <div class="basket-info-text basket-form-limited-wide pickup-point-info">
                                            @include('front.pages.ajax.basket-pickup-point-info')
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <div class="basket-form-item">
                                <div class="basket-form-title">{{ ShowLabelById(40) }}</div>
                                <div class="form-radio">
                                    <ul>
                                        <li class="pay-method-cash">
                                            <input type="radio" id="cash" name="pay_method" value="cash"
                                                   class="select-pay-method" checked>
                                            <label for="cash">
                                                <img src="{{ asset('front-assets/img/icons/cash.svg') }}" alt="Cash">
                                                <span>{{ ShowLabelById(41) }}</span>
                                            </label>
                                        </li>
                                        <li class="pay-method-card">
                                            <input type="radio" id="card" name="pay_method" value="card"
                                                   class="select-pay-method">
                                            <label for="card">
                                                <img src="{{ asset('front-assets/img/icons/card.svg') }}" alt="Card">
                                                <span>{{ ShowLabelById(42) }}</span>
                                                {{--<img src="{{ asset('front-assets/img/icons/visa.svg') }}" alt="Visa">
                                                <img src="{{ asset('front-assets/img/icons/mastercard.svg') }}"
                                                     alt="Mastercard">--}}
                                            </label>
                                        </li>
                                        <li class="pay-method-bank-transfer">
                                            <input type="radio" id="bank_transfer" name="pay_method"
                                                   value="bank_transfer" class="select-pay-method">
                                            <label for="bank_transfer">
                                                <img src="{{ asset('front-assets/img/icons/bank.svg') }}"
                                                     alt="Bank transfer">
                                                <span>{{ ShowLabelById(43) }}</span>
                                            </label>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="pay-bank-info mt-0" style="display: none;">
                                <div class="form-item basket-form-limited-wide">
                                    <label for="cod-fiscal">{{ ShowLabelById(170) }} *</label>
                                    <input type="text" id="cod-fiscal" name="cod_fiscal">
                                </div>

                                <div class="form-item  basket-form-limited-wide">
                                    <label for="bank-transfer-info">{{ ShowLabelById(171) }} *</label>
                                    <textarea class="form-control" name="bank_transfer_info" id="bank-transfer-info"></textarea>
                                </div>
                            </div>

                            <div class="basket-form-item">
                                <div class="basket-form-title">{{ ShowLabelById(8) }}</div>
                                <div class="basket-details basket-form-limited-wide">
                                    <div class="basket-details-content">
                                        <div class="basket-details-row">
                                            <p>{{ ShowLabelById(47) }} (<span
                                                    class="basket-count">{{ $basket_items_count ?? 0 }} {{ Str::lower(trans_choice('variables.goods', $basket_items_count))}}</span>)
                                            </p>
                                            <p><span
                                                    class="basket-subtotal-price">{{ getDefaultPriceFormat($sub_total_price) }}</span> {{ ShowLabelById(26) }}
                                            </p>
                                        </div>
                                        <div class="delivery-info">
                                            @include('front.pages.ajax.basket-delivery-info')
                                        </div>
                                    </div>
                                    <div class="basket-details-total">
                                        <div class="basket-details-row">
                                            <p>{{ ShowLabelById(25) }}</p>
                                            <p><span
                                                    class="basket-total-price">{{ getDefaultPriceFormat($total_price) }}</span> {{ ShowLabelById(26) }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <p class="aggreement basket-form-limited">
                                    <span class="google-policies">{!! ShowLabelById(44) !!}</span>
                                    <label>
                                        <input id="agree" name="agree" type="checkbox">
                                        <span class="aggreement-checkbox"></span>
                                        {!! ShowLabelById(45) !!}
                                    </label>
                                </p>
                            </div>

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

                            <div class="basket-form-submit">
                                <button type="submit" class="button prevent-repeated-click" onclick="newOrder(this)"
                                        data-form-id="new-order">{{ ShowLabelById(46) }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        @else
            <div class="basket-end">
                <div class="container">
                    <div class="basket-end-inner">
                        <div class="basket-end-icon">
                            <img src="{{ asset('front-assets/img/icons/icon-cart.svg') }}" alt="Empty cart">
                            <!-- <img src="img/icons/icon-yes.svg" alt=""> -->
                            <!-- <img src="img/icons/icon-cart.svg" alt=""> -->
                        </div>
                        <div class="basket-end-title">{{ ShowLabelById(50) }}</div>
                        <div class="basket-end-text">
                            <p>{{ ShowLabelById(51) }}</p>
                        </div>
                        <div class="basket-end-link">
                            <a href="{{ route('/') }}">{{ ShowLabelById(52) }}</a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>

@stop