@extends('layouts.app')

@section('content')
	<div class="content-page">
		<div class="content">
			<!-- Start Content-->
			<div class="container-fluid">
				<!-- start page title -->
				<div class="row mt-3 mb-3">
					<div class="col-8 col-sm-8 col-md-8 col-lg-8">
						<div class="page-title-box">
							<h4>Products</h4>
							<ol class="breadcrumb m-0">
								<li class="breadcrumb-item">
									<a href="{{route('dashboard')}}">Dashboard</a>
								</li>
								<li class="breadcrumb-item active">
									Products
								</li>
							</ol>
						</div>
					</div>
					<div class="col-4 col-sm-4 col-md-4 col-lg-4 text-right">
						
					</div>
				</div>
				<!-- end page title -->
				
				
				<div class="row">
					<div class="col-sm-12">
						
						<div class="car">
							<div class="card-bod">
								<div class="row">
									<div class="col-sm-4">
										<div class="page-title-box">
											<p class="page-title">
												<i class="mdi mdi-format-list-bulleted"></i> Products List
											</p>
										</div>
									</div>
									<div class="col-sm-4">
										
									</div>
									<div class="col-sm-4 text-right mt-3">
										
										<div class="dropdown d-inline-block" id="filterDropdown">
										  <button class="btn btn-secondary dropdown-toggle mr-3" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										    <i class="mdi mdi-filter"></i> Filter
										  </button>
										  <div class="dropdown-menu dropdown-menu-right"  aria-labelledby="dropdownMenu2" style="min-width:350px;">
										   <form method="get" class="px-2 py-2">
											
												<div class="form-group mb-3">
													<label for="">Product Name</label>
													<input type="text" name="product_name" value="" class="form-control">
												</div>
												<div class="form-group mb-3">
													<label for="">Product SKU</label>
													<input type="text" name="product_sku" value="" class="form-control">
												</div>
												<div class="form-group mb-3">
													<label for="">Batch Number</label>
													<input type="text" name="batch_number" value="" class="form-control">
												</div>
												<div class="form-group mb-3">
													<label for="example-select">Category</label>
													<select class="form-control filterCategories"  name="category">
														<option value="">&nbsp;</option>
														<br />
<b>Warning</b>:  Undefined variable $categories in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/products/index.blade.php</b> on line <b>71</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/products/index.blade.php</b> on line <b>71</b><br />
													</select>
												</div>
												
			
												<div class="form-group mb-3">
													<label for="">Price Range</label>
													
													<div class="input-group">
														<input type="number" min="1" name="price_from" value="" class="form-control">
														<div class="input-group-prepend">
															<span class="input-group-text">To</span>
														</div>
														<input type="number" min="1" name="price_to" value="" class="form-control">
													</div>
													 
													
												</div>
												
												<button type="submit" class="btn btn-danger btn-rounded waves-effect waves-light">
													<span class="btn-label"><i class="mdi mdi-filter"></i></span>
													Apply
												</button>
												<a href="{{route('products.index')}}" class="btn btn-secondary btn-rounded waves-effect waves-light float-right">
													<span class="btn-label"><i class="mdi mdi-refresh"></i></span>
													Clear
												</a>
											</form>
										  </div>
										</div>
										
										<a href="{{ route('products.create') }}" class="btn btn-success waves-effect waves-light" role="button">
											<i class="mdi mdi-plus"></i> Add New
										</a>
									</div>
								</div>
	
								<div class="row">
									<div class="col-12">
										<div class="table-responsive">
											
											<table class="table mb-0 table-bordered ">
												<thead class="thead-dark">
													<tr> 
														<th width="50">SKU</th>
														<th>Product Id</th>
														<th>Product Brand</th>
														<th>Product Name</th>
														<th>Categories </th>
														<th class="">Total Stock Balance Quantity</th>
														<th>Current Batch</th>
														<th>Current Batch Balance Quantity</th>
														<th>Price <i class="fa fa-info-circle ml-1" data-toggle="tooltip" title="Price from Current Active Stock Batch"></i> </th>
														<th>Popular</th>
														<th>Enabled</th>
														<th class="text-right">Action</th>
													</tr>
												</thead>
												<tbody>
													<br />
<b>Warning</b>:  Undefined variable $products in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/products/index.blade.php</b> on line <b>137</b><br />
<br />
<b>Fatal error</b>:  Uncaught TypeError: count(): Argument #1 ($value) must be of type Countable|array, null given in /home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/products/index.blade.php:137
Stack trace:
#0 {main}
  thrown in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/products/index.blade.php</b> on line <b>137</b><br />