@extends('layout.front.app',[
'title' => Config::get('constants.SITE_NAME')
])

@section('content')

<style>
    .form-control:focus {
        box-shadow: none;
        border-color: #BA68C8
    }

    .profile-button {
        background: rgb(99, 39, 120);
        box-shadow: none;
        border: none
    }

    .profile-button:hover {
        background: #682773
    }

    .profile-button:focus {
        background: #682773;
        box-shadow: none
    }

    .profile-button:active {
        background: #682773;
        box-shadow: none
    }

    .back:hover {
        color: #682773;
        cursor: pointer
    }

    .labels {
        font-size: 11px
    }

    .add-experience:hover {
        background: #BA68C8;
        color: #fff;
        cursor: pointer;
        border: solid 1px #BA68C8
    }

    .error {
        color: #ff0000;
        font-size: 15px;
        width: 100%;
    }
</style>
<div class="register-page withdrawal-amount">
    <h1 class="reg-text">Withdrawal</h1>
    <div class="show-amo">
            <div class="my-atmcard-wall">
                <h4>Available Balance <span>{{ $userWalletAmount }}</span></h4>
            </div>
        </div>
  
    @if(($userWalletAmount - $minWalletAmount) >= $minRequestAmount)
    <h4 style="color:green;"><b>You can place minimum <i class="fa fa-inr" aria-hidden="true"></i>{{ $minRequestAmount }} and  maximum <i class="fa fa-inr" aria-hidden="true"></i>{{ $userWalletAmount - $minWalletAmount }} withdrawal request.</b></h4>
    @endif
    @if(!$isDisableRequest)
    <div class="user-form">
        <div class="container rounded bg-white mt-5 mb-5">
            <form name="requestAmountForm" class="user userForm" method="POST" action="{{ route('request-amount') }}">
                @csrf
                <div class="row">
                    <div class="col-md-5 border-right">
                        @if($userWalletAmount > $minWalletAmount)
                        <div class="p-3 py-5">

                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <label class="labels">Enter Amount</label>
                                    <input type="text" class="form-control" placeholder="enter amount" name="amount" id="amount">
                                </div>

                            </div>
                            <div class="row mt-3">&nbsp;</div>
                            <div class="mt-5 text-center">
                                <button class="btn btn-primary profile-button" type="submit" id="requestAmountBtn">Submit</button>
                                <div style="color:green; display:none; text-align:center;" id="pleaseWaitMsg"><b>Please Wait...</b></div><br /><br />
                            </div>
                            <br>
                        </div>
                        @else
                        <div class="p-5 py-5">
                        <h4><b>Amount should be greater-than <i class="fa fa-inr" aria-hidden="true"></i>{{ $minWalletAmount }} in your wallet for withdrawal.<b></h4>
                        </div>
                        @endif
                        
                    </div>
                    <div class="col-md-4">
                    </div>
                </div>
            </form>
        </div>
    </div>
    @else 
   
        <div class="add-bank-detail" >
            <p>Please add your Bank Detail for withdrawal amount in your Bank.</P>
            <a href="{{ route('profile') }}">Add Bank Detail</a>
        </div>
   
    @endif

</div>
</div>
</div>
@stop