@extends('admin.layouts.layout')

@section('content')
    <section id="container boxx">
        <section class="wrapper">

            <!-- page start-->

            @if (session()->has('success'))
                <div class="alert alert-success">
                    <p> <i class='fa fa-check-circle'></i> &nbsp; {{ session('success') }}</p>
                </div>
            @endif

            <div class="card mb-3">
                <div class="card-header">
                    <i class="fas fa-table"></i>
                    Displaying all Wallets
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                                <tr>                                    
                                    <th>Wallet Name</th>
                                    <th>Address</th>
                                    <th>Last updated </th>                                   
                                    <th>Edit</th>                      
                                </tr>
                            </thead>
                            @forelse($wallets as $wallet)
                                <tr class='table-secondary' id='this-row'>                                    
                                    <td>{{ $wallet->name }}</td>
                                    <td>{{$wallet->address}}</td>
                                    <td>{{$wallet->updated_at->diffForHumans()}}</td>                                  
                                    <td><a href='{{route('admin.wallets.edit', $wallet->id)}}' class='btn btn-primary btn-block'> Edit Wallet </a></td>                                  
                                  
                                </tr>
                            @empty

                            @endforelse
                             
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="card-footer small text-muted">Updated February 14 2026, 2:30pm</div>
            </div><!-- DataTables Example -->


            <!-- page end-->
        </section>
    </section>
@endsection