@extends('front.app')
@section('meta')
    <meta name="robots" content="noindex, nofollow" />
    <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">
            <div class="container">
                @if(isset($basket) && $basket->isNotEmpty())
                    <div class="basket-wrapper">
                        <div class="basket-head">
                            <div class="basket-name">{{ShowLabelById(85)}}</div>
                            <div class="basket-price">{{ShowLabelById(86)}}</div>
                            <div class="basket-quantity">{{ShowLabelById(87)}}</div>
                            <div class="basket-price">{{ShowLabelById(88)}}</div>
                        </div>
                        <div class="basket-list">
                            @foreach($basket as $cart_item)
                                <div class="basket-item @if(!$cart_item->goodsItemId->in_stoc)out-of-stock @endif">
                                    <div class="basket-img">
                                        <a href="{{$cart_item->goodsItemId->href()}}">
                                            <img src="{{$cart_item->goodsItemId->image_s}}" alt="{{$cart_item->goodsItemId->name}}">
                                        </a>
                                    </div>
                                    <div class="basket-name">
                                        <a href="{{$cart_item->goodsItemId->href()}}">{{$cart_item->goodsItemId->name}}</a>
                                    </div>
                                    <div class="basket-price basket-price--current">
                                        @if($cart_item->discount_price)
                                            <div class="basket-price-top">
                                                <div class="goods-item-current-price">
                                                    {{$cart_item->goods_price_format}}
                                                </div>
                                                <div class="goods-item-old-price">{{$cart_item->discount_price_format}}</div>
                                            </div>
                                            <div class="product-page-saving">{{ShowLabelById(198)}} {{$cart_item->saving_money}} {{ShowLabelById(59)}}</div>
                                        @elseif(!$cart_item->goodsItemId->in_stoc)
                                            <div class="basket-price-top">
                                                <div class="goods-item-current-price">{{$cart_item->goods_price_format}}</div>
                                            </div>

                                            <div class="product-page-stock">
                                                <img src="{{asset('front-assets/img/icons/minus-circle-red.svg')}}" alt="stock null">
                                                <p>{{ShowLabelById(71)}}</p>
                                            </div>
                                        @else
                                            {{$cart_item->goods_price_format}}
                                        @endif
                                    </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--"
                                                @if(!$cart_item->goodsItemId->in_stoc)disabled @endif
                                            >
                                                <svg>
                                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#minus')}}"></use>
                                                </svg>
                                            </button>
                                            <input
                                                type="number"
                                                value="{{$cart_item->items_count}}"
                                                data-goods-item-id="{{$cart_item->goods_item_id}}"
                                                class="basket-quantity-change"
                                                @if(!$cart_item->goodsItemId->in_stoc)disabled @endif
                                            >
                                            <button
                                                type="button"
                                                class="count-plus count-plus-change"
                                                onclick="this.parentNode.querySelector('input[type=number]').value++"
                                                @if(!$cart_item->goodsItemId->in_stoc)disabled @endif
                                            >
                                                <svg>
                                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#plus')}}"></use>
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="basket-price basket-price--total"><span class="one-item-total-price">{{$basket_info->total_item_price[$cart_item->id]}}</span> {{ShowLabelById(59)}}</div>
                                    <div class="basket-remove">
                                        <button type="button" class="basket-remove-btn remove-basket-item" data-goods-item-id="{{$cart_item->goods_item_id}}">
                                            <svg>
                                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#remove')}}"></use>
                                            </svg>
                                            <span>{{ShowLabelById(200)}}</span>
                                        </button>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="basket-total">
                            @if(isset($total_saving_money) && $total_saving_money > 0)
                                <p class="basket-total-saving">{{ShowLabelById(198)}} <span class="total-saving">{{$total_saving_money}}</span> {{ShowLabelById(59)}}</p>
                            @endif
                            <p>{{ShowLabelById(120)}}: <span class="basket-subtotal-price">{{$sub_total_price}}</span> {{ShowLabelById(59)}}</p>
                        </div>
                    </div>
                    <div class="basket-promo">
                        <form action="{{route('set-promo-code')}}" id="promo-form" method="post">
                            @csrf
                            <label for="promo-code">{{ShowLabelById(89)}}</label>
                            <div class="basket-promo-row position-relative">
                                <input type="text" id="promo-code" name="promo_code" placeholder="{{ShowLabelById(90)}}">
                                <button type="submit" class="button button--light" onclick="saveForm(this)" data-form-id="promo-form">{{ShowLabelById(91)}}</button>
                            </div>
                        </form>
                    </div>
                    <div class="basket-info">
                        @if(isset($chisinau_delivery))
                        <div class="basket-info-item">
                            <button type="button" class="basket-info-head">
                                <span>{{ShowLabelById(81)}}</span>
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-down')}}"></use>
                                </svg>
                            </button>
                            <div class="basket-info-content">
                                <div class="basket-info-inner">
                                    <div class="basket-info-text">
                                        {!! str_replace(['{max_order_price}','{chisinau_delivery_price}'],[config('custom.front.max_order_price'),config('custom.front.chisinau_delivery_price')],$chisinau_delivery->body) !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if(isset($environs_delivery) && $environs_delivery->isNotEmpty())
                        <div class="basket-info-item">
                            <button type="button" class="basket-info-head">
                                <span>{{ShowLabelById(82)}}</span>
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-down')}}"></use>
                                </svg>
                            </button>
                            <div class="basket-info-content">
                                <div class="basket-info-inner">
                                    <div class="basket-info-table">
                                        @foreach($environs_delivery as $environ)
                                        <div class="basket-info-row">
                                            <p>{{$environ->name}}</p>
                                            <p>{{$environ->short_descr}} {{ShowLabelById(59)}}</p>
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if(isset($moldova_delivery))
                            <div class="basket-info-item">
                                <button type="button" class="basket-info-head">
                                    <span>{{ShowLabelById(83)}}</span>
                                    <svg>
                                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-down')}}"></use>
                                    </svg>
                                </button>
                                <div class="basket-info-content">
                                    <div class="basket-info-inner">
                                        <div class="basket-info-text">
                                            {!! $moldova_delivery->body !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="basket-form">
                        <form action="{{route('create-order')}}" id="new-order" method="post">
                            @csrf
                        <div class="basket-form-tabs">
                            <ul>
                                <li>
                                    <input type="radio" value="physical" id="physical" name="user_type" data-type="type-1" checked>
                                    <label for="physical">{{ShowLabelById(92)}}</label>
                                </li>
                                <li>
                                    <input type="radio" value="juridic" id="juridic" name="user_type" data-type="type-2">
                                    <label for="juridic">{{ShowLabelById(93)}}</label>
                                </li>
                            </ul>
                        </div>

                            <div class="basket-form-item">
                                <div class="basket-form-title">{{ShowLabelById(94)}}</div>
                                <div class="form-item basket-form-limited" data-type="type-2">
                                    <label for="company">{{ShowLabelById(95)}} *</label>
                                    <input type="text" id="company" name="company">
                                </div>
                                <div class="form-item basket-form-limited" data-type="type-2">
                                    <label for="juridical-address">{{ShowLabelById(96)}} *</label>
                                    <input type="text" id="juridical-address" name="juridical_address">
                                </div>
                                <div class="form-item basket-form-limited" data-type="type-2">
                                    <label for="basket-tva">{{ShowLabelById(97)}}</label>
                                    <input type="text" id="basket-tva" name="tva">
                                </div>
                                <div class="form-item basket-form-limited" data-type="type-2">
                                    <label for="basket-idno">{{ShowLabelById(98)}} *</label>
                                    <input type="text" id="basket-idno" name="idno">
                                </div>
                                <div class="form-item basket-form-limited" data-type="type-1">
                                    <label for="basket-name">{{ShowLabelById(24)}} *</label>
                                    <input type="text" id="basket-name" {{app('User') ? 'value='.app('User')->name:''}} name="name">
                                </div>
                                <div class="form-item basket-form-limited">
                                    <label for="basket-phone">{{ShowLabelById(25)}} *</label>
                                    <input type="text" id="basket-phone" {{app('User') ? 'value='.app('User')->phone:''}} name="phone">
                                </div>
                                <div class="form-item basket-form-limited">
                                    <label for="basket-email">{{ShowLabelById(18)}} *</label>
                                    <input type="text" id="basket-email" {{app('User') ? 'value='.app('User')->email:''}} name="email">
                                </div>
                            </div>
                            <div class="basket-form-item">
                                <div class="basket-form-title">{{ShowLabelById(99)}}</div>
                                <div class="form-radio">
                                    <ul>
                                        <li>
                                            <input type="radio" value="pickup" id="pickup" name="type_delivery" data-delivery="pickup" checked>
                                            <label for="pickup">{{ShowLabelById(100)}}</label>
                                        </li>
                                        <li>
                                            <input type="radio" value="delivery" id="courier" name="type_delivery" data-delivery="courier">
                                            <label for="courier">{{ShowLabelById(101)}}</label>
                                        </li>
                                    </ul>
                                </div>
                                @if(isset($shops) && $shops->isNotEmpty())
                                    <div data-id="pickup" class="basket-delivery stores-wrapper" style="display: block;">
                                        <div class="stores-head">
                                            <button type="button" class="button inversed stores-chose">
                                                <span>{{ShowLabelById(220)}}</span>
                                                <svg>
                                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-down')}}"></use>
                                                </svg>
                                            </button>
                                        </div>
                                        <div class="stores-list basket-form-limited">
                                            @foreach($shops as $shop_city)
                                                @if($shop_city->childrenFrontPages->isNotEmpty())
                                                    <div class="stores-block">
                                                        <div class="basket-form-title">
                                                            {{$shop_city->name}}
                                                        </div>
                                                        @foreach($shop_city->childrenFrontPages as $shop)
                                                            <div class="stores-item">
                                                                <div class="stores-item-inner">
                                                                    <div class="stores-input">
                                                                        <input type="radio" id="{{$shop->alias}}" value="{{$shop->name}}" name="pickup_shop">
                                                                        <label for="{{$shop->alias}}">{{$shop->name}}</label>
                                                                    </div>
                                                                    <div class="stores-map">
                                                                        <a href="{{$shop->shop_map_link}}" data-type="iframe" data-fancybox>
                                                                            <img src="{{asset('front-assets/img/icons/pin-green.svg')}}" alt="pin">
                                                                            <span>{{ShowLabelById(79)}}</span>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                @endif

                                            @endforeach
                                        </div>
                                    </div>
                                @endif

                                <div data-id="courier" class="basket-delivery">
                                    <div class="basket-delivery-radio">
                                        <ul>
                                            @if(isset($chisinau_delivery))
                                                <li>
                                                    <input type="radio" value="chisinau" id="delivery-chisinau" data-id="delivery-info-1" name="type_courier" data-address="local" checked>
                                                    <label for="delivery-chisinau">{{ShowLabelById(102)}}</label>
                                                </li>
                                            @endif
                                            @if(isset($environs_delivery) && $environs_delivery->isNotEmpty())
                                                <li>
                                                    <input type="radio" value="environs" id="delivery-cities" data-id="delivery-info-2" name="type_courier" data-address="environs">
                                                    <label for="delivery-cities">{{ShowLabelById(103)}}</label>
                                                </li>
                                            @endif
                                            @if(isset($moldova_delivery) && isset($cities_delivery) && $cities_delivery->isNotEmpty())
                                                <li>
                                                    <input type="radio" value="moldova" id="delivery-moldova" data-id="delivery-info-3" name="type_courier" data-address="all">
                                                    <label for="delivery-moldova">{{ShowLabelById(104)}}</label>
                                                </li>
                                            @endif
                                        </ul>
                                    </div>
                                    <div class="basket-delivery-form">
                                        @if(isset($chisinau_delivery))
                                            <div class="form-item basket-form-limited" data-address="local">
                                                <label for="city-default">{{ShowLabelById(105)}} *</label>
                                                <input type="text" id="city-default"  value="{{ShowLabelById(106)}}" disabled>
                                            </div>
                                        @endif
                                        @if(isset($environs_delivery) && $environs_delivery->isNotEmpty())
                                            <div class="form-item basket-form-limited" data-address="environs">
                                                <label for="environs_delivery">{{ShowLabelById(107)}} *</label>
                                                <select name="environs_delivery" id="environs_delivery">
                                                    <option value="" hidden>{{ShowLabelById(108)}}</option>
                                                    @foreach($environs_delivery as $environ)
                                                        <option value="{{$environ->id}}">{{$environ->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        @endif

                                        @if(isset($moldova_delivery) && isset($cities_delivery) && $cities_delivery->isNotEmpty())
                                            <div class="form-item basket-form-limited" data-address="all">
                                                <label for="city_delivery">{{ShowLabelById(109)}} *</label>
                                                <select name="city_delivery" id="city_delivery">
                                                    <option value="" hidden>{{ShowLabelById(108)}}</option>
                                                    @foreach($cities_delivery as $city)
                                                        <option value="{{$city->id}}">{{$city->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        @endif

                                        <div class="form-item basket-form-limited">
                                            <label for="basket-address">{{ShowLabelById(110)}} *</label>
                                            <input type="text" id="basket-address" value="{{$cookie_address}}" name="address">
                                        </div>

                                    </div>
                                </div>

                                <div class="form-item basket-form-limited">
                                    <label for="comment">{{ShowLabelById(111)}}</label>
                                    <textarea id="comment" name="comment"></textarea>
                                </div>
                                <div class="basket-delivery-info">
                                    @if(isset($chisinau_delivery))
                                    <div id="delivery-info-1" class="basket-info-inner active">
                                        <div class="basket-info-text">
                                            {!! str_replace(['{max_order_price}','{chisinau_delivery_price}'],[config('custom.front.max_order_price'),config('custom.front.chisinau_delivery_price')],$chisinau_delivery->body) !!}
                                        </div>
                                    </div>
                                    @endif
                                    @if(isset($environs_delivery) && $environs_delivery->isNotEmpty())
                                    <div id="delivery-info-2" class="basket-info-inner">
                                    <div class="basket-info-table">
                                        @foreach($environs_delivery as $environ)
                                        <div class="basket-info-row">
                                            <p>{{$environ->name}}</p>
                                            <p>{{$environ->short_descr}} {{ShowLabelById(59)}}</p>
                                        </div>
                                        @endforeach

                                    </div>
                                </div>
                                    @endif
                                    @if(isset($moldova_delivery))
                                    <div id="delivery-info-3" class="basket-info-inner">
                                        <div class="basket-info-text">
                                            {!! $moldova_delivery->body !!}
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            <div class="basket-form-item">
                                <div class="basket-form-title">{{ShowLabelById(112)}}</div>
                                <div class="form-radio">
                                    <ul>
                                        <li>
                                            <input type="radio" value="cash" id="cash" name="type_payment" checked>
                                            <label for="cash">{{ShowLabelById(113)}}</label>
                                        </li>
                                        <li>
                                            <input type="radio" value="transfer" id="transfer" name="type_payment">
                                            <label for="transfer">{{ShowLabelById(114)}}</label>
                                        </li>
                                        {{--<li>
                                            <input type="radio" id="card" value="card" name="type_payment">
                                            <label for="card">
                                                <span>{{ShowLabelById(115)}}</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>
                                            <input type="radio" value="credit" id="credit" name="type_payment">
                                            <label for="credit">
                                               {{-- <span>{{ShowLabelById(116)}}</span>--}}
                                                <img src="{{asset('front-assets/img/icons/iute.png')}}" alt="iute">
                                            </label>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="basket-form-item">
                                <div class="basket-form-title">{{ShowLabelById(117)}}</div>
                                <div class="basket-details basket-form-limited">
                                    <div class="basket-details-content">
                                        <div class="basket-details-row">
                                            <p>{{ShowLabelById(118)}}: <span class="header-basket-count">{{$basket->sum('items_count')}}</span></p>
                                            <p><span class="basket-subtotal-price">{{$total_price}}</span> {{ShowLabelById(59)}}</p>
                                        </div>
                                        <div class="basket-details-row">
                                            <p>{{ShowLabelById(119)}}</p>
                                            <p class="basket-delivery-price-wrapper">
                                                <span class="basket-delivery-price">{{$delivery_price}}</span> {{ShowLabelById(59)}}
                                            </p>
                                            <p class="delivery-moldova-info d-none">{{ShowLabelById(213)}}</p>
                                        </div>
                                        @if(isset($total_saving_money) && $total_saving_money > 0)

                                            <div class="basket-details-row basket-total-saving" style="color: #F1414C; margin-right:0">
                                                <p>{{ShowLabelById(198)}}</p>
                                                <p><span class="total-saving">{{$total_saving_money}}</span> {{ShowLabelById(59)}}</p>
                                            </div>
                                        @endif

                                    </div>
                                    <div class="basket-details-total">
                                        <div class="basket-details-row">
                                            <p>{{ShowLabelById(120)}}</p>
                                            <p><span class="basket-total-price">{{$total_price}}</span> {{ShowLabelById(59)}}</p>
                                        </div>
                                    </div>
                                </div>
                                <p class="aggreement basket-form-limited">
                                    <label>
                                        <input id="agree" name="agree" type="checkbox">
                                        <span class="aggreement-checkbox"></span>
                                        {!! ShowLabelById(121) !!}
                                    </label>
                                </p>
                            </div>
                            <div class="captcha">
                                <input type="hidden" name="g-recaptcha-response" id="recaptcha-order-form">
                            </div>
                            <div class="basket-form-submit">
                                <button type="submit" class="button" onclick="newOrder(this)"
                                        data-form-id="new-order">{{ShowLabelById(122)}}</button>
                            </div>
                        </form>
                    </div>
                @else
                    <h1>{{ShowLabelById(123)}}</h1>
                @endif
            </div>
        </div>

    </div>
@stop

@push('js')
    <script src="{{asset('front-assets/js/jquery.inputmask.min.js')}}"></script>
    <script>
        $("#basket-phone").inputmask("373 99 999 999");
        $('#basket-email').inputmask("email");

        getRecaptcha('/cart', 'recaptcha-order-form');
    </script>
@endpush