@extends('layout.master')
@section('content')

<div class="main-content app-content">
  <div class="container-fluid">

    <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb">
      <div>
        <h2 class="main-content-title fs-24 mb-1"><Samp></Samp>Products</h2>
        <ol class="breadcrumb mb-0">
          <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
          <li class="breadcrumb-item active" aria-current="page">Products List</li>
        </ol>
      </div>
      <div class="d-flex">
        <!-- <div class="justify-content-center">
                  <a type="button" href="{{ route('payment.Stripeform') }}" class="btn btn-primary my-2 btn-icon-text d-inline-flex align-items-center">
                    <i class="fa solid fa-link me-2 fs-14"></i> New link
                  </a>
              </div> -->
      </div>
    </div>
    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
      {{ session('success') }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif


    <div class="card custom-card p-3">
      <div class="card-heade">
        <div class="table-responsive">
          <table id="delete-datatable_wrapper" class="table text-nowrap table-hover">
            <thead>
              <tr>
                <th class="p-3">Sno</th>
                <th>Sku</th>
                <th>Product Name</th>
                <th>Supplier Name</th>
                <th>Price</th>
                <!-- <th>Sale Status</th> -->
                <th>Actions</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($products as $prod)
              <tr>
                <td>{{ $prod->id }}</td>

                <td>{{  $prod->sku }}</td>
                <td>{{  $prod->product_name }}</td>
                <td>{{  $prod->supplier->contact_name ?? "No Supplier" }}</td>
                <td>{{  $prod->price }}</td>
                <!-- <td>{{  ($prod->sale > 0)? "On Sale":"No Sale" }}</td> -->


                <td>
                  <a href="{{ route('product.show', $prod->id) }}" class="btn btn-warning  btn-sm"><i
                      class="ri-eye-2-line "></i></a>
                  <a href="{{ route('product.edit', $prod->id) }}" class="btn btn-warning  btn-sm"><i
                      class="ri-edit-2-line "></i></a>
                  <a href="{{ route('product.delete', $prod->id) }}" class="btn btn-danger  btn-sm"><i
                      class="ri-delete-"></i>Delete</a>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>

        </div>
      </div>
    </div>



    <!-- Expense Index Blade -->



  </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
function copyToClipboard(text) {
  navigator.clipboard.writeText(text).then(function() {
    alert("Link copied");
  }).catch(function(err) {
    alert("Failed to copy: " + err);
  });
}
</script>
@endsection