@extends('layout')

@section('dashboard-content')

<div class="card">
            <div class="card-body">
              
              <div style="margin-top: 20px; margin-bottom: 20px;">
              <h3 class="" style="display: inline-block; width: 200px;">Products</h3>
                <a href="{{ URL::to('product-form') }}" style="float:right; color: white; background-color: #9900CE; border-radius: 5px;
            padding: 10px; ">Add New Product</a>
              </div>

              <!-- Default Table -->
              <table class="table datatable">
                <thead>
                  <tr>
                    
                    <th>Image</th>
                    <th scope="col">Product Name</th>
                    <th scope="col">Category</th>
                    <th scope="col">Quantity</th>
                    <th scope="col">Description</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                @foreach($products as $product)
                  <tr>
                  <td><img src="{{$product->image}}" style="width: 80px; height: 80px; border-radius: 10px; border: solid 0.5px black; padding: 1px;" /></td>

                    <td>{{ $product->product }}</td>
                    <td>{{ !empty($product->category) ? $product->category->category_name : '' }}</td>
                    <td>{{ $product->quantity }}</td>
                    <td>{{ $product->description }}</td>
                   <td>
                   <a href="{{ URL::to('edit-product') }}/{{ $product->id }}"><i class="bi bi-pencil-square"></i></a>
                    |
                    <a href="{{ URL::to('delete-product') }}/{{ $product->id }}"><i class="bi bi-trash-fill" style="color: red;"></i></a>
                   </td>
                    
                  </tr>
                  @endforeach

                </tbody>
              </table>
              <!-- End Default Table Example -->
            </div>
          </div>

        @stop