@extends('usuarios.funcionarios.master.layout2')

@section('conteudo')

    <nav class="d-none">
        {{$armazens=\App\Models\ArmazemModel::where('base_id',1)->get()}}
        {{ $clientes=\App\Models\Cliente::orderBy('created_at','Asc')->get() }}
    </nav>
     

    <br><br><br>
    <nav class="container">
        <form id="FormArrumar">  
            <nav class="row">
                <nav class="col-2">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Armazém</label>  <br>
                    <select id="Armazens" class="position-relative form-control   bg-dark w-100"  >
                        <option value="0" style="" class="d-none">Escolha o armazém</option>
                         
                         @foreach($armazens as $armazem)
                            <option value="{{$armazem->id}}"> {{ $armazem->nomearmazem}}</option>
                        @endforeach
                    </select>
                </nav>
                <nav class="col">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Corredor</label>  <br>
                    <select id="Corredor" class="position-relative form-control   bg-dark w-100" >
                        <option value="0" style="" class="d-none">Escolha o corredor</option>
                         
                          
                    </select>
                </nav>
                <nav class="col">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Módulo</label>  <br>
                    <select id="Modulo" class="position-relative form-control   bg-dark w-100"   >
                        <option value="0" style="" class="d-none">Escolha o modulo</option>
                         
                        
                    </select>
                </nav>
                 <nav class="col">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Nível</label>  <br>
                    <select id="Nivel" class="position-relative form-control   bg-dark w-100"  >
                        <option value="0" style="" class="d-none">Escolha o nível</option>
                         
                        
                    </select>
                </nav>
            
                <nav class="col">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Fileira</label>  <br>
                    <select id="Fileira" class="position-relative form-control   bg-dark w-100"  >
                        <option value="0" style="" class="d-none">Escolha a fileira</option>
                        
                    </select>
                </nav>
               
            </nav>   
            <br>
            <hr>
            <nav class="row">
          
                <nav class="col-12">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Report</label>  <br>
                    
                </nav>
                <nav class="col-4">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Espaço total</label>  <br>
                    <label class="h1 display-1 espacoTotal">0</label>
                </nav>
                 <nav class="col-4">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Espaço ocupado</label>  <br>
                    <label class="h1 display-1 espacoOcupado">0</label>
                </nav>
                <nav class="col-4">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Espaço disponível</label>  <br>
                    <label class="h1 display-1 espacoDisponivel">0</label>
                </nav>
               
            </nav>  
            <br>
            <hr>
            <nav class="row">
          
                <nav class="col-4">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Cliente</label>  <br>
                    <select id="Cliente" class="position-relative form-control   bg-dark" style="width:350px;" >
                        <option value="0" style="" class="d-none">Escolha o cliente</option>
                         
                        @foreach($clientes as $cli)
                            <option value="{{$cli->id}}"> {{ $cli->getUser->getPessoa->nome}}</option>
                        @endforeach
                    </select>
                </nav>
                <nav class="col-4">
                    <label for="validationTooltip02" class="form-label clienteListCombo">Número da caixa caixa</label>  <br>
                    <select id="Caixa" class="position-relative form-control   bg-dark" style="width:200px;" >
                        
                    </select>
                </nav>
                 
            </nav>  
            <br>
            <nav class="row"> 
                <nav class="col-12 text-right">
                   <button class="btn btn-info btn-sm">Arrumar</button>
                </nav> 
               
            </nav>  
        </form>
    </nav>

<script>
 $(function(){
    $("#Armazens").select2({});
    $("#Corredor").select2({});
    $("#Modulo").select2({});
    $("#Fileira").select2({});
    $("#Nivel").select2({});
    $("#Cliente").select2({});
    $("#Caixa").select2({});
    fileira=0;
    espaco=0;
    caixa=0;
     $("#Armazens").change(function(){
         cleanReport();
            $("#resultPesquisa").empty();
            var armazemId=$(this).val();
            
            if (armazemId>0){
                $.post("{{ route('us.armazem.gestao.caixas.psqCorr') }}",{
                    '_token':'{{ csrf_token() }}',
                    'armazemId':armazemId,

                },function(data){
                    $("#Corredor").empty();
                    $("#Modulo").empty();
                    $("#Nivel").empty();
                    $("#Fileira").empty();
                    $("#Corredor").append(data);
                    
                });
            }else{
                $("#Corredor").empty();
                $("#Modulo").empty();
                $("#Nivel").empty();
                $("#Fileira").empty();
            }
        });
        
        $("#Corredor").change(function(){
            cleanReport();
            $("#resultPesquisa").empty();
            var corredorId=$(this).val();
            //  $.alert(corredorId);
            if (corredorId>0){
                $.post("{{ route('us.armazem.gestao.caixas.psqMod') }}",{
                    '_token':'{{ csrf_token() }}',
                    'corredorId':corredorId,
    
                },function(data){
                      
                    $("#Modulo").empty();
                    $("#Nivel").empty();
                    $("#Fileira").empty();
                    $("#Modulo").append(data);
                    
                });
            }else{
                $("#Modulo").empty();
                $("#Nivel").empty();
                $("#Fileira").empty();
            }
        });
        $("#Modulo").change(function(){
            cleanReport();
            $("#resultPesquisa").empty();
            var moduloId=$(this).val(); 
            if (moduloId>0){
                $.post("{{ route('us.armazem.gestao.caixas.psqCel') }}",{
                    '_token':'{{ csrf_token() }}',
                    'moduloId':moduloId,
                },function(data){ 
                   
                    $("#Nivel").empty();
                    $("#Fileira").empty();
                    $("#Nivel").append(data);
                    
                });
            }else{
               
                $("#Nivel").empty();
                $("#Fileira").empty();
            }
        });
        $("#Nivel").change(function(){
            cleanReport();
            $("#resultPesquisa").empty();
            var celulaId=$(this).val();
            
            if (celulaId>0){
                $.post("{{ route('us.armazem.gestao.caixas.psqFil') }}",{
                    '_token':'{{ csrf_token() }}',
                    'celulaId':celulaId,
    
                },function(data){ 
                    $("#Fileira").empty(); 
                    $("#Fileira").append(data);
                  
                });
            }else{
                $("#Fileira").empty(); 
            }
        });
        $("#Fileira").change(function(){
            $("#resultPesquisa").empty();
            var fil=$(this).val();
            $.post("{{ route('us.armazem.gestao.mapa.fileira.report') }}",{'_token':'{{ csrf_token() }}','fileiraId':fil,},
            function(date){
                var retorno=$.parseJSON(date);
                $(".espacoTotal").text(retorno[0].total);
                $(".espacoOcupado").text(retorno[0].ocupadas);
                $(".espacoDisponivel").text(retorno[0].restantes);
                fileira=fil;
                espaco=retorno[0].restantes;

            });
            
        });
        
        

        
        $("#Caixa").change(function(){
            caixa=$(this).val();
        });
        $("#Cliente").change(function(){
            var clienteId=$(this).val();
            caixa=0;
            if (clienteId>0){
                $.post("{{ route('us.armazem.gestao.caixas.pesqCxCliente') }}",{
                    '_token':'{{ csrf_token() }}',
                    'clienteId':clienteId,

                },function(data){
                 
                    $("#Caixa").empty(); 
                    $("#Caixa").append(data);
                });
            }else{
                
                $("#Caixa").empty(); 

            }
        });
        $("#FormArrumar").submit(function(e){
            e.preventDefault();
            
            
            if(fileira==0){
                const Toast = Swal.mixin({
                  toast: true,
                  position: 'top-end',
                  showConfirmButton: false,
                  timer: 3000,
                  timerProgressBar: true,
                  didOpen: (toast) => {
                    toast.addEventListener('mouseenter', Swal.stopTimer)
                    toast.addEventListener('mouseleave', Swal.resumeTimer)
                  }
                })
                
                Toast.fire({
                  icon: 'warning',
                  title: 'Não foi informada uma fileira para a arrumação'
                })
            }else{
                 if(caixa==0){
                    const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 3000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    
                    Toast.fire({
                      icon: 'warning',
                      title: 'Não foi informada um caixa para a arrumação'
                    })
                }else{
                    
                     if(espaco==0){
                        const Toast = Swal.mixin({
                          toast: true,
                          position: 'top-end',
                          showConfirmButton: false,
                          timer: 3000,
                          timerProgressBar: true,
                          didOpen: (toast) => {
                            toast.addEventListener('mouseenter', Swal.stopTimer)
                            toast.addEventListener('mouseleave', Swal.resumeTimer)
                          }
                        })
                        
                        Toast.fire({
                          icon: 'warning',
                          title: 'Não foi informada um caixa para a arrumação'
                        })
                    }else{
                        Swal.fire({
                          title: 'Ao arrumar nesta localização, a caixa se já estiver arrumada actualizará a localização actual para a escolhida deseja prosseguir?',
                          showDenyButton: true,
                          showCancelButton: false,
                          confirmButtonText: 'Sim desejo',
                          denyButtonText: `Cancelar`,
                        }).then((result) => {
                          /* Read more about isConfirmed, isDenied below */
                          if (result.isConfirmed) {
                            
                            $.post("{{ route('us.armazem.gestao.caixas.arrumacaoManual') }}",{
                                '_token':'{{ csrf_token() }}',
                                'fila':fileira,
                                'caixa':caixa,    
                            },function(data){
                                if(data==1){
                                    
                                    Swal.fire('Caixa arrumada com sucesso', '', 'success')
                                }
                            });
                          } else if (result.isDenied) {
                            Swal.fire('As mudanças não foram salvas', '', 'info')
                          }
                        })
                    }
                }
            }
            
        });
        
        function cleanReport(){
            $(".espacoTotal").text('0');
            $(".espacoOcupado").text('0');
            $(".espacoDisponivel").text('0');
            fileira=0;
            espaco=0;
   
        }
     
 });
    
</script>
@endsection