@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> 
	<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>
			</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">
				<form action="/admin/orders-sending/status/update" method="POST">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">
					<table class="table" id="table-orders">
						<tbody>
						<tr> 
							<th>ردیف</th>
							<th>کد پیگیری سفارش </th>
							<th>نام خریدار</th>
							<th>شماره موبایل </th>
							<th>وزن مرسوله</th>
							<th>کد رهگیری مرسوله </th>
							<th>مقصد</th>
							<th></th>
						</tr> 
						</tbody>
					</table>
					<button type="submit" class="btn btn-success btn-send-form" style="display: none;">تغییر به ارسال شد</button>
					<a  href="/admin/orders-sending/print/," target="_blank" class="btn btn-primary btn-send-form" id="aPrint" style="display: none;">چاپ</a>
						
				</form>
			</div>

			 
		</div>
	</div>
	
@stop

@section('javascript')
	<script>
		$(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;
				}
				

				return true;
			});

			$("#formCheckBarcode").submit(function(event){ 
				var barcode = $("#barcode").val();
				
				setTimeout(function(){
					$("#barcode").val("");
				}, 1000);
 

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

					if(response.status == "error")
					{
						alert(response.data);
						return;
					}
 
					showOrderData(response.data); 
					 
				 
				})
				.fail(function(data) { 
					console.log(data);             
				});

				return false;
			}); 

			$("#order-data").on("click", ".btn-remove", function(){
				var id = $(this).data("id");
				$(this).parent().parent().remove();

				$("#aPrint").attr("href", $("#aPrint").attr("href").replace("," + id + ",", ",")   );

				if($('#table-orders > tbody > tr').length == 1)
					$('.btn-send-form').hide();
			});

			function showOrderData(data)
			{  
				var index = $('#table-orders > tbody > tr').length;

				$('.btn-send-form').show();

				var currentHref = $("#aPrint").attr("href");

				if(currentHref.includes("," + data.id + ","))
				{
					alert("کد وارد شده تکراری است !");
					return;
				}

				$("#aPrint").attr("href", currentHref + data.id + "," );

				var htmlDataItems = ` 
					<tr>
						<th>${index}</th>
						<th>DO-${data.invoice_number}</th>
						<th>${data.first_name} ${data.last_name}</th>
						<th>${data.mobile}</th>
						<th>${data.posting_weight}</th>
						<th>${data.posting_code}</th>
						<th>${data.province} / ${data.city}</th> 
						<th>
							<input type="hidden" name="ids[]" value="${data.id}" />
							<button type="button" class="btn btn-danger btn-sm btn-remove" data-id="${data.id}" >حذف</button>
						</th>
					</tr>
					`;
  
				$('#table-orders > tbody:last-child').append(htmlDataItems); 
				
			}

		});
	</script>
@endsection