@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>Payment Transections</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">Payment 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>Listing Id</th>
                <th>Order no</th>
                <th>Supplier Name</th>
                <th>Seller Name</th>
                <th>Product Name</th>
                <th>Amount</th>
                <th>Msg</th>
                <th>Status</th>
                <th>Created at</th>

              </tr>
            </thead>
            <tbody>
              @foreach ($transactions as $transaction)
              <tr>
                <td>{{  $transaction->id }}</td>
                <td>{{  $transaction->listingId }}</td>
                <td>{{  $transaction->orderId }}</td>
                <td>{{  $transaction->seller->contact_name ?? "No seller" }}</td>
                <td>{{  $transaction->supplier->contact_name ?? "No Supplier" }}</td>
                <td>{{  $transaction->sellerListing->product->product_name }}</td>
                <td>{{  $transaction->amount }}</td>
                <td>{{  $transaction->paymentType }}</td>
                <td>{{  $transaction->paymentStatus }}</td>
                <td>{{  $transaction->paymentDate }}</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