@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>Seller</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">Seller 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">Sellers</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 ($sellers as $seller)
              <tr>
                <td>{{ $seller->id }}</td>

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

                  <!-- <a href="{{ route('seller.destroy', $seller->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