<div class="card-data">
    @forelse ($cards ?? [] as $item)
        <div class="dashboard-list-item-wrapper">
            <div class="dashboard-list-item sent">
                <div class="dashboard-list-left">
                    <div class="dashboard-list-user-wrapper">
                        <div class="dashboard-list-user-icon">
                            <i class="las la-credit-card"></i>
                        </div>
                        <div class="dashboard-list-user-content">
                            @php
                                $name           = decrypt($item->name) ?? '';
                                $card_number    = decrypt($item->card_number) ?? '';
                                $card_cvc       = decrypt($item->card_cvc) ?? '';
                                $expiry_date    = decrypt($item->expiry_date) ?? '';
                            @endphp 
                            <h5 class="title">{{ $name }}</h5>
                            <span>{{ __("Card Number") }}: ********{{ substr($card_number, -4) }}@if ($item->default == true)
                                ({{ __("Default") }})
                            @endif</span>
                            <span class="date d-block text--danger">{{ __("Expiry Date") }}: {{ $expiry_date }} </span>
                        </div>
                    </div>
                </div>
                <div class="dashboard-list-right d-flex align-items-center">
                    <a href="{{ setRoute('user.card.make.default',$item->slug) }}" class="btn btn--base text-white me-1"><i class="fas fa-check-circle"></i></a>
                    <button type="button" class="btn--custom small bg--danger border--danger text-white"
                        data-bs-toggle="modal" data-bs-target="#deleteModal-{{ $item->slug }}"><i class="las la-trash-alt"></i></button>
                </div>
            </div>
        </div>
        <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            Start Modal
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
        <div class="modal fade" id="deleteModal-{{ $item->slug }}" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" id="deleteModalLabel">
                        <h4 class="modal-title">{{ __("Delete Confirmation") }}</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row mb-10-none">
                            <div class="col-xl-12 col-lg-12">
                                <h5>{{ __("Are you sure to delete this card?") }}</h5>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn--base bg--danger border--danger text-white" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
                        <form action="{{ setRoute('user.card.delete',$item->slug) }}" method="post">
                            @csrf
                            <button type="submit" class="btn--base">{{ __("Confirm") }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            End Modal
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    @empty
    <div class="alert alert-primary text-center">
        {{ __("Card not found!") }}
    </div>
    @endforelse
</div>

• [F] card.blade.php
  Delete

Save Cards

Save Your Card for Quick and Easy Future Payments Online

Simplify your payment experience by securely saving your card on our platform. After your initial transaction, you can choose to store your card details safely for future use. This feature eliminates the need to re-enter your payment information each time, making checkouts faster while keeping your data secure with advanced encryption and robust security measures.

• Navigate to the “Save Card” section.
• Click on “Add Card.”
• Choose your preferred setup method.
• Your card is now saved for future payments.