@extends('layouts/layout')

@section('content')

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">Deposit Details (ID: {{ $deposit->id }})</h4>
                </div>
            </div>
            <div class="col-12 col-md-3">
                <div class="card">
                    <div class="card-body">
                        <div class="container-fluid">
                            <div class="row">
                                <div><i class="uil-user-circle" style="font-size: 5rem"></i></div>
                                <div class="h2 bold">{{ $deposit->user->name }}</div>
                                <div class="mb-2">{{ $deposit->user->email }}</div>
                                <div class="col-12">
                                    <div class="card widget-flat">
                                        <div class="card-body">
                                            <div class="float-end">
                                                <i class="uil-money-withdraw text-warning" style="font-size: 2rem"></i>
                                            </div>
                                            <h5 class="text-muted fw-normal mt-0">Total Deposited</h5>
                                            <h3 class="mt-3 mb-3">{{ $deposit->user->total_deposited }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="card widget-flat">
                                        <div class="card-body">
                                            <div class="float-end">
                                                <i class="uil-money-insert text-success" style="font-size: 2rem"></i>
                                            </div>
                                            <h5 class="text-muted fw-normal mt-0">Total Withdrawal</h5>
                                            <h3 class="mt-3 mb-3">{{ $deposit->user->total_withdrawal }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="card widget-flat">
                                        <div class="card-body">
                                            <div class="float-end">
                                                <i class="uil-dollar-alt text-warning" style="font-size: 2rem"></i>
                                            </div>
                                            <h5 class="text-muted fw-normal mt-0">Total Spent</h5>
                                            <h3 class="mt-3 mb-3">{{ $deposit->user->total_spent }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="card widget-flat">
                                        <div class="card-body">
                                            <div class="float-end">
                                                <i class="uil-trophy text-warning" style="font-size: 2rem"></i>
                                            </div>
                                            <h5 class="text-muted fw-normal mt-0">Winnings</h5>
                                            <h3 class="mt-3 mb-3">{{ $deposit->user->total_winnings }}</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-9">
                <div class="row">
                    <div class="col-12">
                        <div class="container-fluid p-0">
                            <div class="row">
                                <div class="col-12 col-md-3">
                                    <div class="card widget-flat">
                                        <div class="card-body">
                                            <div class="float-end">
                                                <i class="uil-dollar-alt text-success" style="font-size: 2rem"></i>
                                            </div>
                                            <h5 class="text-muted fw-normal mt-0">Amount</h5>
                                            <h3 class="mt-3 mb-3">{{ $deposit->amount }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-3">
                                    <div class="card widget-flat">
                                        <div class="card-body">
                                            <div class="float-end">
                                                <i class="uil-notes text-primary" style="font-size: 2rem"></i>
                                            </div>
                                            <h5 class="text-muted fw-normal mt-0">Note</h5>
                                            <h3 class="mt-3 mb-3">{{ $deposit->notes }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-3">
                                    <div class="card widget-flat">
                                        <div class="card-body">
                                            <div class="float-end">
                                                <div style="font-size: 2rem">#</div>
                                            </div>
                                            <h5 class="text-muted fw-normal mt-0">Hash</h5>
                                            <h3 class="mt-3 mb-3">{{ $deposit->hash }}</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-3">
                                    <div class="card widget-flat">
                                        <div class="card-body">
                                            <div class="float-end">
                                                <i class="uil-user-square text-dark" style="font-size: 2rem"></i>
                                            </div>
                                            <h5 class="text-muted fw-normal mt-0">Proof Of Transaction</h5>
                                            @if (!empty($deposit->proof_of_transaction))
                                                <a href="{{ url($deposit->proof_of_transaction) }}" target="_blank" class="btn btn-primary">Open</a>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-3">
                                    <div class="card widget-flat">
                                        <div class="card-body">
                                            <div class="float-end">
                                                <i class="uil-signal text-secondary" style="font-size: 2rem"></i>
                                            </div>
                                            <h5 class="text-muted fw-normal mt-0">Status</h5>
                                            <h3 class="mt-3 mb-3">{{ $deposit->status_text }}</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if ($deposit->status == App\Models\Deposit::STATUS_PENDING)
                            <div class="row">
                                <div class="col-md-12 d-flex justify-content-center">
                                    <button type="button" class="btn btn-success w-25" data-bs-toggle="modal" data-bs-target="#acceptModal">
                                        Approve
                                    </button>
                                    <button type="button" class="btn btn-danger ms-4 w-25" data-bs-toggle="modal" data-bs-target="#rejectModal">
                                        Reject
                                    </button>
                                </div>
                            </div>
                            @endif
                            <form method="POST" action="{{ route('admin.deposits.approve', $deposit->getRouteKey()) }}" enctype="multipart/form-data">
                                @csrf
                                @method('PUT')
                                <div class="modal fade" id="acceptModal" tabindex="-1" role="dialog" aria-labelledby="acceptModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">Accept</h5>
                                                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                Are you sure you want to approve this deposit?
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-primary">Confirm</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <form method="POST" action="{{ route('admin.deposits.reject', $deposit->getRouteKey()) }}" enctype="multipart/form-data">
                                @csrf
                                @method('PUT')
                                <div class="modal fade" id="rejectModal" tabindex="-1" role="dialog" aria-labelledby="rejectModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">Reject</h5>
                                                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                Are you sure you want to reject this deposit?
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-primary">Confirm</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection