@extends('layouts.backend.app')
@section('content')

<div class="main-content stock">
<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">Head Office List</h6>
				<ol class="breadcrumb m-0">
					<li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home </a></li>
					<li class="breadcrumb-item active" aria-current="page">Head Office List</li>
				</ol>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-12">

		<div class="col-md-12 mobile-table-column stock-table">
			<div class="card">
				<div class="card-body">

				<div class="d-flex justify-content-end mb-3">
					<div class="btn btn-primary add_sales" > + Add New</div>
				</div>

				<table id="dataList" class="display" style="width:100%">
					<thead>
						<tr>
							<th>S.No</th>
							<th>Date</th>
							<th>No of Product</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
				
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</div>


<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
	<div class="modal-content">
		<div class="modal-header">
			<h1 class="modal-title fs-5" id="exampleModalLabel">Products</h1>
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		</div>
		<div class="modal-body">
			<div class="row product-row stock-add">
				<div class="col-md-12">
					<div class="card shadow-none">
						<div class="card-body p-0">
							<form id="vendor_submit" class="vendor-sale row">
								@csrf

								<input type="hidden" name="type" id="type">
								<input type="hidden" name="edit_id" id="edit_id">

								<div class="col-md-6">
									<div class="mb-3 w-100">
										<label class="form-label d-block">Date</label>
										<input type="date" class="form-control" id="date" name="date">
										<span class="text-danger date"></span>
									</div>
								</div>

								<div class="col-md-12">
									<div class="mb-3 selectdraf">
										<label for="exampleFormControlInput1"
											class="form-label w-100 d-flex justify-content-between">Salescode
											<span class="barcode_count">0</span> </label>
										<input type="text" class="form-control w-100 w-100" data-role="tagsinput"  id="barcode"
											placeholder="" name="barcode">
											<span class="text-danger barcode"></span>
										<small class="form-text w-100">Enter Salescode ( 5544220322057 )</small>
									</div>
								</div>
								<div class="col-md-12 mt-3">
									<button type="submit" class="btn btn-success">Submit</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection

@section('scripts')

<script type="text/javascript">

$(document).ready(function() {
  $(window).keydown(function(event){
	 const key = event.originalEvent.key;
    if(event.keyCode == 13) {
		var count=$("#barcode").tagsinput('items').length;
		$('.barcode_count').html(count+1);
    }
  });
});

$(document).on("click",".label-info",function(){
	var count=$("#barcode").tagsinput('items').length;
	$('.barcode_count').html(count);
});

$(document).ready(function() {
	
	var pathn = $('meta[name="base_url"]').attr("content")+'/headquarters-data';
	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.date;
			}
		},
        {
			"targets": 2,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return row.product;
			}
		},
		{
			"targets": 3,
			orderable: true,
			className: "text-center",
			"render": function ( data, type, row, meta ) {

				var tbl = '';

                    tbl+='<div class="action bank d-flex justify-content-start">';

                    tbl+='<a href="'+row.viewurl+'"class="edit text-info btn btn-sm btn-info text-white"><i class="fas fa-eye"></i></a>';

                    tbl+='<a href="'+row.invoiceurl+'"  class="edit text-info btn btn-sm btn-success text-white ms-3"> <i class="fas fa-file-invoice"></i> </a>';

				return tbl;
			}
		}
	  ]
	});
});


$(document).on("submit","#vendor_submit",function(e){
	
    e.preventDefault();

	$('.remove_err').html("");
	var url=$('#url').val();
	var form = $('#vendor_submit')[0];
	var formData = new FormData(form);
	
	var redirect=$('#redirect').val();
	$('.btn-primary').attr('disabled',true);
	$.ajax({
		url: "{{route('headquarters-submit')}}",
		type:'POST',
		processData: false,
		contentType: false,
		data: formData,
		success: function(data) {
			$("#rcm").remove();
			if(data.success==false){
				$('.btn-primary').attr('disabled',false);
				$('<div id="rcm" class="text-danger">Invalid sales code: '+data.msg+'</div>').insertAfter(".selectdraf");
				//custom_noty("error", 'Invalid sales code '+data.msg);
			} else {
				$('.btn-primary').attr('disabled',false);
				window.location.reload();
			}

		},error: function (xhr) {
			$('.btn-primary').attr('disabled',false);
			$('.user_err').html('');

			var i=0;
			$.each(xhr.responseJSON.errors, function(key,value) {

			replaced_key = key.replace(".", "_");
			value = value[0].replace(key,replaced_key);
			$('.'+replaced_key).append('<div class="text-danger user_err">'+value+'</div');

			i++;
			
		  }); 
		  
		 }
	});
});


//vendor add
$(document).on("click",".add_sales",function(e){
    $('.user_err').html('');
    $('.modaltitle').html("Add");
    $('.input').val("");
    $('#type').val("add");
    $('#exampleModal').modal('show');

});

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

</script>

@endsection