@extends('layouts.frontend-master')
@section('title', 'Home')
@push('style')
    <style>

    </style>
@endpush
@php
    $loan = \App\Models\Loan::where('member_id', auth()->user()->member->id ?? '')
        ->orderBy('id', 'desc')
        ->first();
@endphp
@section('content')
    <div class="max-w-lg mx-auto my-4">
        <h3 class="text-lg font-medium">Wallet Transactions</h3>
        <div class="arco-table arco-table-size-large arco-table-border arco-table-hover arco-table-empty"><!---->
            <div class="arco-spin"><!---->
                <div class="arco-table-container">
                    <div class="arco-scrollbar arco-scrollbar-type-embed" style="height: 100%;">
                        <div class="arco-scrollbar-container arco-table-content arco-table-content-scroll-x">
                            <table class="arco-table-element" cellpadding="0" cellspacing="0">
                                <colgroup>
                                    <col>
                                    <col>
                                    <col>
                                </colgroup>
                                <thead>
                                    <tr class="arco-table-tr">
                                        <th class="arco-table-th"><span
                                                class="arco-table-cell arco-table-cell-align-left"><span
                                                    class="arco-table-th-title">Date</span><!----><!----></span><!----><!---->
                                        </th>
                                        <th class="arco-table-th"><span
                                                class="arco-table-cell arco-table-cell-align-right"><span
                                                    class="arco-table-th-title">Amount</span><!----><!----></span><!----><!---->
                                        </th>
                                        <th class="arco-table-th"><span
                                                class="arco-table-cell arco-table-cell-align-left"><span
                                                    class="arco-table-th-title">Status</span><!----><!----></span><!----><!---->
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($transactions as $transaction)
                                        <tr class="arco-table-tr arco-table-tr-empty">
                                            <td class="arco-table-td"><span
                                                    class="arco-table-cell arco-table-cell-align-left"><!----><!----><span
                                                        class="arco-table-td-content">{{ $transaction->created_at->format('d-m-Y') }}</span></span>
                                            </td>
                                            <td class="arco-table-td"><span
                                                    class="arco-table-cell arco-table-cell-align-left"><!----><!----><span
                                                        class="arco-table-td-content">{{ number_format($transaction->amount ?? 0) }}
                                                        {{ $settings_->where('key', 'currency')->first()->value ?? '' }}</span></span>
                                            </td>
                                            <td class="arco-table-td"><span
                                                    class="arco-table-cell arco-table-cell-align-left"><!----><!----><span
                                                        class="arco-table-td-content">{{ $transaction->status ?? '' }}</span></span>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr class="arco-table-tr arco-table-tr-empty">
                                            <td class="arco-table-td" colspan="3"><span
                                                    class="arco-table-cell arco-table-cell-align-left"><!----><!----><span
                                                        class="arco-table-td-content">
                                                        <div class="arco-empty">
                                                            <div class="arco-empty-image"><svg viewBox="0 0 48 48"
                                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
                                                                    stroke="currentColor"
                                                                    class="arco-icon arco-icon-exclamation-circle-fill"
                                                                    stroke-width="4" stroke-linecap="butt"
                                                                    stroke-linejoin="miter">
                                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                                        d="M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-2-11a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2Zm4-18a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V15Z"
                                                                        fill="currentColor" stroke="none"></path>
                                                                </svg></div>
                                                            <div class="arco-empty-description"> No transactions found
                                                            </div>
                                                        </div>
                                                    </span></span></td>
                                        </tr>
                                    @endforelse
                                </tbody><!---->
                            </table>
                        </div><!--v-if--><!--v-if-->
                    </div>
                </div><!----><!----><!---->
            </div>
        </div>
    </div>
@endsection