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

@section('container')

    <div class="page-content">

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

        <div class="basket{{ !count($basket) ? ' basket-emptyt' : '' }}">
            <div class="container">
                @if(!empty($basket) && count($basket))
                    <div class="basket-inner">
                        <div class="basket-list-head">
                            <div class="basket-head-name">{{ ShowLabelById(19) }}</div>
                            <div class="basket-head-price">{{ ShowLabelById(20) }}</div>
                            <div class="basket-head-quantity">{{ ShowLabelById(21) }}</div>
                            <div class="basket-head-total">{{ ShowLabelById(22) }}</div>
                        </div>
                        <div class="basket-list">
                            @foreach($basket as $one_basket_item)
                                @php
                                    $parent_alias= '';
                                    $parent_alias = $goods_item[$one_basket_item->id] ? $goods_item[$one_basket_item->id]->getSubjectId->alias : '';
                                @endphp
                                <div class="basket-item">
                                    <div class="basket-img">
                                        <a href="{{ route('catalog', $parent_alias, $goods_item[$one_basket_item->id]->alias) }}">
                                            <img
                                                src="{{ $goods_item[$one_basket_item->id]->oImage && $goods_item[$one_basket_item->id]->oImage->img && file_exists('upfiles/goods-items/s/' . showImg($goods_item[$one_basket_item->id]->oImage->img)) ? asset('upfiles/goods-items/s/'. showImg($goods_item[$one_basket_item->id]->oImage->img)) : asset('front-assets/img/no-image-goods-s.png') }}"
                                                alt="{{ $goods_item[$one_basket_item->id]->itemByLang->name ?? '' }}">
                                        </a>
                                    </div>
                                    <div class="basket-name">
                                        <h3>
                                            <a href="{{ route('catalog', $parent_alias, $goods_item[$one_basket_item->id]->alias) }}">{{ $goods_item[$one_basket_item->id]->itemByLang->name ?? '' }}</a>
                                        </h3>
                                    </div>
                                    <div class="basket-price">
                                        <div class="basket-mobile-text">{{ ShowLabelById(20) }}</div>
                                        {{ getDefaultPriceFormat($goods_item[$one_basket_item->id]->price) }} {{ ShowLabelById(23) }}
                                    </div>
                                    <div class="basket-quantity">
                                        <div class="basket-mobile-text">{{ ShowLabelById(21) }}</div>
                                        x{{ $one_basket_item->items_count ?? '' }}
                                    </div>
                                    <div class="basket-total">
                                         <div class="basket-mobile-text">{{ ShowLabelById(22) }}</div>
                                         {{ getDefaultPriceFormat($goods_item[$one_basket_item->id]->price * $one_basket_item->items_count) }}
                                         {{ ShowLabelById(23) }}
                                    </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#close') }}"></use>
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="basket-final-price">{{ ShowLabelById(24) }}: <span
                                class="basket-subtotal-price">{{ getDefaultPriceFormat($sub_total_price) ?? '' }}</span>
                            {{ ShowLabelById(23) }}
                        </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-inner">
                                    <div class="basket-form-col">
                                        <div class="basket-form-item">
                                            <div class="basket-form-title">{{ ShowLabelById(65) }}</div>
                                            <div class="form-item">
                                                <label for="cart-last_name">{{ ShowLabelById(6) }} *</label>
                                                <input type="text" class="input-dataLayer" id="cart-last_name" name="last_name"
                                                       value="{{ $global_user ? $global_user->last_name : '' }}">
                                            </div>
                                            <div class="form-item">
                                                <label for="cart-name">{{ ShowLabelById(7) }} *</label>
                                                <input type="text" class="input-dataLayer" id="cart-name" name="name"
                                                       value="{{ $global_user ? $global_user->name : '' }}">
                                            </div>
                                            <div class="form-item">
                                                <label for="cart-email">{{ ShowLabelById(8) }} *</label>
                                                <input type="email" class="input-dataLayer" id="cart-email" name="email"
                                                       value="{{ $global_user ? $global_user->email : '' }}">
                                            </div>

                                            <div class="form-item">
                                                <label for="cart-phone">{{ ShowLabelById(9) }} *</label>
                                                <input type="number" class="input-dataLayer" id="phone" name="phone"
                                                       value="{{ $global_user ? $global_user->phone : '' }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="basket-form-col">
                                        <div class="basket-form-item">
                                            <div class="basket-form-title">{{ ShowLabelById(66) }}
                                                @if($global_user)
                                                    <a href="{{ route('cabinet-addresses') }}">{{ ShowLabelById(67) }}</a>
                                                @endif
                                            </div>
                                            <div class="form-radio">
                                                <ul>
                                                    <li>
                                                        <input type="radio" class="input-dataLayer" id="delivery" name="delivery_method"
                                                               value="delivery">
                                                        <label for="delivery">{{ ShowLabelById(72) }}</label>
                                                    </li>
                                                    <li>
                                                        <input type="radio" class="input-dataLayer" id="pickup" name="delivery_method" value="pickup" checked>
                                                        <label for="pickup">{{ ShowLabelById(73) }}</label>
                                                    </li>
                                                </ul>
                                            </div>

                                            @if($global_user && $global_user->addresses->isNotEmpty())
                                                <input type="hidden" class="input-dataLayer" name="default_user_address" value="{{ $global_user->defaultAddress->id ?? '' }}">
                                                <div class="form-item">
                                                    <label for="user_address">{{ ShowLabelById(74) }}</label>
                                                    <select name="user_address" id="user_address" class="select-user-address">
                                                        <option value="">{{ ShowLabelById(75) }}</option>
                                                        @foreach($global_user->addresses as $one_address)
                                                            <option
                                                                value="{{ $one_address->id ?? '' }}" {{ $global_user->defaultAddress && $global_user->defaultAddress->id == $one_address->id ? 'selected' : '' }}>{{ $one_address->city. ', '.$one_address->address ?? '' }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif

                                            <div class="user-address">
                                                <div class="form-item">
                                                    <label for="city">{{ ShowLabelById(76) }} *</label>
                                                    <input type="text" class="input-dataLayer" id="city" name="city"
                                                           @if($global_user && $global_user->defaultAddress) value="{{ $global_user->defaultAddress->city }}"
                                                           readonly @endif>
                                                </div>
                                                <div class="form-item">
                                                    <label for="address">{{ ShowLabelById(77) }} *</label>
                                                    <input type="text" class="input-dataLayer" id="address" name="address"
                                                           @if($global_user && $global_user->defaultAddress) value="{{ $global_user->defaultAddress->address }}"
                                                           readonly @endif>
                                                </div>
                                            </div>
                                            <div class="form-item">
                                                <label for="comment">{{ ShowLabelById(78) }}</label>
                                                <textarea id="comment" name="comment"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="basket-form-item mb-1">
                                    <div class="basket-form-title">{{ ShowLabelById(68) }}</div>
                                    <div class="form-radio">
                                        <ul>
                                            <li>
                                                <input type="radio" class="input-dataLayer" id="cash" name="pay_method" value="cash" checked>
                                                <label for="cash">{{ ShowLabelById(79) }}</label>
                                            </li>
                                        </ul>
                                    </div>
                                </div>


                                <div class="basket-form-item mb-2">
                                    <div class="basket-form-title">{{ ShowLabelById(69) }}</div>
                                    <div class="basket-form-final">
                                        <div class="basket-form-final-content">
                                            <div class="basket-form-row">
                                                <p>{{ ShowLabelById(70) }} (<span
                                                        class="basket-count">{{ $basket_items_count ?? '' }}</span>)</p>
                                                <p><span
                                                        class="basket-subtotal-price">{{ getDefaultPriceFormat($sub_total_price) ?? '' }}</span>
                                                    {{ ShowLabelById(23) }}</p>
                                            </div>
                                            <div class="basket-form-row">
                                                <p>{{ ShowLabelById(81) }}</p>
                                                <p> <span id="price_value">{{config('custom.front.pickup')}}</span> {{ ShowLabelById(23) }}</p>
                                            </div>
                                        </div>
                                        <div class="basket-form-final-footer">
                                            <div class="basket-form-row">
                                                <p>{{ ShowLabelById(82) }}</p>
                                                <p>
                                                    <span
                                                        class="basket-total-price" id="final_price">{{ getDefaultPriceFormat($total_price) ?? '' }}
                                                    </span>
                                                    {{ ShowLabelById(23) }}
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="google-policies">
                                    {!! ShowLabelById(12) !!}
                                </div>
                                <p class="aggreement mt-1">
                                    <label>
                                        <input id="cart-agree" name="agree" type="checkbox">
                                        <span class="aggreement-checkbox"></span>
                                        {!! ShowLabelById(13) !!}
                                    </label>
                                </p>

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

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

@stop

@push('other-scripts')
    @if(Cookie::has('cookie-targeting') && Cookie::get('cookie-targeting'))
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                window.dataLayer = window.dataLayer || [];

                window.dataLayer.push({
                    event: "view_cart",
                    ecommerce: {
                        currency: "{{ShowLabelById(23)}}",
                        value: {{ getDefaultPriceFormat($total_price) ?? 0 }},
                        items: [
                                @foreach($basket as $one_basket_item)
                            {
                                item_id: "{{$one_basket_item->goods_barcode ?? $one_basket_item->goods_item_id ?? ''}}",
                                item_name: "{{$one_basket_item->goods_name ?? ''}}",
                                price: {{$one_basket_item->goods_price ?? 0}},
                                quantity: {{$one_basket_item->items_count ?? 0}}
                            }{{ !$loop->last ? ',' : '' }}
                                @endforeach
                        ]
                    }
                });

                let executed = false;

                $('.input-dataLayer').on('input', function() {
                    if (executed) {
                        return;
                    }

                    window.dataLayer.push({
                        event: "begin_checkout",
                        ecommerce: {
                            currency: "{{ShowLabelById(241)}}",
                            value: {{ getDefaultPriceFormat($total_price) ?? 0 }},
                            items: [
                                @foreach($basket as $one_basket_item)
                                    {
                                        item_id: "{{$one_basket_item->goods_barcode ?? $one_basket_item->goods_item_id ?? ''}}",
                                        item_name: "{{$one_basket_item->goods_name ?? ''}}",
                                        price: {{$one_basket_item->goods_price ?? 0}},
                                        quantity: {{$one_basket_item->items_count ?? 0}}
                                    }{{ !$loop->last ? ',' : '' }}
                                @endforeach
                            ]
                        }
                    });
                    executed = true;
                })
            });
        </script>
    @endif
@endpush