@extends('layouts.admin.base')

@section('top-script')
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
    <script src="https://cdn.jsdelivr.net/npm/@tinymce/tinymce-jquery@1/dist/tinymce-jquery.min.js"></script>
@endsection

@section('page-title')
    Withdrawals
@endsection

@section('content')
{{-- <div class="modal fade" role="dialog" tabindex="-1" id="create-request">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header border-0">
                <h4 class="modal-title">Create Request</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="createrequestform"><input class="form-control" type="hidden" id="cryptocurrency" x-model="request.cryptocurrency">
                    <div class="row">
                        <div class="col">
                            <div class="form-group mb-3"><label class="form-label" for="user">User</label><input class="form-control" type="text" id="user" list="userList" x-model="request.selectedUser" autofocus="" required=""><small class="form-text" x-show="users == []" x-cloak="" a="">No users to assign</small>
                                <datalist id="userList">
                                    <template x-for="u in users" :key="u.id"> 
                                    <option :value="u.id" :label="u.name + `(` + u.email + `)`"></option>
                                    </template>
                                </datalist>
                                </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><label class="form-label" for="wallet">Wallet</label><select id="wallet" class="form-select" x-model="request.wallet" x-bind:disabled="request.selectedUser == ''" required>
                            <optgroup label="User's Wallet">
                                <option value x-bind:selected="request.selectedUser == ''">- Select -</option>
                                <template x-for="w in getUserWallet" :key="w.id">
                                <option :value="w.id" :label="w.cryptocurrency + `(` + w.address + `)`"></option>
                                </template>
                            </optgroup>
                        </select></div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><label class="form-label" for="amount">Amount</label><input class="form-control" type="number" id="amount" x-model="request.amount" required=""></div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><label class="form-label" for="date">Date</label><input class="form-control" id="date" type="datetime-local" x-model="date"></div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><label class="form-label" for="status">Status</label><select class="form-select" id="status" x-model="request.status">
                                    <option value="1">Pending</option>
                                    <option value="2">Completed</option>
                                </select></div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><button class="btn btn-primary" type="submit" x-bind:disabled="request.selectedUser == '' || request.wallet == '' || request.amount == null">Create</button></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div> --}}

<div class="row">
    <div class="col-md-12 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
        {{-- <div class="mb-3">
            <a class="text-decoration-none alt-btn" href="#" data-bs-target="#create-request" data-bs-toggle="modal">Create Request
                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1 mt-n1">
                    <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                </svg>
            </a>
        </div> --}}
        <div class="card card-bg border-0">
            <div class="card-body">
                <div class="table-responsive mt-4">
                    <table class="table table-borderless table-bordered display responsive table-spacing2" id="table1" style="width: 100%;">
                        <thead class="table-header">
                            <tr class="table-h">
                                <th>User</th>
                                <th>Amount</th>
                                <th>Cryptocurrency</th>
                                <th>Address</th>
                                <th>Request Date</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($withdrawals as $withdrawal)
                            <tr class="table-row">
                                <td><a href="{{ route('admin_view_user', $withdrawal->user->id) }}">{{ $withdrawal->user->name }}</a></td>
                                <td>
                                    <p class="table-p">{{ formatMoney($withdrawal->amount) }}</p>
                                </td>
                                <td>
                                    <p class="table-p">{{ $withdrawal->user_wallet->cryptocurrency }}</p>
                                </td>
                                <td>
                                    <p class="table-p">{{ $withdrawal->user_wallet->address }}</p>
                                </td>
                                <td>
                                    <p class="table-p">{{ formatDateTime($withdrawal->created_at) }}</p>
                                </td>
                                <td>
                                    <span class="{{ $withdrawal->status_data()->badge }}-badge">{{ $withdrawal->status_data()->message }}</span>
                                </td>
                                <td>
                                    <div class="dropdown">
                                        <button class="btn text-end" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="outside" type="button">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-three-dots">
                                                <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path>
                                            </svg>
                                        </button>
                                        <div class="dropdown-menu">
                                            @if ($withdrawal->status == \App\Models\Withdrawal::status_new)
                                                <button data-bs-target="#withdrawal-approval-{{ $withdrawal->id }}" data-bs-toggle="modal" class="dropdown-item text-green" type="button">Approve</button>
                                                <button data-bs-target="#withdrawal-decline-{{ $withdrawal->id }}" data-bs-toggle="modal" class="dropdown-item text-red" type="button">Decline</button>
                                                <button data-bs-target="#withdrawal-delete-{{ $withdrawal->id }}" data-bs-toggle="modal" class="dropdown-item text-red" type="button">Delete</button>
                                            @elseif ($withdrawal->status == \App\Models\Withdrawal::status_decline)
                                                <button data-bs-target="#withdrawal-delete-{{ $withdrawal->id }}" data-bs-toggle="modal" class="dropdown-item text-red" type="button">Delete</button>
                                            @endif
                                        </div>
                                    </div>
                                </td>
                            </tr>

                            <div class="modal fade" role="dialog" tabindex="-1" id="withdrawal-approval-{{ $withdrawal->id }}">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header border-0">
                                            <h4 class="modal-title">Action Required</h4>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <p>Are you sure you want to approve <strong>{{ formatMoney($withdrawal->amount) }}</strong> request from {{ $withdrawal->user->name }}</p>
                                            <form action="{{ route('admin_update_withdrawals') }}" method="POST">
                                                {{ csrf_field() }}
                                                <input type="hidden" value="approve" name="action">
                                                <input type="hidden" value="{{ $withdrawal->id }}" name="withdrawal_id">
                                                <div align="right">
                                                    <button class="btn btn-sm btn-success" type="submit">Approve</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="modal fade" role="dialog" tabindex="-1" id="withdrawal-decline-{{ $withdrawal->id }}">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header border-0">
                                            <h4 class="modal-title">Action Required</h4>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <p>Are you sure you want to decline <strong>{{ formatMoney($withdrawal->amount) }}</strong> request from {{ $withdrawal->user->name }}</p>
                                            <form action="{{ route('admin_update_withdrawals') }}" method="POST">
                                                {{ csrf_field() }}
                                                <input type="hidden" value="decline" name="action">
                                                <input type="hidden" value="{{ $withdrawal->id }}" name="withdrawal_id">
                                                <div align="right">
                                                    <button class="btn btn-sm btn-success" type="submit">Approve</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="modal fade" role="dialog" tabindex="-1" id="withdrawal-delete-{{ $withdrawal->id }}">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header border-0">
                                            <h4 class="modal-title">Action Required</h4>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <p>Are you sure you want to delete <strong>{{ formatMoney($withdrawal->amount) }}</strong> request from {{ $withdrawal->user->name }}</p>
                                            <form action="{{ route('admin_update_withdrawals') }}" method="POST">
                                                {{ csrf_field() }}
                                                <input type="hidden" value="delete" name="action">
                                                <input type="hidden" value="{{ $withdrawal->id }}" name="withdrawal_id">
                                                <div align="right">
                                                    <button class="btn btn-sm btn-success" type="submit">Approve</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection