@extends('voyager::master')

@section('page_title', __('voyager::generic.viewing').' '.'f')

@section('page_header')
    <div class="container-fluid">
        <h1 class="page-title">All Transactions</h1>
        
    </div>
@stop

@section('content')
    <div class="container">
                    @if(session('success'))
        <p>{{ session('success') }}</p>
    @endif
    @if(session('error'))
        <p>{{ session('error') }}</p>
    @endif
        <!-- Buttons Row -->
<div class="row mb-4">
    <!-- Export Button Column -->
    <div class="col-md-6">
        <form action="{{ route('export.csv') }}" method="GET">
            <button type="submit" class="btn btn-success">
                <i class="voyager-upload"></i> Export CSV
            </button>
        </form>
    </div>

    <!-- Import Button Column -->
    <div class="col-md-6">
        <form action="{{ route('import.csv') }}" method="POST" enctype="multipart/form-data" class="d-flex align-items-center">
            @csrf
            <input type="file" name="csv_file" class="form-control-file mr-2" required>
            <button type="submit" class="btn btn-primary">
                <i class="voyager-download"></i> Import CSV
            </button>
        </form>
    </div>
</div>
        <h3>Total Wallet Balance: €{{ number_format($totalBalance, 2) }}</h3>
        <h2>User Wallet Balances</h2>
        <table class="table" id="transactionsTable">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Email</th>
                    <th>Wallet Balance</th>
                    <th>Add money</th>
                </tr>
            </thead>
            <tbody>
                @foreach($users as $user)
                    <tr>
                        <td>{{ $user->id }}</td>
                        <td>{{ $user->email }}</td>
                        <td>€{{ number_format($user->wallet->balanceFloat, 2) }}</td>
                        <td><a style="text-decoration: none;" class="btn btn-primary" href="{{ route('user.show_balance_form', $user->id) }}">Add Money</a></td>

                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.10/js/jquery.dataTables.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.10/css/jquery.dataTables.min.css">

    <script>
    // Initialize DataTable with descending sorting by default
    $(document).ready(function() {
        $('#transactionsTable').DataTable({
            "order": [[0, 'desc']]
        });
    });
</script>
@endsection