@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">Supplier</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">Suppliers 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">
      <div class="card-header d-flex justify-content-between align-items-center">
        <div class="card-title">Suppliers</div>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <table id="delete-datatable_wrapper" class="table text-nowrap table-hover">
            <thead>
              <tr>
                <th class="p-3">Sno</th>
                <th>contact_name</th>
                <th>Email</th>
                <th>Phone</th>
                <th>City</th>
                <th>Status</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($suppliers as $supplier)
              <tr>
                <td>{{ $supplier->id }}</td>
                <td>{{  $supplier->contact_name }}</td>
                <td>{{  $supplier->email }}</td>
                <td>{{  $supplier->phone }}</td>
                <td>{{  $supplier->city }}</td>

                <td>{{ $supplier->status == 0 ? "Not Approve" : ($supplier->status == 1 ? "Approve" : "Suspend") }}</td>
                <td class="d-flex justify-content-center align-items-center gap-1">
                  <a href="{{ route('supplier.show', $supplier->id) }}" class="btn btn-warning btn-sm"><i
                    class="ri-eye-2-line "></i></a>
                  <a href="{{ route('supplier.edit', $supplier->id) }}" class="btn btn-info  btn-sm">Edit</a>
                  <a href="{{ route('supplier.approve', $supplier->id) }}" class="btn btn-success  btn-sm">Approve</a>
                  <a href="{{ route('supplier.suspended', $supplier->id) }}" class="btn btn-primary  btn-sm">Suspend</a>
                  {{-- <a href="{{ route('supplier.edit', $supplier->id) }}" class="btn btn-warning btn-sm"><i
                    class="ri-edit-2-line "></i></a> --}}
                  <form action="{{ route('supplier.destroy', $supplier->id) }}" method="POST">
                    @csrf
                    @method('delete')
                    <button type="submit" class="btn btn-danger  btn-sm">Delete</button>
                  </form>
                </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