@extends('backend.layouts.app')
@section('content')
<style type="text/css">
	.block{
		margin-bottom: 0;
	}
</style>
<div class="content">
	<div class="block block block-rounded">
	    <div class="block-header block-header-default">
	        <h3 class="block-title"> Return Product</h3>
	    </div>
	    <div style="max-height: 610px; overflow-y: scroll;">
	    	<div class="container mt-4 mb-4">
				<form action="javascript:void(0)" method="GET">
					<div class="form-group row offset-lg-2">
						<label class="col-3 col-form-label text-end">Search Invoice :</label>
						<div class="col-6">
							<input class="form-control" name="product_name" id="search"
								placeholder="example : 000001">
						</div>
					</div>
				</form>
				<div class="show_invoice">
                    @include('backend.file.return.invoice-list')
				</div>
	    	</div>
	    </div>
	</div>
</div>
@endsection

@section('script')
<script type="text/javascript">
	$("body").on("keyup", "#search", function () {
		let searchData = $("#search").val();
		let searchDataLength = searchData.length;
		$.ajax({
			headers: {
				"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
			},
			type: "POST",
			url: "get-invoice",
			data: {
				search: searchData,
				searchDataLength: searchDataLength,
			},
			success: function (result) {
				$(".show_invoice").html(result);
			},
		});
	});
</script>
@endsection