@php $page = 'withdrawals' @endphp
@php
use Carbon\Carbon;
@endphp
@extends('includes.layout')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Payout Request</h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('manage.withdrawal') }}">Manage Withdrawals</a></li>
            <li class="breadcrumb-item active">Payout Request</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="mt-5 row">
            <div class="col-xl-6 col-md-6 col-12">
                <div class="box box-primary pull-up">
                    <div class="box-body">
                        <div class="d-flex align-items-center font-size-18">
                            <p class="mb-0 text-white font-weight-medium">Account Balance</p>
                        </div>
                        <div class="flex-wrap d-flex align-items-center">
                            <h2 class="text-white font-weight-normal">${{ number_format($withdrawal->user->balance, 2)
                                }}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-md-6 col-12">
                <div class="box box-info pull-up">
                    <div class="box-body">
                        <div class="d-flex align-items-center font-size-18">
                            <p class="mb-0 text-white font-weight-medium">Referral Bonus</p>
                        </div>
                        <div class="flex-wrap d-flex align-items-center">
                            <h2 class="text-white font-weight-normal">${{ number_format($withdrawal->user->ref_balance,
                                2) }}</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="box">
                    <h4 class="text-center alert alert-warning">
                        Transfer | Send {{ optional($withdrawal->user)->name ?? 'Unknown' }} the sum of <b>${{
                            number_format($withdrawal->amount, 2) }}</b> to the {{
                        optional($withdrawal->user_wallet)->system_wallet->name ?? 'Unknown' }} {{
                        optional(optional($withdrawal->user_wallet)->system_wallet)->type == 'bank' ? 'Details' :
                        'Wallet Address'
                        }} provided below:
                    </h4>
                    <div class="box-body row">
                        <div class="col-lg-8 offset-lg-2 col-md-8">
                            @if(optional(optional($withdrawal->user_wallet)->system_wallet)->type == 'bank')
                            <div class="form-group">
                                <label for="bank_name">Bank Name</label>
                                <div class="input-group my-colorpicker2">
                                    <input type="text" id="bank_name" class="form-control" disabled
                                        value="{{ optional($withdrawal->user_wallet)->bank_name }}">
                                    <div class="input-group-addon copy-content"
                                        data-val="{{ optional($withdrawal->user_wallet)->bank_name }}">
                                        <i class="fa fa-copy"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="account_name">Account Name</label>
                                <div class="input-group my-colorpicker2">
                                    <input type="text" id="account_name" class="form-control" disabled
                                        value="{{ optional($withdrawal->user_wallet)->account_name }}">
                                    <div class="input-group-addon copy-content"
                                        data-val="{{ optional($withdrawal->user_wallet)->account_name }}"><i
                                            class="fa fa-copy"></i></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="account_number">Account Number</label>
                                <div class="input-group my-colorpicker2">
                                    <input type="number" id="account_number" class="form-control" disabled
                                        value="{{ optional($withdrawal->user_wallet)->account_number }}">
                                    <div class="input-group-addon copy-content"
                                        data-val="{{ optional($withdrawal->user_wallet)->account_number }}"><i
                                            class="fa fa-copy"></i></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="swift_code">Swift Code</label>
                                <div class="input-group my-colorpicker2">
                                    <input type="text" id="swift_code" class="form-control" disabled
                                        value="{{ optional($withdrawal->user_wallet)->swift_code }}">
                                    <div class="input-group-addon copy-content"
                                        data-val="{{ optional($withdrawal->user_wallet)->swift_code }}"><i
                                            class="fa fa-copy"></i></div>
                                </div>
                            </div>
                            @endif
                            @if(optional(optional($withdrawal->user_wallet)->system_wallet)->type == 'crypto')
                            <div class="form-group">
                                <label for="address">{{
                                    optional(optional($withdrawal->user_wallet)->system_wallet)->name }}
                                    Wallet Address</label>
                                <div class="input-group my-colorpicker2">
                                    <input type="text" id="address" class="form-control" disabled
                                        value="{{ optional($withdrawal->user_wallet)->address }}">
                                    <div class="input-group-addon copy-content"
                                        data-val="{{ optional($withdrawal->user_wallet)->address }}"><i
                                            class="fa fa-copy"></i></div>
                                </div>
                            </div>
                            @endif
                            <p class="alert alert-success"><b>Note!</b> <br> Before approving this withdrawal, ensure
                                you have made payment to the payment details provided above.</p>
                            <div class="btn-group ">
                                <button data-toggle="modal" data-target="#approveWithdrawal" type="button"
                                    class="btn btn-primary btn-sm">Approve Request</button>
                                <button data-toggle="modal" data-target="#declineWithdrawal" type="button"
                                    class="btn btn-danger btn-sm">Decline Request</button>
                            </div>
                        </div>
                    </div>
                    <div class="modal fade" id="approveWithdrawal">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">Approve Withdrawal</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                </div>
                                <div class="modal-body">
                                    <h4>Has {{ optional($withdrawal->user)->name ?? 'Unknown' }} been paid the sum of
                                        <b>${{
                                            number_format($withdrawal->amount, 2) }}</b> ?
                                    </h4>
                                    <p>By confirming this action, you acknowledge that you have completed the payment to
                                        the user who requested it. The user will see that you have confirmed the payment
                                        to their wallet for the specified amount.</p>
                                </div>
                                <div class="modal-footer">
                                    <form action="{{ route('approve.withdrawal', $withdrawal->id) }}" method="POST">
                                        @csrf @method('patch')
                                        <button type="submit" class="btn btn-danger">Proceed</button>
                                    </form>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <div class="modal fade" id="declineWithdrawal">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title">Decline Request</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                </div>
                                <form action="{{ route('decline.withdrawal', $withdrawal->id) }}" method="POST">@csrf
                                    @method('patch')
                                    <div class="modal-body">
                                        <h4>Are you sure you want to decline this request.</h4>
                                        <p>By declining {{ optional($withdrawal->user)->name ?? 'Unknown' }}'s
                                            withdrawal request,
                                            the sum of <b>${{ number_format($withdrawal->amount, 2) }}</b> will be
                                            transferred back to their <b>{{ $withdrawal->type == 'main_balance' ? 'Main'
                                                : 'Refferal' }} Wallet Balance</b></p>
                                        <div class="form-group">
                                            <label for="reason">Decline Reason<span class="text-danger">*</span></label>
                                            <div class="controls">
                                                <textarea name="reason" id="reason" class="form-control" required
                                                    placeholder="Reason for Decline" rows="8" autofocus></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-danger">Proceed</button>
                                    </div>
                                </form>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
@endsection

@push('scripts')
<script>
    $(document).ready(function() {
            $(".copy-content").click(function() {
                var dataVal = $(this).attr('data-val');
                var $tempInput = $('<input>');
                $('body').append($tempInput);
                $tempInput.val(dataVal).select();
                document.execCommand('copy');
                $tempInput.remove();
                alert('Copied to clipboard: ' + dataVal);
            });
        });
</script>
@endpush