@extends('layouts.admin')
@section('styles')
    <link rel="stylesheet" href="{{asset('plugins/datatables/dataTables.bootstrap4.css')}}">
@endsection
@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">All Deposit</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            @if (session()->has('message'))
                <div class="alert alert-{{ session()->get('type')}} alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    <h5><i class="icon fa fa-close"></i> {{ session()->get('title')}}..!</h5>
                    {{ session()->get('message')}}
                </div>
            @endif
            <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                    <th class="text-center" style="width: 20px">No</th>
                    <th class="text-center">Reference</th>
                    <th class="text-center">Gateway</th>
                    <th class="text-center">Amount</th>
                    <th class="text-center">Charge</th>
                    <th class="text-center">Net Amount</th>
                    <th class="text-center">Time</th>
                    <th class="text-center">Status</th>
                </tr>
                </thead>
                <tbody>
                @php $id=0;@endphp
                @foreach($deposits as $deposit)
                    @php $id++;@endphp
                    <tr>
                        <td class="text-center">{{$id}}</td>
                        <td>{{$deposit->transaction_id}}</td>
                        <td>{{$deposit->gateway->name}}</td>
                        <td class="text-center">$ {{$deposit->amount}}</td>
                        <td class="text-center">$ {{$deposit->charge}}</td>
                        <td class="text-center">$ {{$deposit->net_amount}}</td>
                        <td class="text-center">{{ date('d-m-y \a\t h:i a', strtotime($deposit->created_at)) }}</td>
                        <td class="text-center">
                            @if($deposit->status == 1)
                                <button class="btn btn-sm btn-success btn-block">Approved</button>
                            @elseif($deposit->status == 2)
                                <button class="btn btn-sm btn-danger btn-block">Fraud</button>
                            @else
                                <button class="btn btn-sm btn-warning btn-block">Pending</button>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                <tr>
                    <th class="text-center" style="width: 20px">No</th>
                    <th class="text-center">Reference</th>
                    <th class="text-center">Gateway</th>
                    <th class="text-center">Amount</th>
                    <th class="text-center">Charge</th>
                    <th class="text-center">Net Amount</th>
                    <th class="text-center">Time</th>
                    <th class="text-center">Status</th>
                </tr>
                </tfoot>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
@endsection
@section('scripts')
    <script src="{{asset('plugins/datatables/jquery.dataTables.js')}}"></script>
    <script src="{{asset('plugins/datatables/dataTables.bootstrap4.js')}}"></script>
    <script>
        $(function () {
            $("#example1").DataTable();
        });
    </script>
@endsection