@extends('layouts/LayoutMaster')

@section('title', 'Корзина')

@section('vendor-style')

@endsection
@section('page-style')

 @endsection

@section('content')
@mobile
<div class="cart_right">
	<div class="cart_right_total">
		<div class="cart_right_total_left">Итого</div>
		<div class="cart_right_total_sum">{{ $allPrice }} ₽</div>
	</div>
	<div class="cart_right_info">
		<div class="cart_right_info_name">Магазин</div>
		<div class="cart_right_info_value" id="marketName">Не выбран</div>
		
		<div class="cart_right_info_name">Товаров</div>
		<div class="cart_right_info_value" id="marketCount">0</div>
		
		<div class="cart_right_info_name">К оплате</div>
		<div class="cart_right_info_value" id="marketSum">0</div>
	</div>
	<a href="#" class="cart_right_btnNext button-disabled">Перейти к оформлению</a>
</div>
@endmobile
@foreach($markets as $market)
		<div class="cart-market {{ $market['active'] ?? '' }}" id="market{{ $market['market']->id }}">
			<div class="cart-market_title" onclick="cartProductOpen({{ $market['market']->id }});">
				<div class="cart-market_title_photo"><img src="{{ $market['market']->logo }}"></div>
				<div class="cart-market_title_name">{{ $market['market']->name }}</div>

				<div class="cart-market_title_product_count">{{ $market['pcount'] }} шт.</div>
				<div class="cart-market_title_product_sum">{{ $market['sum'] }} ₽</div>
			</div>
			<div class="cart-market_products">
			@foreach($market['products'] as $cart)
				<div class="cart-market_item" id="product{{ $cart->product->id }}">
					<img src="{{ $cart->product->poster }}">
				<div class="cart-market_item-info">
					<a href="/
@isset($pageConfigs['soloMarket'])
market
@else
markets
@endisset/product/{{ $product->id }}/{{ $cart->product->market_id }}/product/{{ $cart->product->id }}" class="cart-market-item-name">{{ $cart->product->title }}</a>
					<div class="product-show-info-cart-prices"> 
					<div class="product-show-info-cart-prices-cost"><span class="product_price">@if ($cart->product->newprice != null) {{ $cart->product->newprice * $cart->count }} @else {{ $cart->product->price * $cart->count }} @endif</span> ₽</div>
				@if($cart->product->newprice != null) <div class="product-show-info-cart-prices-oldcost">{{ $cart->product->price * $cart->count }} ₽</div> @endif </div>
				<div class="cart_product-count-buttons">
					<div class="cart_product-count-buttons__button-wrapper">
						<button onclick="countProduct('#productInput{{ $cart->product->id }}', 'minus')" class="cart_product-count-buttons__button count-buttons__button_minus">
						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
						</button>
					</div>
						<input class="cart_product-count-count-buttons__input" data-id="{{ $cart->id }}" id="productInput{{ $cart->product->id }}" value="{{  $cart->count }}" type="number" step="1" min="1" max="{{ $cart->color->pcount }}" >
						<div class="cart_product-count-buttons__button-wrapper">
							<button onclick="countProduct('#productInput{{ $cart->product->id }}', 'up')" class="cart_product-count-buttons__button cart_product-count-buttons__button_plus">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 16V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
							</button>
						</div>
				</div>
				@if($cart->count > 1)
				<div class="cart-market_item-info_count_have">{{ ($cart->product->newprice) ? $cart->product->newprice : $cart->product->price }} ₽ / шт.</div>
				@endif
				<div class="cart-market_item-info_count_have">В наличии: <span>{{ $cart->color->pcount }} шт.</span></div>
					<div class="cart-item-btns">	
						<div class="cart-item-btns-delete" onclick="trashItem(3, 'cart');"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M21 5.97998C17.67 5.64998 14.32 5.47998 10.98 5.47998C9 5.47998 7.02 5.57998 5.04 5.77998L3 5.97998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
							<path d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
							<path d="M18.8499 9.13989L18.1999 19.2099C18.0899 20.7799 17.9999 21.9999 15.2099 21.9999H8.7899C5.9999 21.9999 5.9099 20.7799 5.7999 19.2099L5.1499 9.13989" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
							<path d="M10.3301 16.5H13.6601" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
							<path d="M9.5 12.5H14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
						</div>
					</div>
				</div>
				</div>
			@endforeach
			</div>
		</div>
@endforeach	
@endsection
@section('content-right')
	<div class="cart_right">
		<div class="cart_right_total">
			<div class="cart_right_total_left">Итого</div>
			<div class="cart_right_total_sum">{{ $allPrice }} ₽</div>
		</div>
		<div class="cart_right_info">
			<div class="cart_right_info_name">Магазин</div>
			<div class="cart_right_info_value" id="marketName">Не выбран</div>
			
			<div class="cart_right_info_name">Товаров</div>
			<div class="cart_right_info_value" id="marketCount">0</div>
			
			<div class="cart_right_info_name">К оплате</div>
			<div class="cart_right_info_value" id="marketSum">0</div>
		</div>
		<a href="#" class="cart_right_btnNext button-disabled">Перейти к оформлению</a>
	</div>
@endsection
@section('vendor-script')

@endsection
@section('page-script')

<script>
	function countProduct(id, type){
		var pcount = +$(id).val();
		var max = +$(id).attr('max');
		var cartID = +$(id).data('id');
		if(type == 'up'){
			if(pcount < max){
				if(sendCountProduct(cartID, 'up') == 'good'){
					$(id).val(pcount + 1);
				};
			}
		}else{
			if(pcount > 1){	
				if(sendCountProduct(cartID, 'down') == 'good'){
					$(id).val(pcount - 1);
				};
			}
			
		}
		
	}
	function sendCountProduct(id, type){
	   $.ajax({
      url: "/method/market.cart.count.edit",
	        type: "POST",
			data: {'id':id, 'type':type},
			headers: {
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
},
      success:function(response){
		// return response;
		location.reload();
      },
      error: function(response) {
		if(typeof(response.data) != 'undefined') {
			   toastr.error(response.data);
		  }else{
			  jQuery.each(response.responseJSON.errors, function(key, value){
                  			toastr.error(value);
                  		});
		  }
      } 
      });
}
function cartProductOpen(id)
{
	var sum = $('#market' + id + ' .cart-market_title_product_sum').text();
	var count = $('#market' + id + ' .cart-market_title_product_count').text();
	var name = $('#market' + id + ' .cart-market_title_name').text();
	
	$('#marketSum').html(sum);
	$('#marketCount').html(count);
	$('#marketName').html(name);

	$('.cart-market.active').removeClass('active');
	$('#market' + id).addClass('active');
	$(".cart_right_btnNext").prop("href", "/markets/cart/order/" + id);
	$('.cart_right_btnNext').removeClass('button-disabled');
	
}
</script>
@endsection