@extends('layouts.backend.app')

@section('content')

<div class="main-content shop">
<div class="page-content">
	<div class="container-fluid">
		<div class="page-title-box">
			<div class="row align-items-center">
				<div class="col-md-8">
					<h6 class="page-title">Vendor view</h6>
					<ol class="breadcrumb m-0">
						<li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home </a></li>
						<li class="breadcrumb-item active" aria-current="page">Vendor</li>
					</ol>
				</div>

				<div class="col-md-4">
					<a class="btn btn-primary button-1 float-right" href="{{ route('vendor-view', encrypt_decrypt('encrypt',$sales->vendor)) }}">
					<span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
				</div>
			</div>
		</div>

	</div>
	


<div class="row product-row">
	<div class="col-md-12">
		<div class="col-md-12 mobile-table-column mbp">
			<div class="card">
				<div class="card-body">
					<div class="card mb-4 shadow-none">
						<div class="mob-title">
							<h4>Vendor Details</h4>
						</div>

						<div class="mobileinfo py-3">
							<div class="mobileinfrigh px-3">
								<div class="row">
									<div class="col-lg-4">
										<div class="card-skyblue">
											<h3> Sold Quantity</h3>
											<p>{{!empty($sales)?count(explode(',',$sales->barcode)):''}}</p>
										</div>
									</div>
									<div class="col-lg-4">
										<div class="card-skyblue">
											<h3> Sold Date</h3>
											<p>{{!empty($sales)?$sales->date:''}}</p>
										</div>
									</div>
									<div class="col-lg-4">
										<div class="card-skyblue">
											<h3>Invoice</h3>
											<a href="{{route('vendor-invoice', encrypt_decrypt('encrypt',$sales->id))}}"
												class="download text-white fs-6 d-flex justify-content-center">
												<i class=" fas fa-download me-2"></i>
												Download
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="row">
						<div class="col-md-8 text-right">
							<b>Total Price: <span class="prdv"></span></b>
						</div>
						<div class="col-md-4 text-right">

							<button class="btn btn-primary updateall">
							<a onclick="uprow();" href="javascript:(0);" style="color:white;">Update Price</a></button>

						</div>
					</div>
					<table id="dataList" class="display" style="width:100%;">
						<thead>
							<tr>
								<th width="5%">S.no</th>
								<th width="10%"> Mobile Name</th>
								<th width="10%"> IMEI Number</th>
								<th width="10%"> DP Price</th>
								<th width="10%"> MOB Price</th>
								<th width="10%"> NLC Price</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</div>

@endsection

@section('scripts')

<script>

function uprow() {
	
    var chkId = '';
	$('.orderno').each(function () {
		chkId += $(this).val() + ",";  
    });
	chkId = chkId.slice(0, -1);

    var chkmopId = '';
	$('.ordermop').each(function () {
		chkmopId += $(this).val() + ",";  
    });
	chkmopId = chkmopId.slice(0, -1);

    var chkdpId = '';
	$('.orderdp').each(function () {
		chkdpId += $(this).val() + ",";  
    });
	chkdpId = chkdpId.slice(0, -1);
	
	var mgid = '';	
	$('.chkNumber').each(function () {
		mgid += $(this).val() + ",";  
	});
	mgid = mgid.slice(0, -1);

	$.ajax({
		type: "get",
		url: "{{ route('nlc-price-update') }}",
		data: "updateorder="+encodeURIComponent(chkId)+"&updatemop="+encodeURIComponent(chkmopId)+"&updatedp="+encodeURIComponent(chkdpId)+"&mgid="+encodeURIComponent(mgid),
		beforeSend: function() {
		}, success: function(respnse) {
			custom_noty("success", "Successfully update to your price");
			$('#dataList').DataTable().ajax.reload();
		}
	});
}


$(document).on("change", ".orderno", function () {
    var sum = 0;
    $(".orderno").each(function(){
        sum+= parseInt($(this).val());
    });
	$('.prdv').html(sum);
});

</script>

<script>

$(document).ready(function() {


	var pathn = $('meta[name="base_url"]').attr("content")+'/getvendor-details/{{$sales->id}}';
	var reporttables =  $('#dataList').DataTable({
		"order": [[ 0, "desc" ]],
        "serverSide": true,
		"stateSave": true,
        'processing': true,
		"pageLength": 20,
		"lengthMenu": [
            [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500],
            [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500]
        ],
        oLanguage: {sProcessing: '<div class="lds-css"><div style="width:100%;height:100%" class="lds-eclipse"><div></div><p>Please wait while we are processing your request.</p></div></div>' },
		"ajax": {
			'type': 'GET',
			'url': pathn,
			"data": function(d){
               d.pagenme = '{{ basename(url()->current()) }}',
			   d.lot_no = $("#lot_no").val(),
			   d.no_pro = $("#no_pro").val(),
			   d.sup_name = $("#sup_name").val(),
			   d.pay_status = $("#pay_status").val()
			}
		},
		searching: false,
		"iDisplayLength": 20,
		"columnDefs": [
		{
			"targets": 0,
			className: "text-center",
			"render": function ( data, type, row, meta ) {
				return row.index;
			}
		},
		{
			"targets": 1,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return row.product_name;
			}
		},
		{
			"targets": 2,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return row.imei;
			}
		},
		{
			"targets": 3,
			orderable: true,
			"render": function ( data, type, row, meta ) {

			var odr ='';
			odr +='<input name="textdp[]" type="text" id="textdp" style="padding: 1px 2px;width:50%;" value="'+row.dp_price+'" size="3" class="orderdp text-center" />';
			odr +='<input type="hidden" name="chk_dp[]" id="chk_dp" value="'+row.fid+'" class="chkdpNumber"/>';
			return odr;

			}
		},
		{
			"targets": 4,
			orderable: true,
			"render": function ( data, type, row, meta ) {

			var odr ='';
			odr +='<input name="textmop[]" type="text" id="textmop" style="padding: 1px 2px;width:50%;" value="'+row.mop_price+'" size="3" class="ordermop text-center" />';
			odr +='<input type="hidden" name="chk_mop[]" id="chk_mop" value="'+row.fid+'" class="chkmopNumber"/>';
			return odr;

			}
		},
		{
			"targets": 5,
			orderable: true,
			"render": function ( data, type, row, meta ) {

			var odr ='';
			odr +='<input name="textorder[]" type="text" id="textorder" style="padding: 1px 2px;width:50%;" value="'+row.nlc_price+'" size="3" class="orderno prcno text-center" />';
			odr +='<input type="hidden" name="chk_delete[]" id="chk_delete" value="'+row.fid+'" class="chkNumber"/>';
			return odr;

			}
		}]
	});
});


$(document).ready(function() {
	setTimeout(clprcs, 1000);
});

function clprcs() {
 	var sum = 0;
    $(".prcno").each(function(){
        sum+= parseInt($(this).val());
    });
	$('.prdv').html(sum);
}

function vldfn(){
	$('#dataList').DataTable().ajax.reload();
}

</script>


@endsection