@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="col-md-12 col-12">
        <div class="row">
            
                <div class="col-md-6 col-12">
                    <div class="card background-azul">
                        <div class="card-body success">
                            <div class="media">

                                <div class="text-center">
                                   <img src="{{asset('metodopago/billetera.png')}}" class="img-fluid" style="width: 100px; height: 100px;">
                                </div> 
                                
                                <div class="media-body ocultar-linea">
                                    <h3 class="text-white text-right"> Billetera </h3>
                                    <h4 class="text-white text-right mt-2" style="font-size: 20px;">
                                        @if ($moneda->mostrar_a_d)
                                           {{$moneda->simbolo}} {{number_format(Auth::user()->wallet_amount, 2, "." , ",") . "\n"}}
                                        @else
                                           {{number_format(Auth::user()->wallet_amount, 2, "." , ",") . "\n"}} {{$moneda->simbolo}}
                                        @endif
                                    </h4>  
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
                
                
                
                <div class="col-md-6 col-12">
                    <div class="card background-azul">
                        <div class="card-body success">
                            <div class="media">

                                <div class="text-center">
                                   <img src="{{asset('metodopago/billetera.png')}}" class="img-fluid" style="width: 100px; height: 100px;">
                                </div> 
                                
                                <div class="media-body ocultar-linea">
                                    <h3 class="text-white text-right"> Pagos en espera </h3>
                                    <h4 class="text-white text-right mt-2" style="font-size: 20px;">
                                        @if ($moneda->mostrar_a_d)
                                           {{$moneda->simbolo}} {{number_format($espera, 2, "." , ",") . "\n"}}
                                        @else
                                           {{number_format($espera, 2, "." , ",") . "\n"}} {{$moneda->simbolo}}
                                        @endif
                                    </h4>  
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            
        </div>
    </div>
</div>


<div class="container-fluid">
    <div class="row">
        
        <div class="col-md-12">
                    
            <div class="card-body">
                <div class="row">
                    
                    <div class="col-md-5">
                        <div class="row">
                            
                            <div class="col-md-12">
                                <div class="form-group">
                                    <h4>Selecciona tu Método de Retiro</h4>
                                </div>    
                            </div>
                            
                            @foreach($metodopagos as $metodo)
                            <div class="col-md-12">
                                <div class="card">
                                    <a onclick="marcador('{{$metodo->id}}')" style="cursor: pointer;">
                                    <div class="card-body id{{$metodo->id}}">
                            
                                        <div class="row">
                                            <div class="col-md-12">
                                               <h5 class="mt-0 newfuente text-dark">{{ $metodo->nombre }}</h5>
                                            </div>
                                            
                                            @if($metodo->logo != null)
                                            <div class="col-md-6">
                                               <img class="img-fluid" src="{{asset('metodopago/'.$metodo->logo)}}" alt="{{$metodo->nombre}}" style="width: 80px;">
                                            </div>
                                            
                                            <div class="col-md-6">
                                               <h4 class="text-right">
                                                   Fee 
                                                   @if($metodo->tipofeed == 0)
                                                      ( {{ $metodo->feed }} )
                                                   @else
                                                       {{ ($metodo->feed * 100) }} %
                                                   @endif
                                               </h4>       
                                            </div>
                                            @endif
                            
                                        </div>
                            
                                    </div>
                                    </a>
                                </div>
                            </div>
                            @endforeach
                        </div>        
                    </div>
                    
                    
                    <div class="col-md-7">
                        
                        <form action="{{route('retiro-save')}}" method="post">
                          {{csrf_field()}}
                          
                            <div class="row">
                    
                               <input type="hidden" name="tipobilletera" class="numerobilletera">
                               
                                <div class="col-md-6">
                                    <div class="form-group">
                                       <label class="text-dark">Importe disponible</label>
                                       <input class="form-control" type="text" name="montodisponible" readonly value="{{ Auth::user()->wallet_amount }}">
                                    </div>
                                </div> 
                
                                <div class="col-md-6">
                                    <div class="form-group">
                                      <label class="text-dark">Fee de Retiro</label>
                                      <input class="form-control fee" type="text" name="fee" readonly>
                                    </div>
                                </div>
                
                                <div class="col-md-6">
                                    <div class="form-group">
                                      <label class="text-dark">Monto Minimo de Retiro</label>
                                      <input class="form-control monto_min" name="monto_min" readonly>
                                    </div>
                                </div>
                
                                <div class="col-md-6">
                                    <div class="form-group">
                                      <label class="text-dark">Total a Retirar</label>
                                      <input class="form-control withdrawal" type="number" name="monto" onkeyup="totalRetiro(this.value)" required>
                                    </div>
                                </div>
                
                
                                <div class="col-md-12 wallet" style="display:none;">
                                    <div class="form-group">
                                       <label class="text-dark">Wallet Asociada al Método de Retiro</label>
                                       <input type="text" class="form-control" name="metodowallet" disabled value="{{ Auth::user()->usercampo->btc }}">
                                    </div>
                                </div>
                                
                                <div class="col-md-12 correo" style="display:none;">
                                    <div class="form-group">
                                       <label class="text-dark">Correo Asociada al Método de Retiro</label>
                                       <input type="text" class="form-control" name="correo" disabled value="{{ Auth::user()->usercampo->paypal }}">
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 bancario" style="display:none;">
                                    <div class="form-group">
                                       <label>Datos Bancarios - Numero de Cuenta </label>
                                       <input type="text" class="form-control" name="cuentabanco" disabled value="{{ Auth::user()->usercampo->cuenta }}">
                                    </div>
                                </div>

                                <div class="col-md-6 bancario" style="display:none;">
                                    <div class="form-group">
                                       <label>Datos Bancarios - Tipo de Cuenta </label>
                                       <input type="text" class="form-control" name="tipocuenta" disabled value="{{ Auth::user()->usercampo->tipocuenta }}">
                                    </div>
                                </div>

                                <div class="col-md-6 bancario" style="display:none;">
                                    <div class="form-group">
                                      <label>Datos Bancarios - Nombre del Banco </label>
                                      <input type="text" class="form-control" name="nombrebanco" disabled value="{{ Auth::user()->usercampo->banco }}">
                                    </div>
                                </div>
            
                
                                <div class="col-md-12">
                                    <div class="form-group">
                                      <label class="text-dark">Monto Final a Retirar</label>
                                      <input class="form-control total" name="total" readonly>
                                    </div>
                                </div>
                
                                <div class="col-md-12">
                                    <div class="d-flex justify-content-center">
                                        <div class="col-md-6">
                                            <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                                        </div>    
                                    </div>
                                </div>
                
                            
                            </div>   
                
                        </form> 
                    
                    </div>
                    
                </div>    
            </div>
            
        </div>
        
    </div>
</div>    

@endsection

@push('script')
<script type="text/javascript">

    function marcador(valor){
        
        var numero = '{{$metodopagos[($metodopagos->count() - 1)]->id}}';
        
        for(var i = 0; i<=numero; i++){
            if(valor == i){
              $(".id"+i).css("border-style", "solid");
              $(".id"+i).css("border-color", "#3F7BFF");
              $(".id"+i).css("border-radius", "0.625rem");
            }else{
              $(".id"+i).css("border-style", "");
              $(".id"+i).css("border-color", "");
              $(".id"+i).css("border-radius", ""); 
            }
        }
        
        $('.numerobilletera').val(valor);
        
        
        @foreach($metodopagos as $met)
            if('{{$met->id}}' == valor){
                if('{{$met->tipofeed}}' == 0){
                   $('.fee').val('{{$met->feed}}');
                }else{
                   $('.fee').val(parseFloat('{{$met->feed}}' * 100)+' %');
                }
                
                $('.monto_min').val('{{$met->monto_min}}');
                
                if('{{$met->correo}}' == 1){
                    
                    $('.correo').show()
                    $('.wallet').hide()
                    $('.bancario').hide()
                    
                }else if('{{$met->wallet}}' == 1){
                    
                    $('.correo').hide()
                    $('.bancario').hide()
                    $('.wallet').show()
                    
                }else if('{{$met->datosbancarios}}' == 1){
                    
                    $('.correo').hide()
                    $('.wallet').hide()
                    $('.bancario').show()
                    
                }
            }
        @endforeach
        
    }
    
    function totalRetiro(monto){
        
        var metodo = $('.numerobilletera').val();
        var total = 0;
        
        @foreach($metodopagos as $met)
            if('{{$met->id}}' == metodo){
                if('{{$met->tipofeed}}' == 1){
                    
                    total = (monto * '{{$met->feed}}');
                    total = (monto - total);
                    $('.total').val(total);
                    
                }else{
                    
                    total = (monto - '{{$met->feed}}');
                    $('.total').val(total);
                }
            }
        @endforeach
    }
    
</script>
@endpush