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