@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-12">
                            <div class="form-group">
                                <h3>Información de las comisiones del Sistema </h3>
                            </div>    
                        </div>
                        
                        
                        @include('setting.comisiones.componentes.cabecera')
                        
                    </div>
                    
                    
                    @include('setting.comisiones.componentes.informacion')
                  
  
                </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">
                
                
                @include('setting.comisiones.componentes.formulario')
            
   
                </div>
            </div>
        </div>
    </div>
</div> 


@include('setting.comisiones.modal.general') 
@include('setting.comisiones.modal.niveles') 
@include('setting.comisiones.modal.producto') 
@include('setting.comisiones.modal.categoria') 
@include('setting.comisiones.modal.nuevacomision') 
@include('setting.comisiones.modal.nivelesnuevo')
@include('setting.comisiones.modal.valorcomisionable')

@endsection

@include('usuario.componentes.scripBotones') 


@push('script')
<script type="text/javascript">
  
    function eliminar(ID){
        Swal.fire({
           title: 'Está seguro de realizar esta acción, al dar clic es irreversible recuperar la información.',
           type:'warning',
           showCancelButton: true,
           confirmButtonColor: '#3085d6',
           cancelButtonColor: '#d33',
           confirmButtonText: 'Si',
           cancelButtonText: 'No',
        }).then((result) => {
            if (result.value) {
              window.location.href = 'eliminar/comision/'+ID;
            }
        });
    }
    

  function actualizarGeneral(id, nivel, monto){
      $('.id').val(id);
      $('.nivel').val(nivel);
      $('.monto').val(monto);
  }
   
  
  function actualizarNiveles(id, nivel, monto, rango){
      $('.id').val(id);
      $('.nivel').val(nivel);
      $('.monto').val(monto);
      $('.rango').val(rango);
  }
  
  
  function actualizarCategoria(id, nivel, monto, idcategoria){
      $('.id').val(id);
      $('.nivel').val(nivel);
      $('.monto').val(monto);
      $('.idcategoria').val(idcategoria);
  }
  
  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);
  }
  
  
  var rangos = null
  var productos = null
  var categorias = null
  $(document).ready(function () {
      
    $.get('getrangosall', function (response) {
      rangos = JSON.parse(response)
    })
    
    $.get('getproductosall', function (response) {
      productos = JSON.parse(response)
    })
    
    $.get('getcategoriasall', function (response) {
      categorias = JSON.parse(response)
    })
    
  })


  function toggle() {
    $('.paso-uno').toggle('slow')
    $('.paso-dos').toggle('slow')
  }
  
  // detalles de la comisiones
  function comisiondetalle() {
    $('#valor').empty()
    $('#valor2').empty()
    let tipoComision = $('#tipocomision').val()
    let niveles = $('#niveles').val()
    let tipopago = $('#tipopago').val()
    
    if (tipoComision == 'general') {
      $('#valor').append(
            '<div class="col-sm-6">'+
               '<div class="form-group">'+
                  '<label for="">Valor de Comision</label>' +
                  '<input type="number" step="any" class="form-control" name="valorgeneral">'+
                '</div>'+  
            '</div>' 
      )
    } else if (tipoComision == 'detallado') {
      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 == 'categoria') {
        
        let comision = ''
        categorias.forEach(item => {
          for (var i = 0; i < niveles; i++) {
            comision = comision + '<div class="col-sm-6">' +
                '<div class="form-group">'+
                   '<label for="">Comision para el nivel: ' + (i + 1) + '</label>' +
                   '<input type="number" class="form-control" step="any" required min="0" name="idcategoria' + item.term_id +
              '_' + (i + 1) + '">' +
                 '</div>'+
              '</div>'
          }
          $('#valor2').append(
              '<div class="col-sm-12">' +
                '<div class="form-group">'+
                    '<h4 class="col-xs-12"> Configuracion de la Categoria - : ' + item.name + ' </h4>' +
                '</div>'+
            '</div>'+    
            comision
          )
          comision = ''
        })
        
      
    }else if(tipoComision == 'niveles'){
        
        let comision = ''
        for (let i = 0; i < niveles; i++) {

          rangos.forEach(item => {
              $('#valor2').append(
            '<div class="col-md-6">' +
               '<div class="form-group">'+
                   '<label for="">Comision para el rango: ' + item.name + ' Nivel ' + (i + 1) + '</label>' +
                   '<input type="number" class="form-control" step="any" required min="0" name="nivel' + item.id +
              '_' + (i + 1) + '">' +
                 '</div>'+
              '</div>'
              )
          });
        }
        
    
    } else if (tipoComision == 'producto') {
      if (productos.length <= 0) {
        $('#valor2').append(
            '<div class="col-sm-12">'+
                '<div class="form-group">'+
                    '<div class="alert alert-warning" role="alert">' +
                       '<h4> <b>Aviso:</b> Para usar este modo, primero debes tener productos registrado</h4>' +
                    '</div>'+
                '</div>'+    
          '</div>'
        )
      } else {
        
        let comision = ''
        productos.forEach(item => {
          for (var i = 0; i < niveles; i++) {
            comision = comision + '<div class="col-sm-6">' +
                '<div class="form-group">'+
                   '<label for="">Comision para el nivel: ' + (i + 1) + '</label>' +
                   '<input type="number" class="form-control" step="any" required min="0" name="idproducto' + item.ID +
              '_' + (i + 1) + '">' +
                 '</div>'+
              '</div>'
          }
          $('#valor2').append(
              '<div class="col-sm-12">' +
                '<div class="form-group">'+
                    '<h4 class="col-xs-12"> Configuracion del Producto - ID: ' + item.ID + ' </h4>' +
                '</div>'+
            '</div>'+    
            comision
          )
          comision = ''
        })
      }
    }else if (tipoComision == 'valor_comisionable') {
        if (productos.length <= 0) {
            
        $('#valor2').append(
            '<div class="col-sm-12">'+
                '<div class="form-group">'+
                    '<div class="alert alert-warning" role="alert">' +
                       '<h4> <b>Aviso:</b> Para usar este modo, primero debes tener productos registrado</h4>' +
                    '</div>'+
                '</div>'+    
          '</div>'
        )
        
        } else {
            
            productos.forEach(item => {
                for (var i = 0; i < niveles; i++) {
                    if(tipopago == 'normal'){
                       
                        $('#valor2').append(
                    
                            '<div class="col-sm-12">' +
                                '<div class="form-group">'+
                                    '<h4 class="col-xs-12"> Configuracion del Producto - ID: ' + item.ID + ' </h4>' +
                                '</div>'+
                            '</div>'+ 
            
                            '<div class="col-sm-6">' +
                                '<div class="form-group">'+
                                    '<label for="">Valor Comisionable para el nivel: ' + (i + 1) + '</label>' +
                                    '<input type="number" class="form-control" step="any" required min="0" name="idproducto' + item.ID + '_' + (i + 1) + '">' +
                                '</div>'+
                            '</div>'
                        
                        );
                        
                    }else if(tipopago == 'porcentaje'){
                        
                        $('#valor2').append(
                    
                            '<div class="col-sm-12">' +
                                '<div class="form-group">'+
                                    '<h4 class="col-xs-12"> Configuracion del Producto - ID: ' + item.ID + ' </h4>' +
                                '</div>'+
                            '</div>'+ 
            
                            '<div class="col-sm-6">' +
                                '<div class="form-group">'+
                                    '<label for="">Valor Comisionable para el nivel: ' + (i + 1) + '</label>' +
                                    '<input type="number" class="form-control" step="any" required min="0" name="idproducto' + item.ID + '_' + (i + 1) + '">' +
                                '</div>'+
                            '</div>'+
                            
                            '<div class="col-sm-6">' +
                                '<div class="form-group">'+
                                    '<label for="">Porcentaje para el nivel: ' + (i + 1) + '</label>' +
                                    '<input type="number" class="form-control" step="any" required min="0" name="porcentaje' + item.ID + '_' + (i + 1) + '">' +
                                '</div>'+
                            '</div>'
                        
                        );
                        
                    }
                }
            })
            
        }
    }
  }
    
</script>
@endpush