@extends('layouts.agent')


@section('content')
<livewire:agents.products.product-list />
	{{-- <div class="row">
    	<div class="col-md-12">
			@foreach ($products as $key => $product)
        		<div class="product {{ ($loop->last) ? '' : 'pb-3' }}">
	        		<div class="d-flex">
	        			<div class="w-25">
	        				<img class="d-block w-100" src="{{ url('products') . '/' . $product->picture }}" alt="{{ $product->product_name }}">
	        			</div>
		        		
	        			<div class="w-75">
			        		<table class="table table-borderless h-100">
			        			<tbody>
		        					<tr>
		        						<input type="hidden" class="product_id" value="{{ $product->id }}">
				        				<td colspan="2">{{ $product->product_name }}</td>
			        				</tr>
			        				<tr>
				        				<td class="w-50">
				        					<p class="mb-0">RM{{ $product->sell_price }}</p>
				        					<small>RM{{ $product->sell_price }}/Each</small>
				        				</td>
				        				<td class="w-50" align="center">
				        					<form action="{{ route('agent.carts.store') }}" method="POST">
				        						@csrf
						                        <input type="hidden" value="{{ $product->id }}" name="id">
						                        <input type="hidden" value="{{ $product->product_name }}" name="product_name">
						                        <input type="hidden" value="{{ $product->sell_price }}" name="sell_price">
						                        <input type="hidden" value="{{ $product->picture }}"  name="picture">
						                        <input type="hidden" value="1" name="quantity">
    				        					<button class="btn add-item-btn" type="submit">Add</button>
				        					</form>
				        					<div class="d-flex justify-content-center" id="add-to-cart-qty-{{ $key }}" data-row="{{ $key }}" style="display: none !important;">
				        						<button class="btn btn-sm minus-item-qty-btn mr-1">-</button>
					        					<input type="number" min="1" max="99" maxlength="2" class="form-control-plaintext qty-input text-center w-25" name="item-qty" value="0" />
					        					<button class="btn btn-sm add-item-qty-btn ml-1">+</button>
				        					</div>
				        				</td>
			        				</tr>
			        			</tbody>
			        		</table>
			        	</div>
	        		</div>
	        	</div>
			@endforeach
			{{ $products->links() }}
    	</div>
	</div> --}}
@endsection

@section('scripts')
{{-- <script src="{{ asset('js/cart.js') }}"  type="text/javascript"></script> --}}
@endsection