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

@section('title', __('Payment Accounts'))

@section('css')
<link href="{{getTemplateFiles('coin')}}/assets/user/css/app.css?ver=132" type="text/css" rel="stylesheet"> 
<style>
    .hide{
    display:none !important;
}
</style>
@endsection

@section('content')
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head">
                <div class="nk-block-head-content">
                    <h2 class="nk-block-title fw-normal">Payment Accounts</h2>
                    <div class="nk-block-des">
                        <p>You have full control to manage your own account setting.</p>
                    </div>
                     @if(Session::has('errmessage'))
                    <div class="alert alert-danger alert-thick alert-plain">
                        <div class="alert-cta flex-wrap flex-md-nowrap g-2">
                            <div class="alert-text has-icon">
                                <em class="icon ni ni-info-fill text-danger"></em>
                                <p>{{Session::get('errmessage')}}</p>
                            </div>
                            <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
    <span aria-hidden="true" style="color:#000">&times;</span>
  </button> 
                        </div>
                    </div>
                    @endif
                    
                    @if(Session::has('sucmessage'))
                    <div class="alert alert-success alert-thick alert-plain">
                        <div class="alert-cta flex-wrap flex-md-nowrap g-2">
                            <div class="alert-text has-icon">
                                <em class="icon ni ni-info-fill text-success"></em>
                                <p>{{Session::get('sucmessage')}}</p>
                            </div>
                           <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
    <span aria-hidden="true" style="color:#000">&times;</span>
  </button> 
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            <ul class="nk-nav nav nav-tabs">
                <li class="nav-item ">
                    <a class="nav-link " href="{{secure_url('profile')}}">Profile</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link active" href="{{secure_url('profile/account')}}">Accounts</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{secure_url('profile/security')}}">Security</a>
                </li>
                <li class="nav-item ">
                    <a class="nav-link" href="{{secure_url('profile/activity')}}">Activity</a>
                </li>
            </ul>
            <div class="nk-block">
            @if(blank($accounts))
                @if(!blank($wdmethods))
                <div class="alert alert-warning">
                    <div class="alert-cta flex-wrap flex-md-nowrap g-2">
                        <div class="alert-text">
                            <p class="mb-sm-1"><strong>{{ __("You have not added any withdraw account yet in your account.") }}</strong></p>
                            <p>{{ __("Please add the personal or company accounts that you'd like to withdraw funds.") }}</p>
                        </div>
                        <div class="alert-actions">
                            <ul class="gx-3 my-1 my-sm-0">
                                <li class="order-md-last dropdown">
                                    <a href="#" class="btn btn-warning" data-bs-toggle="dropdown">{{ __('Add Account') }}</a>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <ul class="link-list-opt no-bdr">
                                            @foreach($wdmethods as $method)
                                                <li>
                                                    <a href="javascript:void(0)" class="wd-new-account" data-action="{{ route('user.withdraw.account.'.data_get($method, 'slug').'.form') }}" data-modal="wdm-account">
                                                        <em class="icon ni {{ data_get($method, 'module_config.icon') }}"></em>
                                                        <span>{{ data_get($method, 'module_config.account') }}</span>
                                                    </a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                @else
                <div class="card card-bordered">
                    <div class="card-inner">
                        <div class="nk-help">
                            <div class="nk-help-text">
                                <h5>{{ __('Unavailable withdraw service!') }}</h5>
                                <p class="text-soft mb-1 mt-2">{{ __('Sorry, at the moment our withdraw service is unavailable. Please check back soon to add account.') }}</p>
                                <p class="text-soft">{{ __('If you have any question please feel free to contact us.') }}</p>
                            </div>
                            @if (the_page('contact'))
                            <div class="nk-help-action">
                                <a href="{{ the_page('contact')->link }}" class="btn btn-outline-primary">{{ __('Contact Us') }}</a>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
            @else
            <div class="nk-block-head">
                <div class="nk-block-between-md g-3">
                    <div class="nk-block-head-content">
                        <h5 class="nk-block-title">{{ __('Your Accounts') }}</h5>
                        <div class="nk-block-des">
                            <p>{{ __('Below accounts that you’d like to withdraw funds.') }}</p>
                        </div>
                    </div>
                    @if(!blank($wdmethods))
                    <div class="nk-block-head-tools">
                        <div class="dropdown">
                            <a href="#" class="btn btn-primary" data-bs-toggle="dropdown">{{ __('Add Account') }}</a>
                            <div class="dropdown-menu dropdown-menu-right">
                                <ul class="link-list-opt no-bdr">
                                    @foreach($wdmethods as $method)
                                        <li>
                                            <a href="javascript:void(0)" class="wd-new-account" data-action="{{ route('user.withdraw.account.'.data_get($method, 'slug').'.form') }}" data-modal="wdm-account">
                                                <em class="icon ni {{ data_get($method, 'module_config.icon') }}"></em>
                                                <span>{{ data_get($method, 'module_config.account') }}</span>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            @if(blank($wdmethods))
                <div class="alert alert-info alert-icon mb-3">
                    <em class="icon ni ni-alert-circle"></em> {{ __('Sorry, at the moment our withdraw service is unavailable so you can not add new account.') }}
                </div>
            @endif
            <div class="card card-bordered" id="wd-account-list">
              @include('template.coin.user.profile.withdrawable-account')
            </div>
            <div class="notes mt-4">
                <ul>
                    <li class="alert-note is-plain text-danger">
                        <em class="icon ni ni-alert-circle"></em>
                        <p>{{ __('Caution: Your updated information only effect on new withdraw request.') }}</p>
                    </li>
                    <li class="alert-note is-plain">
                        <em class="icon ni ni-info"></em>
                        <p>{{ __('You should enter your correct information for receiving payment.') }}</p>
                    </li>
                </ul>
            </div>
            @endif
        </div>
        </div>
    </div>
</div>


@endsection

@section('modals')
<div class="modal fade" role="dialog" id="wdm-account"></div>
@endsection

@section('js')
<script>
    
</script>
<script>
    $(function(){
    
        $('.wd-new-account').on('click', function(){
            var action = $(this).attr('data-action');
            var type = $(this).attr('data-modal');
          
           
            $.ajax({
                url: action ,
                type: "GET",
                
                
                success: function(res){
                   
                    $('#'+type).html(res)   
                    $('#'+type).modal('show');
                    
                }
            })
        
        });
        
        @if(!blank($accounts))
        
        $('.wd-view-account').on('click', function(){
            var action = $(this).attr('data-action');
            var type = $(this).attr('data-modal');
          
           
            $.ajax({
                url: action ,
                type: "GET",
                
                
                success: function(res){
                   
                    $('#'+type).html(res)   
                    $('#'+type).modal('show');
                    
                }
            })
        
        });
        
        @endif
        
                
$('body').on('click' , '#svu-wd-account',  function(){
    var url = $("#acc-form").attr('action');
     $.ajax({
                url: url,
                type: 'POST',
                data: $('#acc-form').serialize(),
                dataType: 'json',
                
                beforeSend: function() {
                $('.spinner-border').removeClass('hide');
              
                },
                complete: function(){
               
                $('.spinner-border').addClass('hide');
                },
                success: function(res) {
              
                    if(res.status == true){
             
                      new SnackBar({
                    message: res.msg,
                     status: "success",
                     dismissible: true,
                    timeout: 2500
}); 
                      
                       setTimeout(location.reload() , 2500);
                       
                    }else if(res.status == false){
                     
                       $('#err_text').text(res.error); 
                    };
                }
                });
})
    })
</script>
@endsection