@extends('layouts.main')

@section('content')
    <div class="container header">
        <div class="row">
            <div class="col text-center text-white">
                <h1>History</h1>
            </div>
        </div>
    </div>
    <div class="container">
        <table class="table" id="myTable">
            <thead>
                <tr>
                    <th>S.No</th>
                    <th scope="col">Date</th>
                    <th scope="col">UserName</th>
                    <th scope="col">Type</th>
                    <th scope="col">Amount</th>
                    <th scope="col">UTR</th>
                    <th scope="col">Transaction File</th>
                    <th scope="col">Status</th>
                    <th scope="col">Remark</th>
                    <th scope="col">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($history as $transaction)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $transaction->created_at->format('Y-m-d') }}</td>
                        <td>{{ App\Models\User::find($transaction->user_id)->name }}</td>
                        <td>{{ $transaction->transection_type }}</td>
                        <td>{{ $transaction->amount }}</td>
                        <td>{{ $transaction->transaction_reference ?? '' }}</td>
                        <td><img src='{{ asset("$transaction->transaction_file") }}' style="width: 100px" alt=""></td>
                        <td>@if ($transaction->status == 'pending')
                            <button class="btn btn-danger">Pending</button"></button>
                            @elseif ($transaction->status == 'success')
                            <button class="btn btn-success">Success</button></button>
                            @else
                            <button class="btn btn-danger">Failed</button></button>
                        @endif</td>
                        <td>{{ $transaction->remark }}</td>
                        <td>
                            @if ($transaction->status == 'pending')
                            <a href='{{url("/wallet/confirm/$transaction->id")}}' class="btn btn-sm btn-primary">Confirm</a>
                            <a href='{{url("/wallet/reject/$transaction->id")}}' class="btn btn-sm btn-danger">Reject</a>
                            @elseif ($transaction->status == 'success')
                            <button class="btn btn-sm btn-success">Success</button></button>
                            @else
                            <button class="btn btn-sm btn-danger">Failed</button></button>
                            @endif
                        </td>
                    </tr>
                @endforeach
        </table>
    </div>
@endsection
@section('js')
    <script src="//cdn.datatables.net/2.2.2/js/dataTables.min.js"></script>
    <script>
        let table = new DataTable('#myTable');
    </script>
@endsection
@section('css')
    <link rel="stylesheet" href="//cdn.datatables.net/2.2.2/css/dataTables.dataTables.min.css">
    <style>
        .dt-layout-row {
            overflow: scroll;
        }
    </style>
@endsection