@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"><span id="priceCart">{{ $allPrice }}</span> ₽</div>
   </div>
   <div class="cart_right_info">
	   <div class="cart_right_info_name">Магазин</div>
	   <div class="cart_right_info_value">{{ $market->name }}</div>
	   
	   <div class="cart_right_info_name">Товаров</div>
	   <div class="cart_right_info_value">{{ count($products) }}</div>
	   
	   <div class="cart_right_info_name">Способ оплаты</div>
	   <div class="cart_right_info_value">Онлайн</div>

	   <div class="cart_right_info_name">Стоимость товаров</div>
	   <div class="cart_right_info_value" id="orderSum">{{ $allPrice }} ₽</div>

	   <div class="cart_right_info_name">Стоимость доставки</div>
	   <div class="cart_right_info_value" id="orderSum">0 ₽</div>

	   <div class="cart_right_info_name">Доставка</div>
	   <div class="cart_right_info_value" id="orderName">СДЕК</div>

   </div>
   <div onclick="sendCart();" class="cart_right_btnNext button-disabled">Оплатить</div>
</div>
@endmobile
 <div class="content">
	<div class="cart_order">
		<form class="" id="orderData" method="post">
		@CSRF
		 <input name="market_id" value="{{ $market->id }}" type="hidden">
		 
		<div class="cart_order_title">Покупатель</div>
		<div class="row">
			<div class="order-name_item">
                     <label for="">ФИО:</label>
                     <input name="fio" placeholder="Введите фио" value="{{ Auth::user()->name ?? '' }}" type="text">
            </div>
			<div class="order-name_item">
                     <label for="">Email:</label>
                     <input name="email" placeholder="Введите Email" value="{{ Auth::user()->email ?? '' }}" type="text">
            </div>
			<div class="order-name_item">
                     <label for="">Телефон:</label>
                     <input name="phone" placeholder="Введите телефон" value="{{ Auth::user()->phone ?? '' }}" type="text">
            </div>
			<div class="order-name_item">
                     <label for="">Доставка:</label>
				<div class="order-name_item_swap">
                     <select name="send">
                        <option selected="" value="sdek">СДЭК</option>
                       <!--  <option value="ДЕЛОВЫЕ ЛИНИИ">ДЕЛОВЫЕ ЛИНИИ</option>
						  <option value="ПЕК"> ПЕК</option>
						   <option value="Почта России">Почта России</option>  !-->
                     </select>
				</div>
			</div>
			</div>
			<div class="cart_order_title">Выберите способ получения</div>
				<input type="hidden" id="deliveryType" name="delivery_type" value="0">
			<div class="row">
				<div class="order-btn_delivery_type active" data-type="0">Самовывоз</div>	
				<div class="order-btn_delivery_type" data-type="1">Доставка</div>	
			</div>
			
			<div class="content_delivery-type active" id="dtype_0">
				
			<div class="row">
				<div class="order-name_item">
                     <label for="">Код ПВЗ:</label>
                     <input name="pvz" placeholder="Код ПВЗ" type="text">
				</div>
				<div class="order-name_item">
                     <label for="">Адрес ПВЗ:</label>
                     <input name="pvz_address" placeholder="Адрес ПВЗ" type="text">
				</div>
			</div>
				<div id="forpvz" style="height:500px;"></div>
			</div>
			
			<div class="content_delivery-type" id="dtype_1">
			<div class="row">
			<div class="order-name_item">
                     <label for="">Адрес доставки*:</label>
                     <input name="address" placeholder="Введите адрес" id="delivery_address" value="" type="text">
            </div>
			<div class="order-name_item">
                     <label for="">Индекс*:</label>
                     <input name="index" placeholder="Введите индекс" id="delivery_index" value="" type="text">
            </div>
			<div class="order-name_item">
                     <label for="">Комментарии к заказу:</label>
                     <input name="comments" placeholder="Введите комментарий" value="" type="text">
            </div>
			<div class="order-name_item">
                     <div class="btnsendprice_delivery" onclick="delivery_price();" type="text">Расчитать стоимость доставки</div>
            </div>
			</div>
			</div>
			
		</form>
	 </div>
 </div>

@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"><span id="priceCart">{{ $allPrice }}</span> ₽</div>
		</div>
		<div class="cart_right_info">
			<div class="cart_right_info_name">Магазин</div>
			<div class="cart_right_info_value">{{ $market->name }}</div>
			
			<div class="cart_right_info_name">Товаров</div>
			<div class="cart_right_info_value">{{ count($products) }}</div>
			
			<div class="cart_right_info_name">Способ оплаты</div>
			<div class="cart_right_info_value">Онлайн</div>

			<div class="cart_right_info_name">Стоимость товаров</div>
			<div class="cart_right_info_value" id="orderSum">{{ $allPrice }} ₽</div>

			<div class="cart_right_info_name">Стоимость доставки</div>
			<div class="cart_right_info_value" id="orderSum">0 ₽</div>

			<div class="cart_right_info_name">Доставка</div>
			<div class="cart_right_info_value" id="orderName">СДЕК</div>

		</div>
		<div onclick="sendCart();" class="cart_right_btnNext button-disabled">Оплатить</div>
	</div>
@endsection
@section('vendor-script')
<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js" charset="utf-8"></script>
@endsection
@section('page-script')

<script>
function delivery_price(){
	var delivery_address = $('#delivery_address').val();
	var delivery_index = $('#delivery_index').val();
	if (delivery_address == '' || delivery_address == null || typeof delivery_address == "undefined") {
		return toastr.error('Вы не указали адрес доставки!');
		
	}
	if (delivery_index == '' || delivery_index == null || typeof delivery_index == "undefined") {
		return  toastr.error('Вы не указали индекс доставки!');
	}
	 $.ajax({
      url: "/method/market.delivery.price",
	        type: "POST",
			 headers: {
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
},
			data: { 'address' : delivery_address, 'index' : delivery_index, 'market_id' :   },
      success:function(response){
		 $('#orderSum').html(response + ' ₽');
      },
      error: function(response) {
		if(typeof(response.responseJSON.data) != 'undefined') {
			   toastr.error(response.responseJSON.data);
		  }else{
			  jQuery.each(response.responseJSON.errors, function(key, value){
                  			toastr.error(value);
                  		});
		  }
      } 
      });
}
var widjet = new ISDEKWidjet({
	hidedelt: true,
	defaultCity: 'Москва',
	cityFrom: 'Москва',
	link: 'forpvz',
	onChoose: function(info){ 
		ipjq('[name="pvz"]').val(info.id);
		ipjq('[name="pvz_address"]').val(' г.' + info.cityName + ', ' + info.PVZ.Address);
		//console.dir(info);
	}
});
$('.order-btn_delivery_type').on('click', function() {
	$('.order-btn_delivery_type').removeClass('active');
  $(this).addClass('active');
  var id = $(this).data('type');
  $('.content_delivery-type').removeClass('active');
  $('#dtype_' + id).addClass('active');
});

var form = $('#orderData');
    var inputs = form.find('input');
    form.change(function(){
        var status = [];
        inputs.each(function(){
            if(this.value == ''){
                return status.push('no');
            }
            else{
                return status.push('ok');
            }
        });
        if(status[0] == 'ok' && status[1] == 'ok' && status[2] == 'ok' && status[3] == 'ok'){
            $('.cart_right_btnNext').removeClass('button-disabled');
        }else{
			 $('.cart_right_btnNext').addClass('button-disabled');
		}
    });
	
function sendCart(){		
var newdata = new FormData($('#orderData')[0]);	
	   $.ajax({
      url: "/method/market.cart.buy",
	        type: "POST",
			data: newdata,
			 contentType: false,
      processData: false,
      success:function(response){
		 window.location.replace(response);
      },
      error: function(response) {
		if(typeof(response.data) != 'undefined') {
			   toastr.error(response.data);
		  }else{
			  jQuery.each(response.responseJSON.errors, function(key, value){
                  			toastr.error(value);
                  		});
		  }
      } 
      });
}
</script>
@endsection