@extends('template.novitrades.layouts.base')

@section('title', __('Withdrawals'))

@section('css')

@endsection



@section('content')

<div class="page-content">
    <div class="container">
        <div class="row">
            <div class="main-content col-lg-8">
                <div class="content-area card">
                    <div class="card-innr">
                        <form action="javascript:void(0)" method="post" class="" id="token_purchase">
                            @csrf
                            <div class="card-head">
                                <h4 class="card-title">
                                    Choose withdrawal method and enter amount
                                </h4>
                                 @if(Session::has('errmessage'))
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
  {{Session::get('errmessage')}}
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
                            </div>
                            <div class="card-text">
                                <p>You can withdraw using the below payment choose.</p>
                            </div>
                             
                            <div class="token-currency-choose payment-list">
                                <div class="row guttar-15px">
                                    @if(!empty($wmethods))
                                    @foreach($wmethods as $pmethod)
                                    <div class="col-6">
                                        <div class="payment-item pay-option">
                                            <input class="pay-option-check pay-method" type="radio" id="pay{{$pmethod->symbol}}" name="paymethod" value="{{$pmethod->id}}"  />
                                            <label class="pay-option-label" for="pay{{$pmethod->symbol}}">
                                                <span class="pay-title">
                                                    <em class="pay-icon">{{$pmethod->symbol}}</em>
                                                    <span class="pay-cur">{{$pmethod->name}}</span>
                                                </span>
                                                <span class="pay-amount">{{number_format($pmethod->minimum,2,'.',',')}} Min</span>
                                            </label>
                                        </div>
                                    </div>
                                    @endforeach
                                    @endif
                                </div>
                            </div>

                            <div class="card-head">
                                <h4 class="card-title">Amount</h4>
                                <p id="err_text" style="color:red"></p>
                            </div>
                            <div class="card-text">
                                <p>Enter the amount you would like to withdraw in {{system_settings('currency')}}.</p>
                            </div>
                            <div class="token-contribute">
                                <div class="token-calc">
                                    <div class="token-pay-amount payment-get">
                                        <input class="input-bordered input-with-hint token-number" type="text" id="token-number" name="amt" value="" min="1" max="1000000000" />
                                        <div class="token-pay-currency"><span class="input-hint input-hint-sap payment-get-cur payment-cal-cur ucap">{{system_settings('currency')}}</span></div>
                                    </div>
                                   
                                </div>

                                <div class="token-calc-note note note-plane token-note">
                                    <div class="note-box">
                                        <span class="note-icon">
                                            <em class="fas fa-info-circle"></em>
                                        </span>
                                        <span class="note-text text-light">
                                           <span class="token-symbol ucap">withdrawal is in the system default currency.
                                        </span>
                                    </div>
                                    <div class="note-text note-text-alert"></div>
                                </div>
                            </div>


                            <div class="pay-buttons">
                                <div class="pay-buttons pt-0">
                                    <a href="#payment-modal" class="btn btn-primary btn-between  " id="payx_dep">Withdraw&nbsp;<i class="ti ti-wallet"></i></a>
                                </div>
                              
                            </div>
                            <input type="hidden" id="data_amount" value="0" />
                            <input type="hidden" id="data_currency" value="USD" />
                        </form>
                    </div>
                </div>
            </div>

            <div class="aside sidebar-right col-lg-4">
                <div class="dashboard-cards">
                    <div class="token-statistics card card-token">
                        <div class="card-innr">
                            <div class="token-balance token-balance-with-icon">
                                <div class="token-balance-icon"><img src="https://cde.lunaone.com/images/token-symbol-light.png" alt="" /></div>
                                <div class="token-balance-text">
                                    <h6 class="card-sub-title">Balance</h6>
                                    <span class="lead">
                                         {{number_format($user->account()->balance,2,'.',',')}} <span>{{$user->currency}} <em class="fas fa-info-circle fs-11" data-toggle="tooltip" data-placement="right" title="" data-original-title=""></em></span>
                                    </span>
                                </div>
                            </div>
                            <div class="token-balance token-balance-s2">
                                <h6 class="card-sub-title">Your Balance in</h6>
                                <ul class="token-balance-list">
                                    <li class="token-balance-sub"><span class="lead">{{number_format($user->account()->balance,2,'.',',')}}</span><span class="sub">Overall</span></li>
                                    <li class="token-balance-sub"><span class="lead">{{number_format($user->account()->profit,2,'.',',')}}</span><span class="sub">Profit</span></li>
                                    <li class="token-balance-sub"><span class="lead">{{number_format($user->account()->profit,2,'.',',')}}</span><span class="sub">Bonus</span></li>
                                </ul>
                            </div>
                        <div class="token-calc-note note note-plane token-note">
                                    <div class="note-box">
                                        <span class="note-icon">
                                            <em class="fas fa-info-circle"></em>
                                        </span>
                                        <span class="note-text text-light">
                                            Your account balance is in your default currency.
                                        </span>
                                    </div>
                                    <div class="note-text note-text-alert"></div>
                                </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</div>
@endsection


@section('scripts')
<div class="modal fade modal-payment " id="payment-modal" tabindex="-1" data-backdrop="static" data-keyboard="false" style="padding-right: 17px;">
    <div class="modal-dialog modal-dialog-md modal-dialog-centered">
        <div class="modal-content">
            <a href="#" class="modal-close" data-dismiss="modal"><em class="ti ti-close"></em></a>
            <div class="popup-body">
                <div class="popup-content">
                    <form class="validate-modern" action="{{route('makewithdrawal') }}" method="POST" id="online_payment" >
                        @csrf
                         <input type="hidden" name="pp_token" id="token_amountx" value="" />
                        <input type="hidden" name="pp_method" id="price_methodx" value="" />
                        <input type="hidden" name="pp_charges" id="charges_methodx" value="" />
                      
                        <h4 class="popup-title">Withdrawal Process</h4>
                        <p class="lead">
                           You are about to withdraw <strong><span class='amt_to_payx'></span> <span class="pay-currency ucap">{{system_settings('currency')}}</span></strong> using <span class="pmetdx"></span>
                        </p>
                        
                      
                       <div class="row mgb-1-5x">
                           <div class="col-md-5 d-flex data-details-des" style="justify-content: space-between; font-size:15px ">
                               <p >Amount:</p> <p><span class="amt_to_payx"></span> {{system_settings('currency')}}</p>
                           </div>
                       </div>
                       <div class="row mgb-1-5x">
                           <div class="col-md-4 d-flex data-details-des" style="justify-content: space-between;font-size:15px ">
                               <p >Method:</p> <p class="pmetdx"></p>
                           </div>
                       </div>
                       
                       <div class="row mgb-1-5x">
                           <div class="col-md-4 d-flex data-details-des" style="justify-content: space-between;font-size:15px ">
                               <p >Details:</p> <p ><input type="text" name="deta" /> </p>
                           </div>
                       </div>
                       <div class="row mgb-1-5x">
                           <div class="col-md-4 d-flex data-details-des" style="justify-content: space-between;font-size:15px ">
                               <p >Charge:</p> <p ><span class="pchargex"></span> {{system_settings('currency')}}</p>
                           </div>
                       </div>
                       
                       <div class="row mgb-1-5x">
                           <div class="col-md-4 d-flex data-details-des" style="justify-content: space-between;font-size:15px ">
                               <p >Total:</p> <p><span class="ptotalx"></span> {{system_settings('currency')}}</p>
                           </div>
                       </div>
                       
                        <p class="text-light font-italic mgb-1-5x"><small>* Payment gateway may charge you a processing fees.</small></p>
                        
                        <ul class="d-flex flex-wrap align-items-center guttar-30px">
                            <li>
                                <button type="submit" class="btn btn-alt btn-primary payment-btn">Confirm Withdraw<em class="ti ti-arrow-right mgl-2x"></em></button>
                            </li>
                        </ul>
                        <div class="gaps-3x"></div>
                        <div class="note note-plane note-light">
                            <em class="fas fa-info-circle"></em>
                            <p class="text-light"></p>
                        </div>
                    </form>
                </div>
            </div>
            <style type="text/css">
                .Header-loggedInEmail {
                    display: none;
                }
            </style>
           

        </div>
    </div>
</div>

<script>
    $(function(){
        
        $('#payx_dep').on('click' ,  function(){
         
            $.ajax({
                url: "{{secure_url('checkwithdrawal')}}",
                type: 'POST',
                data: $('#token_purchase').serialize(),
                dataType: 'json',
                
                beforeSend: function() {
                $('.loader2').removeClass('hide');
                $('.loader2 p').text('Your Profile is being updated');
                $('#app').addClass('blur');
                },
                complete: function(){
                $('.loader2').addClass('hide');
                $('#app').removeClass('blur');
                },
                success: function(res) {
                    if(res.status == true){
                       
                       $('.amt_to_payx').text(res.amt);
                       $('.pmetdx').text(res.pname);
                       $('.pchargex').text(res.charges);
                       $('.ptotalx').text(res.total);
                       $('#price_methodx').val(res.pmeth);
                       $('#token_amountx').val(res.amt);
                       $('#charges_methodx').val(res.charges);
                       $('#payment-modal').addClass('show');
                       
                      
                       
                       
                    }else if(res.status == false){
                        alert(res.error);
                       $('#err_text').text(res.error); 
                    };
                }
                });
            
        })
    })
</script>


@endsection