@extends('layouts.admin')
@section('body')
@if($products->count()>0)
<div class="table-responsive">
  <h2>Product Dashboard</h2>
  <table class="table">
    <thead class="thead-dark">
      <tr>
        <th scope="col">ลำดับ</th>
        <th scope="col">รูป</th>
        <th scope="col">รหัส</th>
        <th scope="col">ชื่อภาษาไทย</th>
        <th scope="col">หมวดหมู่</th>
        <th scope="col">สถานะ</th>
        <th scope="col">แก้ไขรูปภาพ</th>
        <th scope="col">แก้ไขข้อมูล</th>
        <th scope="col">ลบ</th>
      </tr>
    </thead>
    <tbody>
            @foreach($products as $product)
            <tr>
        <th scope="row">{{$i}}</th>
        <td>
            <img src="{{asset('storage')}}/product_image/{{$product->image}}" alt="" width="100px" height="100px">
        </td>
        <td>{{$product->itmcd}}</td>
        <td>{{$product->name}}</td>
        <td>{{$product->category->name}}</td>        
        <td>{{$product->status}}</td>
        <td>
            <a href="/admin/editProductImage/{{$product->id}}" class="btn btn-success">Image</a>
        </td>
        <td>
            <a href="/admin/editProduct/{{$product->id}}" class="btn btn-primary">Edit</a>
        </td>
        <td>
            <a href="/admin/deleteProduct/{{$product->id}}" onclick="return confirm('คุณต้องการลบข้อมูลหรือไม่ ?')" class="btn btn-danger">Remove</a>
        </td>
      </tr>
      @endforeach
    </tbody>
  </table>
  {{$products->links()}}
</div>
@else
    <div class="alert alert-danger my-2">
          <p>ไม่มีข้อมูลสินค้า</p>
    </div>
@endif

@endsection