@extends('layouts.admin')

@section('title')
   @lang('Add New Coin')
@endsection

@section('breadcrumb')
 <section class="section">
    <div class="section-header justify-content-between">
        <h1>Withdraw {{$asset}}</h1>
        <a href="{{route('admin.dashboard')}}" class="btn btn-primary add"><i class="fa fa-backward"></i> @lang('Back')</a>
    </div>
</section>
@endsection

@section('content')
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{route('admin.crypto-withdraw',$account->blockchain_code)}}" method="post" id="processWithdraw">
                        @csrf
<input type="hidden" name="type" value="g"/>
                            <div class="row">

                                <div class="form-group col-md-6 col-12">

                                    <label for="">Amount (USD) <span class="text-danger">*</span> </label>
                                    <input type="number" name="amount" class="form-control" id="amount" placeholder="Amount">
                                    <span>Balance: {{$account->availableBalance.$account->blockchain_code. ' ('.$account->availableBalanceUSD.'USD)'}}</span>

                                </div>
                                <div class="form-group col-md-6 col-12">

                                    <label for="">Wallet Address <span class="text-danger">*</span> </label>
                                    <input type="text" name="address" class="form-control" id="address" placeholder="Wallet Address">

                                </div>



                                <div class="form-group col-md-12 text-right">
                                    <button type="submit" class="btn btn-primary btn-lg" >Process Withdraw</button>
                                </div>
                            </div>



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

    <div id="showDetails" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <form action="{{route('admin.post-crypto-withdraw', $asset)}}" method="POST" id="confirmProcess">
                @csrf
                <input type="hidden" name="id" value="{{$account->virtual_account_id}}">
                <input type="hidden" name="type" value="b">

                <div class="modal-content">
                    <div class="modal-header">
                        Withdraw {{$asset}}
                    </div>
                    <div class="modal-body">
                        <label>Amount: <span id="ramount"></span></label>
                        <label>Recipient Address: <span id="raddress"></span></label>


                        <label>Authentication Your withdraw</label>
                        <input type="password" class="form-control" id="password" required name="password"/>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-dark" data-dismiss="modal">@lang('Close')</button>
                        <button type="submit" class="btn btn-primary confirmBtn">@lang('Confirm')</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection


@push('script')
    <script>
        'use strict';
        $('.approve').on('click',function () {
            $('#approveModal').find('input[name=id]').val($(this).data('id'))
            $('#approveModal').modal('show')
        })
        $('.reject').on('click',function () {
            $('#rejectModal').find('input[name=id]').val($(this).data('id'))
            $('#rejectModal').modal('show')
        })


        $('#processWithdraw').on('submit', function(e) {
            e.preventDefault();
            var form = $(this);
            var amount = form.find('input[name="amount"]').val()
            var address = form.find('input[name="address"]').val()



            var submitButton = form.find('button[type="submit"]');
            submitButton.html('Loading...');
if(amount ==""){
    showAlert('Please Specify Amount','error');
    return;
}
if(address ==""){
    showAlert('Please Specify Recipient Address','error');
    return;
}
            submitButton.prop('disabled', true);
            $.ajax({
                type: 'POST',
                url: '{{ route("admin.post-crypto-withdraw",$account->blockchain_code) }}',
                data: {
                    _token: '{{ csrf_token() }}',
                    amount:amount, address:address, type:'g'
                },
                beforeSend: function() {
                    // Disable the submit button

                },
                success: function(response) {
                    // Handle the successful response
                   // showAlert(response.message,'success');
                    submitButton.prop('disabled', false);
                    submitButton.html('Process Withdraw');
                    $("#raddress").html(address);
                    $("#ramount").html(response.amount);

                     $('#showDetails').modal('show');
                  //  location.reload();


                    // Hide the modal or perform any other necessary actions
                },
                error: function(xhr, status, error) {
                    // Handle the error response
                    // console.error(error);
                    showAlert(error.message,'error');
                    //$('#approveModal').modal('hide');
                    // location.reload();
                    // Show an error message or perform any other necessary actions
                },
                complete: function() {
                    // Re-enable the submit button
                    submitButton.prop('disabled', false);
                }
            });
        });
        $('#confirmProcess').on('submit', function(e) {
            e.preventDefault();
            var form = $(this);
            var amount = $('#amount').val();
            var address = $('#address').val();
            var pass = $('#password').val();
            var networkFees = $('#gas option:selected').val();
            console.log(networkFees);



            var submitButton = $(".confirmBtn");
            submitButton.html('Loading...');
if(amount ==""){
    showAlert('Please Specify Amount','error');
    return;
}
if(address ==""){
    showAlert('Please Specify Recipient Address','error');
    return;
}
if(networkFees ==""){
    showAlert('Select Network Fees','error');
    return;
}
            submitButton.prop('disabled', true);
            $.ajax({
                type: 'POST',
                url: '{{ route("admin.post-crypto-withdraw", $asset) }}',
                data: {
                    _token: '{{ csrf_token() }}',
                    amount:amount,
                    address:address,
                    netFees: networkFees,
                    type:'b',
                    password:pass

                },
                beforeSend: function() {
                    // Disable the submit button

                },
                success: function(response) {
                    // Handle the successful response
                   // showAlert(response.message,'success');
                    submitButton.prop('disabled', false);
                    submitButton.html('Confirm Withdraw');
                  showAlert('Withdraw successful with trxId: '+response.trxId,'success');
                 // location.reload();


                    // Hide the modal or perform any other necessary actions
                },
                error: function(xhr, status, error) {
                    // Handle the error response

                    submitButton.prop('disabled', false);
                    submitButton.html('Confirm Withdraw');
                    showAlert(xhr.responseText,'error');
                    //$('#approveModal').modal('hide');
                    // location.reload();
                    // Show an error message or perform any other necessary actions
                },
                complete: function() {
                    // Re-enable the submit button
                    submitButton.prop('disabled', false);
                }
            });
        });
    </script>
@endpush