@extends('layouts.admin', ['title' => 'اعتبارسنجی سفارشات'])
  
@section('css')
@stop

@section('content')
 
<div class="row">
	<div class="col-md-6">

		<h3> اعتبارسنجی و پردازش سفارشات <small><a href="/admin/orders/">بازگشت</a></small></h3>
		
	</div> 
</div> 
	@if (session('error-post'))
	<div class="row">
		<div class="col-md-12"> 
		<div class="alert alert-danger">
			{{ session('error-post') }}
		</div> 
		</div>
	</div>
	@endif
	@if (session('info-post'))
	<div class="row">
		<div class="col-md-12"> 
		<div class="alert alert-info">
			{{ session('info-post') }}
		</div> 
		</div>
	</div>
	@endif

	<div class="row">
		<div class="col-md-6"> 
			<form class="form-inline" id="formCheckBarcode" action="#" method="POST">
				<div class="form-group mb-2">
				بارکد سفارش/کالا :
				<input type="text" class="form-control ltr" id="barcode" autofocus value="" /> 
				</div>
				<button class="btn btn-info">بررسی</button>

				<label for="chkFreesample">
					<input type="checkbox" id="chkFreesample" value="1">
					هدیه
				</label>
				<label for="chkPostingCode">
					<input type="checkbox" id="chkPostingCode" value="1">
					بارنامه 
				</label>
			</form>
		</div>
		<div class="col-md-6"> 
			
		</div>
	</div>  
	
	<div class="row">
		<div class="col-md-12" style="margin-top: 10px;">
			<input type="hidden" id="card-id" value="0">
			<div id="order-data"></div>

			<div class="row" id="order-footer" style="display: none;">
				<form action="#" method="POST" id="formUpdateStatus">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">
					<div class="col-md-3">
						کدرهگیری پست/تیپاکس/...
						<br>
						<input type="text" class="form-control ltr" name="posting_code" id="posting_code">
						
					</div>
					<div class="col-md-3"> 
						وزن (گرم)
						<br>
						<input type="text" class="form-control ltr" name="posting_weight" id="posting_weight">
						
					</div>
					<div class="col-md-6">
						<br>
						<button type="submit" class="btn btn-success">تغییر به آماده ارسال</button>
						<input type="hidden" name="barcodes" id="barcodes" value="">
						<input type="hidden" name="logId" id="log-id" value="0">
					</div>
				</form>
			</div>
		</div>
	</div>
	
@stop

@section('javascript')
	<script>
		var activeBarcode = true;

		$(document).ready(function(){
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			 
			$(window).keydown(function(event){
				if(event.keyCode == 13 ) {
					if(!$('#barcode').is(':focus'))
					{
						if($('#posting_code').is(':focus'))
						{
							$( "#posting_weight" ).focus();
							event.preventDefault();
							return false;
						}
					}
				}
			});

			$("#formUpdateStatus").submit(function(event){
				
				if($("#posting_code").val() == "")
				{
					alert("لطفا کد رهگیری پست را وارد نمایید!"); 
					return false;
				}
				if($("#posting_weight").val() == "")
				{
					//alert("لطفا وزن دقیق کالا را وارد نمایید!"); 
					//return false;
				}
				
				var currentDate = new Date();
				$("#barcodes").val(`${$("#barcodes").val()}${currentDate.getHours()}:${currentDate.getMinutes()}:${currentDate.getSeconds()} | [پایان پردازش] \n`);


				return true;
			});

			$("#formCheckBarcode").submit(function(event){ 
				var barcode = $("#barcode").val();
				var chkPostingCode = false;
				$("#barcode").val("");
 
				if(barcode == "") return false;  
				 
				if($("#card-id").val() != "0") 
				{  
					barcode = ($("#chkFreesample").is(":checked") ? 1 : 0) + "_" + barcode;
					
					var chkPostingCode = $("#chkPostingCode").is(":checked") ? true : false;
					

					var currElemTr = $("tr[data-barcode='" + barcode + "']"); 
					var currElem = $("span[data-barcode='" + barcode + "']");
					var currElemStatus = $("span[data-barcode-status='" + barcode + "']");
					var currElemStatusBox = $("span[data-barcode-statusbox='" + barcode + "']");
					if(currElem.length != 0)
					{
						currElemTr.show();
						 
						var currentDate = new Date();

						$("#barcodes").val(`${$("#barcodes").val()}${currentDate.getHours()}:${currentDate.getMinutes()}:${currentDate.getSeconds()} | ${barcode} | ${currElemTr.children('.td-name').text()}\n`);

						currElem.text( parseInt(currElem.text().toString()) + 1 );
						if( parseInt(currElem.text()) ==  parseInt(currElem.data("count")) )
						{
							currElemStatus.text("کامل شد");
							currElemStatus.css('color', 'green');
							currElemStatus.attr("data-status", "true");
							currElemStatusBox.css("background-color", "green");
 
						}else{
							
							currElemStatus.text("ناقص");
							currElemStatus.css('color', 'red');
							currElemStatus.attr("data-status", "false");
							currElemStatusBox.css("background-color", "red");
						}

						$('#table-products > tbody:last-child').append(currElemTr);

					}
					else
					{
						alert("حواله خروجی مربوط به این بارکد برای این سفارش صادر نشده !");
					}

					if($("span[data-status='false']").length == 0)
					{
						$("#order-footer").show();
						$( "#posting_code" ).focus();
					}

					return false;
				}
 
				$.ajax({
					url: "/admin/orders-validation/barcode",
					type: 'POST',
					dataType: 'JSON',
					data: { barcode, chkPostingCode },
				})
				.done(function( response ) {
				
					console.log(response);

					if(response.status == "error")
					{
						alert(response.data);
						return;
					}

					if(response.type == "order")
					{
						if(response.data.withdraw_status == "0" || response.data.withdraw_status == "3")
						{
							alert("برگه خروج صادر شده برای این سفارش ناقص است.");
							return;
						}

						$("#formUpdateStatus").attr("action", "/admin/orders/" + response.data.id + "/status/set/16");
					  
						showOrderData(response.data);

						$("#barcodes").val("");

						var currentDate = new Date();
						$("#barcodes").val(`${$("#barcodes").val()}${currentDate.getHours()}:${currentDate.getMinutes()}:${currentDate.getSeconds()} | [شروع پردازش] \n`);
						
						$("#log-id").val(response.log_id);
						$("#card-id").val(response.data.id);
						$("#posting_code").val(response.data.posting_code);
						$("#posting_weight").val(response.data.posting_weight);

						
					}
				 
				})
				.fail(function(data) { 
					console.log(data);             
				});

				return false;
			}); 

			$("#order-data").on("click", ".btnResetBarcode", function(){
				 
				var barcode = $(this).data("barcode");
				$("span[data-barcode-status='" + barcode + "']").text("-");
				$("span[data-barcode-status='" + barcode + "']").attr("data-status", "false");
				$("span[data-barcode-status='" + barcode + "']").css("color", "black"); 

				$("span[data-barcode='" + barcode + "']").text("0"); 

				$("#order-footer").hide();

				var currentDate = new Date(); 
				$("#barcodes").val(`${$("#barcodes").val()}${currentDate.getHours()}:${currentDate.getMinutes()}:${currentDate.getSeconds()} | ${barcode} | [دکمه ریست] \n`);

			});

			function showOrderData(data)
			{ 
				var htmlDataItems = `
				<table class="table" id="table-products">
					<tbody>
					<tr>
						<th>عنوان</th>
						<th>تعداد</th>
						<th>بارکد</th>
						<th>اسکن شده</th>
						<th>وضعیت</th>
						<th></th>
					</tr>
					`;

				data.Items.forEach((element) => 
				{
					htmlDataItems += `
					<tr style="display:none;" data-barcode="${element.is_freesample}_${element.barcode}">
						<td class="td-name">${element.title}</td>
						<td>${element.num}</td>
						<td>${element.barcode}</td>
						<td><span data-count="${element.num}" data-barcode="${element.is_freesample}_${element.barcode}">0</span></td>
						<td>
							<span class="sqBox" data-barcode-statusbox="${element.is_freesample}_${element.barcode}"></span>
							<span data-status="false" data-barcode-status="${element.is_freesample}_${element.barcode}">-</span>
						</td>
						<td><button data-barcode="${element.is_freesample}_${element.barcode}" class="btn btn-default btn-sm btnResetBarcode">ریست</button></td>
					</tr>
					`;
				});

				htmlDataItems += `</tbody></table>`;

				var htmlData = `
				<table class="table">
					<tr>
						<th>کدسفارش</th>
						<td><a href="/admin/orders/${data.id}">DO-${data.invoice_number}</a></td>
						<th>تاریخ سفارش</th>
						<td>${data.orderAt}</td> 
					</tr>
					<tr>
						<th>خریدار</th>
						<td>${data.first_name} ${data.last_name}</td>
						<th>همراه</th>
						<td>${data.mobile}</td> 
					</tr>
					<tr>
						<th>وضعیت فعلی</th>
						<td>${data.statusTitle}</td>
						<th></th>
						<td></td> 
					</tr>
				</table> 
				`;
  
				$("#order-data").html(htmlData + htmlDataItems);
				
			}

		});
	</script>
@endsection