@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">Stripe</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">Client Invoice 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-heade">
                <div class="table-responsive">
                    <table class="table text-nowrap table-hover">
                        <thead>
                            <tr>
                                <th class="p-3">Sno</th>
                                <th>Client Name</th>
                                <th>Email</th>
                                <th>Amount</th>
                                <th>Payment Link</th>
                                <th>Status</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($allpayments as $payment)
                            <tr>
                                <td>{{ $payment->id }}</td>

                                <td>{{ $payment->client_name }}</td>
                                <td>{{ $payment->email }}</td>
                                <td>${{ number_format($payment->amount, 2) }}</td>
                                <td><a  onclick="copyToClipboard('{{ $payment->paymentLink }}')">Stripe Link</a></td>

                                <td>{{ $payment->status }}</td>


                                <td>
                                   
                                    @can('expense edit')
                                        <a href="{{ route('expense.edit', $payment->id) }}" class="btn btn-warning  btn-sm"><i class="ri-edit-2-line "></i></a>
                                    @endcan()
                                    

                                </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