@extends('layouts.backend.app')

@section('content')

<!-- Start right Content here -->

 <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">Product - Lot Number ( {{$lot_no}}	)</h6>
						<ol class="breadcrumb m-0">
							<li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home</a></li>
							<li class="breadcrumb-item active" aria-current="page">Stock List</li>
						</ol>
					</div>
					<div class="col-md-4">
						<a class="btn btn-primary button-1 float-right " href="{{ route('stock-list') }}">
						<span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
					</div>
				</div>
			</div>
		 </div>

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

		<div class="row gutters-5 pb-2">
			<div class="col text-left text-md-left">
				<h5 class="mb-md-0 h6">All Stock</h5>
			</div>
			<div class="col-md-2 text-right d-none">
				<a class="btn btn-sm btn-secondary btn-st btn-thrd" href="{{ route('stock_export') }}">Export Stock</a>
			</div>
			<div class="col-md-1 text-right">
				<button class="btn btn-sm btn-secondary btn-st btn-thrd fltr-btn fltrbtn">Filter <i class="las la-filter"></i></button>
			</div>
		</div>

		<form method="POST" action="memberdata" name="memberdata" id="memberdata" enctype="multipart/form-data">
		@csrf

		<!--Filter-->
		<div class="fltr-main pt-2 pb-2" style="display: none;">
			<div class="row">

				<div class="form-group col-md-4 col-sm-6">
					<label class="form-label" for="ser_lot_no">Temp Barcode</label>
					<input type="text" class="form-control" id="ser_lot_no" name="ser_lot_no" value="">
				</div>

				<div class="form-group col-md-4">
					<label class="form-label">Status</label>
					<select class="form-control single-sel sel-style serviceSelect" id="ser_sup_status" name="ser_sup_status">
						<option value="">Select</option>
						<option value="Active">Active</option>
						<option value="Inactive">Inactive</option>
					</select>
				</div>

				<div class="form-group col-md-4">
					<label class="form-label" style="font-size: 2px;">&nbsp;</label>
						<div class="srch-same-line pt-2 pb-2">

<button type="button" class="searchdata btn btn-sm btn-primary btn-st">Search <i class="la la-search"></i></button>

<button type="button" class="btn btn-sm btn-secondary btn-st reset_searchdata">Reset <i class="la la-refresh"></i></button>

					</div>
				</div>
			</div>
		</div>
	</form>		
	<!--Filter-->

	<table class="display" style="width:100%" id="dataList">
		<thead>
			<tr>
				<th width="40px"><div align="center">S.No</div></th>
				<th>Temp Barcode</th>
				<th>Details</th>
				<th>Quality Checking</th>
				<th>Testing</th>
				<th>Service</th>
				<th>NLC</th>
			</tr>
		</thead>
		<tbody>
		</tbody>
	</table>

	</div></div></div></div></div>
		</div>
	</div>
</div>
		<!-- end main content-->



		<!-- Delete Modal HTML -->
<div id="deleteModal" class="modal fade">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Delete Record</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<p>Are you sure you want to delete these Records?</p>
				<p class="text-warning"><small>This action cannot be undone.</small></p>
			</div>
			<input type="hidden" id="delete_id">
			<div class="modal-footer">
				<input type="button" class="btn btn-default closebtn" data-dismiss="modal" value="Cancel">
				<input type="button" class="btn btn-danger" onclick="deleterecord()" value="Delete">
			</div>
		</div>
	</div>
</div>

@endsection

@section('scripts')

<script>
var lot_no = "{{ $lot_no }}";
</script>

<script src="{{ asset('backend/assets/js/stock-view.js') }}"></script>

<script>
function vldfn(){
	$('#dataList').DataTable().ajax.reload();
}
</script>

@endsection