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

@section('conteudo')

<nav class="d-none">
    {{ $celula= \App\Models\Celula::where('id',$id)->first()}}


    @if($celula)

    {{ $modulo= $celula->getmodulo }}
    {{ $corredor= $modulo->getCorredor }}
    {{ $armazem= $corredor->getArmazem }}
    {{ $configuracaoModulo=$modulo->getConfiguracao }}
    {{ $celulas= \App\Models\Celula::where('modulo_id', $modulo->id)->count()}}
    {{ $cels= \App\Models\Celula::where('modulo_id', $modulo->id)->get()}}
    {{ $cels2=$cels }}
    {{ $corredoresCount= \App\Models\Corredor::where('armazem_id',$id)->count() }}
    {{ $modulos= \App\Models\Corredor::where('armazem_id',$id)->count() }}
    {{ $fileiras= \App\Models\Corredor::where('armazem_id',$id)->count() }}
    {{ $prateleiras= \App\Models\Corredor::where('armazem_id',$id)->count() }}
    {{ $caixas= \App\Models\Corredor::where('armazem_id',$id)->count() }}
    {{ $indexes= \App\Models\Corredor::where('armazem_id',$id)->count() }}
    {{ $base= $armazem->getBase }}
    {{ $configCorredores= \App\Models\ConfiguracaoCorredor::get() }}
    {{ $configCorredoresCount= \App\Models\ConfiguracaoCorredor::count() }}
    {{ $owner= $armazem->getOwner }}
    {{ $bases=\App\Models\BaseGestdoc::get() }}
    {{ $funcionario= $owner->getFuncionario }}
    {{ $configIdCadastro=0 }}
    {{ $caixasConfig=\App\Models\ConfCaixa::get() }}
    
    @else

        Caso o armazém não seja encontrado no sistema, então o usuário será redireccionado a um nível anterior
        <script>
            window.location.replace("{{ route('us.armazem.conf.arm.geral') }}");
        </script>
        @php
            exit();
        @endphp
    @endif

</nav>
<nav class="container rounded shadow" style="background: linear-gradient( #013257bb , #01192cbb)">
    <br>
    <div class="tst  d-none animate__animated animate__fadeInDown rounded text-center border border-1  m-4 align-items-center text-white    " role="alert" aria-live="assertive" aria-atomic="true">
        {{-- <div class="  d-nodne animate__animated animate__fadeInDown border border-3 position-absolute top-0 start-50 m-4 align-items-center text-white  border-0 d-nodne animate__animated animate__fadeInDown border border-3 position-absolute top-0 start-50 m-4 align-items-center text-white  border-0" role="alert" aria-live="assertive" aria-atomic="true"> --}}
        <div class="d-flex">
          <div class="toast-body ">
            <p class="toastMessage">
                 <br>
                    Example modal
                 <br>
            </p>
          </div>
          {{-- <button type="button" class="tstClose btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button> --}}
        </div>
    </div>
        <nav class="row p-4">


            <div class="col-12 text-start">
                {{-- <div class="row justify-content-center"   >
                    <div class=" p-2">

                        <div class="x_title">
                            <h2>Armazém</h2>
                            <div class="clearfix"></div>
                        </div>
                        <br>
                        <div class="row p-2">
                            <nav class="col-1 colorBigView rounded border border-2 shadow"  style="background-color:{{ $armazem->cor_tema }}">

                            </nav>
                            <nav class="col-7">

                            </nav>

                        </div>
                    </div> --}}
                    <div class=" p-2 tile_count">

                        <div class="x_title">
                            <h2><i class="fa fa-table"></i> CÉLULA</h2>
                            <div class="clearfix"></div>
                        </div>
                        <br>
                        <div class="row p-2">
                            <nav class="col-2 colorBigView rounded border border-2 shadow"  style="background-color:{{ $armazem->cor_tema }}">

                            </nav>
                            <nav class="col-3">

                                <ul style="list-style-type: square">
                                    <li class="p-2">ID: <label for="">{{ $celula->id }}</label> </li>
                                    <li class="p-2">Altura: <label for="" class=" ">{{ $celula->alturam }} m x {{ $celula->alturacm }} cm</label> </li>
                                    <li class="p-2">Largura: <label for="" class=" ">{{ $configuracaoModulo->larguramodulom }} m x {{ $configuracaoModulo->larguramodulocm }} cm</label> </li>
                                    <li class="p-2">Profundidade: <label for="" class=" ">{{ $celula->profundidadem }} m x {{ $celula->profundidadecm }} cm</label> </li>
                                    <li class="p-2">Nível: <label for="" class=" ">{{ $celula->nivel }} </label> </li>
                                    @if($celula->getTipoCaixa)

                                    <li class="p-2">Tipo de caixa: <label for="" class=" "> {{ $celula->getTipoCaixa->tipocaixa }} </label> </li>

                                    <nav class="d-none">
                                        {{ $fileiras=\App\Models\Fileira::where('celula_id',$celula->id)->count() }}
                                        {{ $encaixes=\App\Models\EspacoCaixaModulo::where('celula_id',$celula->id)->first() }}
                                    </nav>
                                    @endif

                                </ul>

                            </nav>
                            <nav class="col-7 row ">

                                <div class="col  tile_stats_count">
                                    <span class="count_top"><i class="fa fa-user"></i> FILEIRAS</span>
                                    <div class="count">{{ $fileiras }}</div>
                                    <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver </a>
                                    {{-- <span class="count_bottom"> From last Week</span> --}}
                                </div>
                                <div class="col  tile_stats_count">
                                    <span class="count_top"><i class="fa fa-user"></i> ENCAIXES PARA CAIXAS</span>
                                    @if($celula->getTipoCaixa)

                                    <div class="count">{{ $encaixes->espacoscaixa }}</div>
                                    @else

                                    <div class="count">0</div>
                                    @endif
                                    {{-- <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver </a> --}}
                                    {{-- <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span> --}}
                                </div>



                            </nav>
                        </div>
                    </div>
                    {{-- <div class="tile_count ">
                        <div class="x_title">
                            <h2><i class="fa fa-table"></i> FILEIRAS</h2>
                            <div class="clearfix"></div>

                        </div>
                        <br>
                        <div>
                            {{-- <ul>
                                <li id="draggable" class="ui-state-highlight">Drag me down</li>
                              </ul> --}}


                                    {{-- <h5>Lista de módulos</h5> --}}



                        </div>
                    </div> --}}

                    <div class=" p-3">
                        <div class="x_title">
                            <h2>Configuração</h2>
                            <div class="clearfix"></div>
                        </div>
                        {{-- <button class="btn btn-sm btn-outline-light"><i class="fa fa-plus"></i> Nova entrada</button> --}}
                        <button class="btn btn-sm btn-outline-light" ><i class="fa fa-plus"></i> <i class="fa fa-cog"></i> Editar dados</button>
                        <button class="btn btn-sm btn-outline-light" ><i class="fa fa-eye"></i> <i class="fa fa-road"></i> Ver outros corredores deste armazém</button>
                        @if(!$celula->getTipoCaixa)

                        <button class="btn btn-sm btn-outline-light" data-bs-toggle="modal" data-bs-target="#novaConfiguracaoFileiras"><i class="fa fa-cog"></i> Configurar fileiras</button>
                        @endif
                        <button class="btn btn-sm btn-outline-light" data-bs-toggle="modal" data-bs-target="#novaConfiguracaoModulos" ><i class="fa fa-table"></i> <i class="fa fa-road"></i> Nova configuração de módulo</button>
                        <button class="btn btn-sm btn-outline-light" id="moduloAdd" data-bs-toggle="modal" data-bs-target="#novoCadastrodeModulo" > <i class="fa fa-plus"></i> Novo Módulo</button>
                        <button class="btn btn-sm btn-outline-light" ><i class="fa fa-eye"></i> <i class="fa fa-road"></i> Novo módulo</button>
                        @if($armazem)
                            {{-- <ul style="list-style-type: none">
                                <li class="p-2">Número identificador: <label for="">{{ $armazem->id }}</label> </li>
                                <li class="p-2">
                                --}}
                                    {{-- <a href="{{ route('us.armazem.conf.arm.verarmazem',$armazem->id) }}" class="btn btn-sm btn-outline-light"><i class="fa fa-eye"></i> Ver armazem  {{ $armazem->nomearmazem }}</a> --}}
                                {{-- </li>


                            </ul> --}}
                        @endif

                        {{-- <button class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#deleteArmazemModal"><i class="fa fa-exclamation-triangle"></i> Desactivar armazém</button> --}}

                        {{-- <button class="btn btn-sm btn-outline-success"><i class="fa fa-exclamation-triangle"></i> Restaurar armazém</button> --}}

                    </div>
                </div>

            </div>


        </nav>

    <!-- Modal -->
    <div class="modal fade" id="novaConfiguracaoModulos" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="novaConfiguracaoModulosLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                <h5 class="modal-title" id="novaConfiguracaoModulosLabel">Configuração para módulos</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form id="formCadConfigModulo">
                    <div class="modal-body">
                        Cadastro de corredor(es)
                        <br>
                        <div class="form-floating">

                            {{-- <label for=""> Quantidade de corredores</label> --}}
                            <select class="form-select" id="baseId" aria-label="Floating label select example">
                                @foreach($bases as $base)
                                    <option value="{{$base->id}}">{{$base->base}}</option>
                                @endforeach
                            </select>
                            <label for="listaConfiguracoes">Configuração</label>
                        </div>
                        {{-- alturacorredor	larguracorredor	base_id	usuario_id --}}
                        <br>
                        <div class="mb-3">
                            <label for="exampleFormControlTextarea1" class="form-label">Altura: </label>

                            <label id="lblAlturaModulo" class="form-label">0</label> (m)
                            <input type="range" class="form-range" value="1" required min="1" max="10" step="1" id="alturaConfigModulo">
                            <hr>
                            <label for="exampleFormControlTextarea1" class="form-label">Altura: </label>

                            <label id="lblAlturaModulod" class="form-label">0</label> (cm)
                            <input type="range" class="form-range" value="1" required min="1" max="100" step="1" id="alturaConfigdModulo">

                        </div>
                        <br>
                        <div class="mb-3">
                            <label for="exampleFormControlTextarea1" class="form-label">Largura: </label>

                            <label id="lblLarguraModuloConfig" class="form-label">0</label> (m)
                            <input type="range" class="form-range" value="1" required min="1" max="100" step="1" id="larguraConfigModulo">

                        </div>
                    </div>
                    <div class="modal-footer">

                    <button type="submit" class="btn btn-primary">Cadastrar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="modal fade" id="novaConfiguracaoFileiras" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="novaConfiguracaoFileirasLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                <h5 class="modal-title" id="novaConfiguracaoFileirasLabel">Configuração para módulos</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form id="formCadFilas">
                    <div class="modal-body">
                        Cadastro de fileiras
                        <br>
                        <br>
                        <div class="form-floating">

                            {{-- <label for=""> Quantidade de corredores</label> --}}
                            <select class="form-select" id="caixaId" aria-label="Floating label select example">
                                <option class="d-none">Escolha um tipo de caixa</option>
                                @foreach($caixasConfig as $caixa)
                                    <option value="{{$caixa->id}}">{{$caixa->tipocaixa}} [Altura({{$caixa->alturacaixam}}m/{{$caixa->alturacaixacm}}cm) Largura ({{$caixa->larguracaixam}}m/{{$caixa->larguracaixacm}}cm) Comprimento {{$caixa->profundidadecaixam}}m/{{$caixa->profundidadecaixacm}}cm)]</option>
                                @endforeach
                            </select>

                            <label for="listaConfiguracoes">Tipo de caixa</label>
                        </div>
                        <br>
                        <div class="form-floating">

                            {{-- <label for=""> Quantidade de corredores</label> --}}
                           <input type="text" class="form-control" id="quantidadeDeFileiras">
                            <label for="listaConfiguracoes">Quantidade de Fileiras</label>
                        </div>
                        <br>
                        <div class="form-floating">

                            {{-- <label for=""> Quantidade de corredores</label> --}}
                           <input type="text" class="form-control" id="quantidadeDeCaixas">
                            <label for="listaConfiguracoes">Quantidade de Caixas</label>
                        </div>
                        {{-- alturacorredor	larguracorredor	base_id	usuario_id --}}
                        <br>

                    </div>
                    <div class="modal-footer">

                    <button type="submit" class="btn btn-primary">Cadastrar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>






</div>




<script>
    $(function(){

        $("#alturaCelula").on('change keypress mousemove',function(){
            $("#lblAlturaCelula").text($(this).val());
        });

        $("#profundidadeCelula").on('change keypress mousemove',function(){
            $("#lblProfundidadeCelula").text($(this).val());
        });

        $(".btnNovaCelulaIndividual").click(function(){

                var nivel = $(this).find("input[class='posicaoNivelIndividualCad']").val();
                $(".nivelCelulaCad").val(nivel);
        });

        $(".nivelCelulaCad, #quantidadeDeFileiras, #quantidadeDeCaixas").on("keydown keypress keyup change",function(e){

                return false;
            // if(e.keyCode==65)

            // });
        });
        $("#caixaId").change(function(){
             var idCaixa=$(this).val();
             $.post("{{ route('us.armazem.conf.arm.get.info.add.fileira') }}",
            {
                '_token':  '{{ csrf_token()  }}',
                 'idCaixa':idCaixa,

            },function(data){


                var infoData= $.parseJSON(data);


                var larguram=parseFloat(infoData[0].larguracaixam)
                var larguracm=parseFloat(infoData[0].larguracaixacm)
                var larguraCaixa=(100*larguram)+larguracm;


                console.log("Largura Metro"+larguram);
                console.log("Largura Centímetro"+larguracm);
                console.log(larguraCaixa);


                var larguraCelulam=parseFloat('{{ $configuracaoModulo->larguramodulom}}');
                var larguraCelulacm=parseFloat('{{ $configuracaoModulo->larguramodulocm }}');
                var larguraCelula=(100*larguraCelulam)+larguraCelulacm

                console.log("Largura Celula Metro"+larguraCelulam);
                console.log("Largura Celula Centímetro"+larguraCelulacm);
                console.log(larguraCelula);

                var quantidadeFilas= parseInt(larguraCelula/larguraCaixa) 
                $("#quantidadeDeFileiras").val(quantidadeFilas);
                var qtdCaixaLargura=quantidadeFilas;

                var alturaCelulam=parseInt('{{ $celula->alturam }}');
                var alturaCelulacm=parseInt('{{ $celula->alturacm }}');
                var alturaCelula=(100*alturaCelulam)+alturaCelulacm;


                console.log("Altura Celula Metro"+alturaCelulam);
                console.log("Altura Celula Centímetro"+alturaCelulacm);
                console.log("Geral Altura Celula"+alturaCelula);


                var alturacaixam=parseInt(infoData[0].alturacaixam)
                var alturacaixacm=parseInt(infoData[0].alturacaixacm)
                var alturaCaixa=(100*alturacaixam)+alturacaixacm
                var qtdCaixaAltura=parseInt(alturaCelula/alturaCaixa);


                var profundidadeCelulam=parseInt('{{ $celula->profundidadem }}');
                var profundidadeCelulacm=parseInt('{{ $celula->profundidadecm }}');
                var profundidadeCelula=(100*profundidadeCelulam)+profundidadeCelulacm


                var profundidadecaixam=parseInt(infoData[0].profundidadecaixam)
                var profundidadecaixacm=parseInt(infoData[0].profundidadecaixacm)
                var profundidadeCaixa=(100*profundidadecaixam)+profundidadecaixacm
                var qtdTotalCaixaProfundidade=parseInt(profundidadeCelula/profundidadeCaixa);
 
                var qtdCaixaFrente=qtdCaixaAltura*qtdCaixaLargura;
                var qtdCaixaTotal=qtdCaixaFrente*qtdTotalCaixaProfundidade;
                $("#quantidadeDeCaixas").val(qtdCaixaTotal );




            }).fail(function(){
                alert("falha ao cadastrar a configurção do corredor! Por algum motivo não conseguimos cadastrar a configuração do corredor tente novemante mais tarde ou informe ao engenheiro de software.")
            });
        });

        $("#formCadFilas").submit(function(e){
            e.preventDefault();

            var tipoCaixa =$("#caixaId").val();
            var qtdFileiras = $("#quantidadeDeFileiras").val();
            var qtdCaixas = $("#quantidadeDeCaixas").val();


            $.post("{{ route('us.armazem.conf.arm.add.fileiras.espacocaixas.modulo') }}",
            {
                '_token':  '{{ csrf_token()  }}',
                'tipoCaixa':tipoCaixa,
                'qtdFileiras':qtdFileiras,
                'qtdCaixas':qtdCaixas,
                'celula_id':  '{{ $id  }}',

            },function(e){

                alert(e)

            }).fail(function(){
                alert("falha ao cadastrar a configurção do corredor! Por algum motivo não conseguimos cadastrar a configuração do corredor tente novemante mais tarde ou informe ao engenheiro de software.")
            });
        });
        // $("#formCadCelula").submit(function(e){
        //     e.preventDefault();

        //     var altura =$("#alturaCelula").val();
        //     var profundidade = $("#profundidadeCelula").val();
        //     var nivel = $(".nivelCelulaCad").val();


        //     $.post("{{ route('us.armazem.conf.arm.add.celulaindividual.modulo') }}",
        //     {
        //         '_token':  '{{ csrf_token()  }}',
        //         'altura':  altura,
        //         'nivel':   nivel,
        //         'profundidade':   profundidade,
        //         'modulo_id':  '{{ $modulo->id  }}',

        //     },function(e){

        //         alert(e)

        //     }).fail(function(){
        //         alert("falha ao cadastrar a configurção do corredor! Por algum motivo não conseguimos cadastrar a configuração do corredor tente novemante mais tarde ou informe ao engenheiro de software.")
        //     });
        // });


    });
</script>
@endsection
