@extends('layouts.main')
@section('content')
    <div class="box-body" style="width: 100%;overflow-x: scroll">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <table class="table table-striped table-bordered" style="width: 100%; text-align: center;" id="myTable">
                        <thead>
                            <tr>
                                <th scope="col">User</th>
                                <th scope="col">Amount</th>
                                <th scope="col">file</th>
                                <th scope="col">Payment Type</th>
                                <th scope="col">Payment Method</th>
                                <th scope="col">UTR</th>
                                <th scope="col">Date</th>
                                <th scope="col">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($statement as $history)
                                <tr>
                                    <td>{{ \App\Models\User::find($history->user_id)->name }}</td>
                                    <td>{{ $history->amount }}</td>
                                    <td><img src="{{ asset("$history->transaction_file") }}" style="width: 100px"></td>
                                    <td>{{ $history->payment_type }}</td>
                                    <td>{{ $history->payment_method }}</td>
                                    <td>{{ $history->transaction_id }}</td>
                                    <td>{{ $history->created_at->format('d-m-Y') }}</td>
                                    <td><button class="btn btn-xs btn-warning">Approve</button> <button class="btn btn-xs btn-success">Reject</button></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection