@extends('theme.default')
@section('content')

			<div class="col-md-12 grid-margin stretch-card">
            <div class="card">
              <div class="card-body">
                
				 @if(session()->get('success'))
				<div class="alert alert-success">
				  {{ session()->get('success') }}  
				</div>
			  @endif

						  
			  
			  <div>
    <a style="margin: 19px;" href="{{ route('products.create')}}" class="btn btn-primary">New Products</a>
    </div> 
				
					  <div>
    <h3>  Products </h3>
    </div>
               
                <div class="table-responsive">
                  <table id="dataTableExample" class="table">
                    <thead>
                      <tr>
                        <th>Title</th>
                        <th>Category</th>
                        <th>Tax</th>
						<th>Price </th>
						<th>OfferPercentage </th>
						<th>Action </th>
                      </tr>
                    </thead>
                    <tbody>
                   
                  
                 
                  @foreach($products as $products)
                    <tr>
                      <td>{{$products->title}}</td>
					  <td>{{$category[$products->category]}}</td>
					  <td>{{$products->tax}}</td>
					  <td>{{$products->price}}</td>
					   <td>{{$products->offerpercentage}}</td>
                       <td><a href="{{ route('products.edit',$products->id)}}" class="btn btn-primary">Edit</a>
						 <!--<a class="btn btn-danger" onclick="return confirm('Are you sure?')" href="{{ route('products.destroy',$products->id) }}">Delete</a> -->
					   </td>
                    </tr>
                   @endforeach 
					  
					  
					  
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
					</div>
				

@endsection