@extends('layouts.user.base')

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

@php
    $user = auth()->user()->load('wallets','active_kyc');
    $wallets = $user->wallets;
    $settings = active_system_setting();
@endphp

@section('content')
<div class="modal fade" role="dialog" tabindex="-1" id="make-withdrawal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header border-0">
                <h4 class="modal-title">Withdraw</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="editprofileform" class="w-60" action="{{ route('user_make_withdrawal') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                            <label class="form-label" for="from">Wallet</label>
                            <select @if(!$user->active_kyc) disabled @endif class="form-select" name="wallet">
                                    <option value="" selected="">- Select -</option>
                                    @foreach ($wallets->whereNotIn('type', [WALLET_TYPE_COMPOUNDING,WALLET_TYPE_TOKEN]) as $wallet)
                                        <option value="{{ $wallet->id }}">{{ $wallet->name() }} {{ formatMoney($wallet->balance + ($wallet->type == WALLET_TYPE_BONUS  ? $user->additional_info->total_earnings : 0)) }}</option>
                                    @endforeach
                                </select>
                            <small class="form-text"></small>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" id="amount" for="withdrawal">Amount ({{ CURRENCY }})</label>
                                <input class="form-control" type="number" id="amount" name="amount" min="{{ $settings->minimum_withdrawal }}" max="{{ $settings->maximum_withdrawal }}" step="0.01">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="wallet">Your Wallet</label>
                                <select @if(!$user->active_kyc) disabled @endif class="form-select" id="wallet" name="user_wallet">
                                    <option value="" selected="">- Select -</option>
                                    @foreach ($user_wallets as $user_wallet)
                                        <option value="{{ $user_wallet->id }}">{{ $user_wallet->name }} - {{ $user_wallet->cryptocurrency }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @if($user->active_kyc)
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <button class="btn btn-primary" type="submit">Make Withdrawal</button>
                            </div>
                        </div>
                        @else
                         <p class="text-danger">You have not completed your KYC. <a class="text-decoration-none" href="{{ route('user_kyc') }}">
                            Get Started
                            <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">
                                <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></p>
                        @endif
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col mb-3 mb-xl-4 mb-lg-3 mb-md-3">
        <div class="row d-flex">
            <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="#make-withdrawal" data-bs-toggle="modal">Make Withdrawal<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">
                            <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 text-nowrap 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>Amount</th>
                                        <th>Wallet</th>
                                        <th>Wallet Address</th>
                                        <th>Date</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($withdrawals as $withdrawal)
                                    <tr class="table-row">
                                        <td>
                                            <p class="text-nowrap table-p">{{ formatMoney($withdrawal->amount) }}</p>
                                        </td>
                                        <td>
                                            <p class="text-nowrap table-p">{{ $withdrawal->user_wallet->cryptocurrency }}</p>
                                        </td>
                                        <td>
                                            <p class="text-nowrap table-p">{{ $withdrawal->user_wallet->address }}</p>
                                        </td>
                                        <td>
                                            <p class="text-nowrap table-p">{{ formatDateTime($withdrawal->created_at) }}</p>
                                        </td>
                                        <td>
                                            <span class="{{ $withdrawal->status_data()->badge }}-badge">{{ $withdrawal->status_data()->message }}</span>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection