@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">
                    
                    <h3>Asignar Iva</h3>
                    
                    <div class="row">
                        <div class="col-3">
                            <div class="form-group">
                                <a class="btn btn-info btn-block text-white" onclick="toggle()">Agregar Iva a todos</a>
                            </div>
                        </div>
                        
                        <div class="col-3">
                            <div class="form-group">
                                <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#myModal2">Editar o Agregar Individual</a>
                            </div>
                        </div>
                        
                        <div class="col-3">
                            <div class="form-group">
                                <a class="btn btn-danger btn-block text-white" data-toggle="modal" data-target="#myModal3">Eliminar</a>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="col-12">
                        @empty(!$ivas)
                        <div class="row">
                            
                            <div class="col-6">
                                <h5>Se calcula por</h5>
                                <input type="text" class="form-control" readonly value="{{$ivas->tipocalculo}}">
                            </div>
            
                            <div class="col-6">
                                 <h5>Tipo de Iva</h5>
                                 @if($tipo == 'categoria')
                                 <input type="text" class="form-control" readonly value="Categoria">
                                 @elseif($tipo == 'producto')
                                 <input type="text" class="form-control" readonly value="Productos">
                                 @endif
                            </div>
                            
                            <div class="col-12">
                                <div class="row">
                    
                                   @foreach ($ivas->configuracion as $primerarreglo)
                    
                                      <div class="col-4">
                                          <div class="form-group">
                                            @if($tipo == 'categoria')
                                             <label for="">Iva de la Categoria: {{$primerarreglo->productos}}</label>
                                            @else
                                             <label for="">Iva del producto: {{$primerarreglo->productos}}</label>
                                            @endif
                    
                                            @if ($ivas->porcentaje == 'porcentaje')
                                            <input type="text" class="form-control" readonly value="{{($primerarreglo->iva * 100)}} %">
                                            @else
                                            <input type="text" class="form-control" readonly value="{{$primerarreglo->iva}} ">
                                            @endif
                                          </div>    
                                      </div>
                   
                                   @endforeach
                    
                                </div>
                            </div>
                            
                        </div>
                        @endempty
                    </div>
                     
                </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">
                    
                    <h3>Configuración del iva </h3>
                            
                        <form class="" action="{{route('setting-saveiva')}}" method="post">
                         {{ csrf_field() }}
                         
                         <input type="hidden" name="id" value="{{(!empty($ivas)) ? $ivas->id : ''}}">
                        
                    <div class="row">
                            
                        <div class="col-6">
                            <div class="form-group">
                               <label for="">Tipo de iva</label>
                                 <select class="form-control" name="tipocomision" id="tipocomision" required onchange="comisiondetalle()">
                                   <option value="" selected disabled>Seleccione una Opción</option>
                        
                                   <option value="categoria">Categoria (Sera por las categorias del wordpress)</option>
                                   <option value="producto">Produtos</option>
                                   
                               </select>
                            </div>
                        </div>
                
                        <div class="col-6">
                            <div class="form-group">
                              <label for="">Tipo de iva</label>
                                <select class="form-control" name="tipopago" required>
                                    <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-12">
                            <div class="row" id="valor2">
                                
                            </div>
                        </div>
                        
                        
                    <div class="col-12 mt-2">  
                        <div class="row">
                             <div class="col-6">
                                 <div class="form-group">
                                    <a class="btn btn-danger btn-block text-white"onclick="toggle()">Cancelar</a>
                                 </div>   
                             </div>
                        
                             <div class="col-6">
                                 <div class="form-group">
                                    <button type="submit" class="btn btn-info btn-block text-white"> Guardar </button>
                                 </div>
                             </div>
                        </div>
                    </div>    
                        
                    </div>    
                        </form>
                    
                </div>
            </div>
        </div>
    </div>
</div>    

@include('setting.iva.componentes.modal')
@include('setting.iva.componentes.eliminar')

                    
@endsection


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

 function toggle() {
    $('.paso-uno').toggle('slow')
    $('.paso-dos').toggle('slow')
  }
  
  var categorias = null
  var productos = null
  $(document).ready(function () {
   $.get('getcategorias', function (response) {
      categorias = JSON.parse(response)
    })
    $.get('getproductosall', function (response) {
      productos = JSON.parse(response)
    })
  })

 
 
  function comisiondetalle() {
    $('#valor').empty()
    $('#valor2').empty()
    let tipoComision = $('#tipocomision').val()
    let niveles = $('#niveles').val()
    
     if (tipoComision == 'categoria') {
      if (categorias.length < 2) {
        $('#valor2').append(
            '<div class="col-12">'+
               '<div class"form-group">'+
                   '<div class="alert alert-warning" role="alert">' +
                   '<h4> <b>Aviso:</b> Para usar este modo, primero debes tener la configuración de rango lista</h4>' +
                '</div>'+   
            '</div>'
        )
      } else {
        $('#valor2').append(
            '<div class="col-12">'+
                '<div class"form-group">'+
                  '<div class="alert alert-info" role="alert">' +
                      '<h4> <b>Nota:</b> Colocar el nombre exacto que de la categoria que en wordpress, Esto permitira comparar los productos que tienen esas categorias y pagar las comisiones</h4>' +
                   '</div>'+
                '</div>'+
            '</div>'
        )
        let comision = ''
        
          categorias.forEach(item => {
              
               $('#valor2').append(
                '<div class="col-4">'+
                   '<div class"form-group">'+
                        
                          '<label for="">Iva de la Categoría que esta en Wordpress '+ item.term_taxonomy_id + '</label>' +
                          '<input type="number" class="form-control" required step="any" name="categoria' + item.term_taxonomy_id + '">' +
                        
                    '</div>'+    
                '</div>' 
          )
            
          });
        

      }
    } else if (tipoComision == 'producto') {
      if (productos.length <= 0) {
        $('#valor2').append(
            '<div class="col-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 {
        $('#valor2').append(
            '<div class="col-12">'+
                '<div class"form-group">'+
                    '<div class="alert alert-info" role="alert">' +
                        '<h4> <b>Nota:</b> Si el valor es 0, ese producto no generara puntos</h4>' +
                    '</div>'+    
                '</div>'+     
            '</div>'
        )
        
        
        productos.forEach(item => {
          $('#valor2').append(
              
           '<div class="col-4">'+
                '<div class"form-group">'+
                   '<label for="">Iva del producto: ' + item.ID + '</label>' +
                   '<input type="number" class="form-control" step="any" required min="0" name="categoria' + item.ID + '">' +
                '</div>'+   
              '</div>'
              )
          });
      }
    }
  }
 </script>
@endpush