@extends('layouts.dashboardnew')

@section('content')



<div class="container-fluid paso-uno">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="row">
                        
                        <div class="col-sm-3">
                            <div class="form-group">
                                <a class="btn btn-info btn-block text-white" onclick="toggle()">Editar Todo</a>
                            </div>
                        </div> 
                        
                        
                        @if($config != null)
                            @if($bonos->count() > 0)
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#nueva">Agregar Comision</a>
                                    </div>
                                </div>
                        
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#nivelesnuevo">Agregar Niveles</a>
                                    </div>
                                </div>
                            @endif
                        @endif
                        
                    </div>
                    
                    
                    
                    @if($config != null)
                    
                       @if($config->tipo_bono == 'referido' || $config->tipo_bono == 'matriz')
                       
                        <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">Nivel</th>
                                <th class="text-center">Bono</th>
                                <th class="text-center">Acciones</th>
                            </thead>
                            <tbody>
                            @foreach ($bonos as $bono)
                              <tr>
                                <td class="text-center">{{ $bono->nivel }}</td>
                                <td class="text-center">
                                  @if($config->tipo_compra == 'porcentaje')
                                    {{ ($bono->monto * 100) }} %
                                  @else
                                    {{ $bono->monto }}
                                  @endif
                                </td>
                                <td class="text-center">
                                    
                                    <a class="btn btn-info text-white" data-toggle="modal" data-target="#general" onclick="actualizarGeneral('{{$bono->id}}','{{$bono->nivel}}', @if($config->tipo_compra == 'porcentaje') '{{ ($bono->monto * 100) }}' @else {{ $bono->monto }} @endif)">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    
                                    <a class="btn btn-danger text-white" href="{{ route('setting-inicio-rapido-delete', $bono->id) }}">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                    
                                </td>   
                              </tr>
                            @endforeach
                            </tbody>
                        </table>
                       
                       @elseif($config->tipo_bono == 'producto')
                       
                       <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">Nivel</th>
                                <th class="text-center">Bono</th>
                                <th class="text-center">ID Producto</th>
                                <th class="text-center">Nombre del Producto</th>
                                <th class="text-center">Acciones</th>
                            </thead>
                            <tbody>
                            @foreach ($bonos as $bono)
                            <tr>
                                <td class="text-center">{{ $bono->nivel }}</td>
                                <td class="text-center">
                                    @if($config->tipo_compra == 'porcentaje')
                                       {{ ($bono->monto * 100) }} %
                                    @else
                                       {{ $bono->monto }}
                                    @endif
                                </td>
                                <td class="text-center">{{ $bono->idproducto }}</td>
                                <td class="text-center">{{ $bono->nombre }}</td>
                                <td class="text-center">
                                    
                                    <a class="btn btn-info text-white" data-toggle="modal" data-target="#producto" onclick="actualizarProducto('{{$bono->id}}','{{$bono->nivel}}', @if($config->tipo_compra == 'porcentaje') '{{ ($bono->monto * 100) }}' @else {{ $bono->monto }} @endif, '{{$bono->idproducto}}')">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    
                                    <a class="btn btn-danger text-white" href="{{ route('setting-inicio-rapido-delete', $bono->id) }}">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                    
                                </td>   
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                        
                        @elseif($config->tipo_bono == 'comisionable')  
                        
                        <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">Nivel</th>
                                <th class="text-center">Valor Comisionable</th>
                                <th class="text-center">Porcentaje</th>
                                <th class="text-center">ID Producto</th>
                                <th class="text-center">Nombre del Producto</th>
                                <th class="text-center">Acciones</th>
                            </thead>
                            <tbody>
                            @foreach ($bonos as $bono)
                                <tr>
                                    <td class="text-center">{{ $bono->nivel }}</td>
                                    <td class="text-center">{{ $bono->monto }}</td>
                                    <td class="text-center">{{ ($bono->porcentaje * 100) }} %</td>
                                    <td class="text-center">{{ $bono->idproducto }}</td>
                                    <td class="text-center">{{ $bono->nombre }}</td>
                                    <td class="text-center">
                                    
                                        <a class="btn btn-info text-white" data-toggle="modal" data-target="#comisionable" onclick="actualizarComisionable('{{$bono->id}}','{{$bono->nivel}}','{{ $bono->monto }}','{{$bono->idproducto}}','{{ ($bono->porcentaje * 100) }}')">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                    
                                        <a class="btn btn-danger text-white" href="{{ route('setting-inicio-rapido-delete', $bono->id) }}">
                                            <i class="fa fa-trash"></i>
                                        </a>
                                    
                                    </td>   
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    
                       @elseif($config->tipo_bono == 'puntos') 
                       
                         
                        <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">Nivel</th>
                                <th class="text-center">Bono</th>
                                <th class="text-center">Acciones</th>
                            </thead>
                            <tbody>
                            @foreach ($bonos as $bono)
                              <tr>
                                <td class="text-center">{{ $bono->nivel }}</td>
                                <td class="text-center">
                                  @if($config->tipo_compra == 'porcentaje')
                                    {{ ($bono->monto * 100) }} %
                                  @else
                                    {{ $bono->monto }}
                                  @endif
                                </td>
                                <td class="text-center">
                                    
                                    <a class="btn btn-info text-white" data-toggle="modal" data-target="#puntos" onclick="actualizarPuntos('{{$bono->id}}','{{$bono->nivel}}', @if($config->tipo_compra == 'porcentaje') '{{ ($bono->monto * 100) }}' @else {{ $bono->monto }} @endif)">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    
                                    <a class="btn btn-danger text-white" href="{{ route('setting-inicio-rapido-delete', $bono->id) }}">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                    
                                </td>   
                              </tr>
                            @endforeach
                            </tbody>
                        </table>
                    
                       @endif
                       
                    @endif
                        
                </div>
            </div>
        </div>
    </div>
</div>


<div class="container-fluid paso-dos" style="display:none;">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                        
                    <form class="" action="{{route('setting-inicio-rapido-save')}}" method="post">
                        {{ csrf_field() }}
                            
                        <div class="row">
                            
                            <div class="col-sm-6">    
                                <div class="form-group">
                                    <label for="">Niveles</label>
                                    <input type="number" class="form-control niveles" name="niveles" required onkeyup="comisiondetalle()">
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">    
                                <div class="form-group">
                                    <label for="">Tipo de Comisión</label>
                                    <select class="form-control tipocomision" name="tipocomision" required onchange="comisiondetalle()">
                                        <option value="" selected disabled>Seleccione una Opción</option>
                                        <option value="referido">Bono por referido (Directos)</option>
                                        <option value="matriz">Bono por Matriz (Directos o Indirectos)</option>
                                        <option value="producto">Bono por Producto</option>
                                        <option value="comisionable">Bono por valor comisionable (Producto y Valor comisionable)</option>
                                        <option value="puntos">Bono por puntos</option>
                                    </select>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">    
                                <div class="form-group">
                                    <label for="">Tipo de pago de bono inicio</label>
                                    <select class="form-control tipopago" name="tipopago" required onchange="comisiondetalle()">
                                        <option value="" selected disabled>Seleccione una Opción</option>
                                        <option value="normal">Valor Fijo</option>
                                        <option value="porcentaje">Valor Por Porcentaje</option>
                                    </select>
                               </div>
                            </div>
                            
                            
                            <div class="col-sm-6">    
                                <div class="form-group">
                                    <label for="">Tipo de entrega del bono</label>
                                    <select class="form-control" name="tipo" required>
                                        <option value="" selected disabled>Seleccione una Opción</option>
                                        <option value="1">Primera Compra</option>
                                        <option value="2">Siempre</option>
                                    </select>
                               </div>
                            </div>
                            
                            
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="alert alert-info" role="alert">
                                        <h4> <b>Nota:</b> Si el valor es cero no se entregara ningun tipo de bono</h4>
                                    </div>    
                                </div>    
                            </div>
                            
                            
                            <div class="col-sm-12">    
                                <div class="row" id="valor">
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <a class="btn btn-danger btn-block text-white" onclick="toggle()">Cancelar</a>
                                        </div>    
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                           <button type="submit" class="btn btn-info text-white btn-block"> Aceptar</button>
                                        </div>
                                    </div>
                                </div>   
                            </div>    
            
                        </div>        
                            
                    </form>
                    
                </div>
            </div>
        </div>
    </div>
</div>    


@include('setting.inicio.modal.referido') 
@include('setting.inicio.modal.matriz') 
@include('setting.inicio.modal.producto') 
@include('setting.inicio.modal.valorcomisionable')
@include('setting.inicio.modal.puntos')
@include('setting.inicio.modal.nuevacomision') 
@include('setting.inicio.modal.nivelesnuevo')

@endsection

@include('usuario.componentes.scripBotones') 


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

  function toggle() {
    $('.paso-uno').toggle('slow')
    $('.paso-dos').toggle('slow')
  }
  
  
  function actualizarGeneral(id, nivel, monto){
      $('.id').val(id);
      $('.nivel').val(nivel);
      $('.monto').val(monto);
  }
   
  function actualizarProducto(id, nivel, monto, idproducto){
      $('.id').val(id);
      $('.nivel').val(nivel);
      $('.monto').val(monto);
      $('.idproducto').val(idproducto);
  }
  
  function actualizarComisionable(id, nivel, monto, idproducto, porcentaje){
      $('.id').val(id);
      $('.nivel').val(nivel);
      $('.monto').val(monto);
      $('.idproducto').val(idproducto);
      $('.porcentaje').val(porcentaje);
  }
  
  function actualizarPuntos(id, nivel, monto){
      $('.id').val(id);
      $('.nivel').val(nivel);
      $('.monto').val(monto);
  }
  
  
  function comisiondetalle() {
      
      $('#valor').empty()
      
      let tipoComision = $('.tipocomision').val()
      let niveles = $('.niveles').val()
      let tipopago = $('.tipopago').val()
      
      if (tipoComision == 'referido') {
          for (var i = 0; i < niveles; i++) {
              
              $('#valor').append(
                '<div class="col-sm-6">'+
                    '<div class="form-group">'+
                       '<label for="">Valor de Comision Nivel ' + (i + 1) + '</label>' +
                       '<input type="number" step="any" class="form-control" name="nivel' + (i + 1) + '">'+
                    '</div>'+
                '</div>'    
             )
        
          }
      }else if(tipoComision == 'matriz'){
          for (var i = 0; i < niveles; i++) {
              
              $('#valor').append(
                '<div class="col-sm-6">'+
                    '<div class="form-group">'+
                       '<label for="">Valor de Comision Nivel ' + (i + 1) + '</label>' +
                       '<input type="number" step="any" class="form-control" name="nivel' + (i + 1) + '">'+
                    '</div>'+
                '</div>'    
             )
        
          }
      }else if(tipoComision == 'producto'){
          
          @foreach($productos as $product)
            for (var i = 0; i < niveles; i++) {
              
                $('#valor').append(
                  '<div class="col-sm-6">' +
                     '<div class="form-group">'+
                        '<h4 class="col-xs-12"> Configuracion del Producto - ID: {{$product->post_title}} </h4>' +
                        '<label for="">Comision para el nivel: ' + (i + 1) + '</label>' +
                        '<input type="number" class="form-control" step="any" required min="0" name="idproducto{{$product->ID}}'+ '_' + (i + 1) + '">' +
                     '</div>'+
                   '</div>'
                )
                
            }
          @endforeach
          
      }else if(tipoComision == 'comisionable'){
          
          @foreach($productos as $product)
            for (var i = 0; i < niveles; i++) {
                if(tipopago == 'normal'){
                    
                    $('#valor').append(
                        '<div class="col-sm-6">' +
                          '<div class="form-group">'+
                            '<h4 class="col-xs-12"> Configuracion del Producto - ID: {{$product->post_title}} </h4>' +
                            '<label for="">Valor Comisionable para el nivel: ' + (i + 1) + '</label>' +
                            '<input type="number" class="form-control" step="any" required min="0" name="idproducto{{$product->ID}}'+ '_' + (i + 1) + '">' +
                          '</div>'+
                        '</div>'
                    )
                
                }else{
                    
                    $('#valor').append(
                        
                        '<div class="col-sm-6">' +
                          '<div class="form-group">'+
                            '<h4 class="col-xs-12"> Configuracion del Producto - ID: {{$product->post_title}} </h4>' +
                            '<label for="">Valor Comisionable para el nivel: ' + (i + 1) + '</label>' +
                            '<input type="number" class="form-control" step="any" required min="0" name="idproducto{{$product->ID}}'+ '_' + (i + 1) + '">' +
                          '</div>'+
                        '</div>'+
                        
                        '<div class="col-sm-6">' +
                            '<div class="form-group">'+ 
                                '<h4 class="col-xs-12"> Configuracion del Producto - ID: {{$product->post_title}} </h4>' +
                                '<label for="">Porcentaje para el nivel: ' + (i + 1) + '</label>' +
                                '<input type="number" class="form-control" step="any" required min="0" name="porcentaje{{$product->ID}}'+ '_' + (i + 1) + '">' +
                            '</div>'+
                        '</div>'
                        
                    )
                    
                }
            }
          @endforeach
          
      }else if(tipoComision == 'puntos'){
          for (var i = 0; i < niveles; i++) {
              if(tipopago == 'normal'){
                  
                $('#valor').append(
                '<div class="col-sm-6">'+
                    '<div class="form-group">'+
                       '<label for="">Valor de Comision Nivel ' + (i + 1) + '</label>' +
                       '<input type="number" step="any" class="form-control" name="nivel' + (i + 1) + '">'+
                    '</div>'+
                '</div>'    
                )
                
             }else{
                
                $('#valor').append(
                '<div class="col-sm-6">'+
                    '<div class="form-group">'+
                       '<label for="">Valor de Comision Nivel ' + (i + 1) + '</label>' +
                       '<input type="number" step="any" class="form-control" name="nivel' + (i + 1) + '">'+
                    '</div>'+
                '</div>'    
                )
                
             }
          }
      }
  }
</script>
@endpush