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

@section('conteudo')

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

    @if($base)

    @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.bases') }}");
        </script>
        @php
            exit();
        @endphp
    @endif
    {{ $armazem= \App\Models\ArmazemModel::where('id',$idArm)->first()}}



    @if($armazem)

    @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.verarmazem',[$idBase,$idArm]) }}");
        </script>
        @php
            exit();
        @endphp
    @endif

    {{ $corredor= \App\Models\Corredor::where('id',$idCorredor)->first()}}

    @if($corredor)

    @else

        <script>
            window.location.replace("{{ route('us.armazem.conf.arm.verarmazem',[$idBase,$idArm]) }}");
        </script>
        @php
            exit();
        @endphp
    @endif
    {{ $modulo= \App\Models\Modulo::where('id',$id)->first()}}




    @if($modulo)
   
     {{-- -> --}}
    {{-- {{ $corredor= $modulo->getCorredor }} --}}
    
     {{ $armazem= $corredor->getArmazem }}
     
     {{ $configuracaoModulo=$modulo->getConfiguracao }}
    {{-- {{ $celulas= \App\Models\Celula::where('modulo_id', $modulo->id)->count()}} --}}

          
        
    {{-- ->where('celulas.modulo_id',$modulo->id) --}}
    {{ $corredoresCount= \App\Models\Corredor::where('armazem_id',$id)->count() }}
    {{ $fileiras= \App\Models\Fileira::join('celulas','celulas.id','=','filas.celula_id')->join('modulos','celulas.modulo_id','=','modulos.id')->where('celulas.modulo_id',$id)->count() }}
    {{ $espCaixas=\App\Models\Modulo::join('celulas','celulas.modulo_id','=','modulos.id')->join('espacoscaixascelulas','celulas.id','=','espacoscaixascelulas.celula_id')->count() }}

    {{ $owner= $armazem->getOwner }}
    {{ $bases=\App\Models\BaseGestdoc::get() }}
    {{ $funcionario= $owner->getFuncionario }}
    {{ $configIdCadastro=0 }}
    {{ $configuracoesModulo=\App\Models\ConfiguracaoCorredor::where('base_id',$idBase)->get() }}
    {{ $nivelEncontrado=0 }}
   
    @if($modulo->getCelulas)
    
        @foreach ($modulo->getCelulas as $celulas)
           
           {{ $nivelEncontrado=$celulas->nivel }}
        @endforeach
    @else
        {{ $nivelEncontrado=0 }}
    @endif
    
        {{ $nivelEncontrado++ }}
    
    
    @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> MÓDULO - {{$modulo->numeromodulo}} Corredor ({{ $modulo->getCorredor->numerocorredor}})  Armazém ({{$modulo->getCorredor->getArmazem->nomearmazem}})</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">
                                @if($armazem)
                                    <ul style="list-style-type: square">
                                        <li class="p-2">ID: <label for="">{{ $modulo->id }}</label> </li>
                                        <li class="p-2">Altura: <label for="" class="idNomeArmazem">{{ $configuracaoModulo->alturamodulom }} m x {{ $configuracaoModulo->alturamodulocm }} cm</label> </li>
                                        <li class="p-2">Largura: <label for="" class="idNomeArmazem">{{ $configuracaoModulo->larguramodulom }} m x {{ $configuracaoModulo->larguramodulocm }} cm</label> </li>
                                        <li class="p-2">Numero de níveis: <label for="" class="idNomeArmazem">{{ $modulo->quantidadecelulas }} </label> </li>

                                    </ul>
                                @endif
                            </nav>
                            <nav class="col-7 row ">
                               <div class="col  tile_stats_count">
                                    <span class="count_top"><i class="fa fa-user"></i> CÉLULAS</span>
                                    
                                    @if($modulo->getCelulas)
                                    
                                        <div class="count">{{ $modulo->getCelulas->count() }}</div>
                                    @else
                                        <div class="count">{{ 0 }}</div>
                                    @endif
    
                                    
                                 
                                </div>
                                
                                
                                <div class="d-none">
                                    @if($modulo->getCelulas)
                                            {{ $numFileiras=0 }} 
                                            {{$numCaixas=0}}
                                        @foreach($modulo->getCelulas as $cel)
                                            {{$filNumbers=\App\Models\Fileira::where('celula_id',$cel->id)->get()}}
                                            @if($filNumbers)
                                                {{ $numFileiras+=$filNumbers->count() }}
                                            @endif
                                            
                                            
                                            @if($cel->getEspCx)
                                              {{ $numCaixas+=$cel->getEspCx->espacoscaixa }}
                                             
                                            @endif
                                        @endforeach
                                    @endif
                                </div>
                                <div class="col  tile_stats_count">
                                    <span class="count_top"><i class="fa fa-user"></i> FILEIRAS</span>
                                    <div class="count">{{$numFileiras }}</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>ESP. CAIXAS</span>
                                    <div class="count">{{ $numCaixas }}</div>
                                    {{-- <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> CÉLULAS</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> --}}
                            <!--{{$celulas=\App\Models\Celula::where('modulo_id',$modulo->id)->get()}}-->
                           <div class="row justify-content-center">
                                <nav class="col-8">

                                    <table class="table text-center table-hover w-100 table-primary  table-bordered">
                                        <thead>
                                            <tr>
                                                <th>
                                                    <input class="form-check-input" type="checkbox" id="checkbox">
                                                    <label class="form-check-label" for="checkbox" class="mr-2 label-table"></label>
                                                </th>
                                                <th>Níveis</th>
                                                {{-- <th>Cod</th> --}}
                                                <th>Fileiras</th>
                                                <th>Caixas</th>
                                                {{-- <th>Dimenção</th> --}}
                                                {{-- <th>Data de cadastro</th> --}}
                                                <th>Data de cadastro</th>
                                                <th>Mais</th>
                                            </tr>
                                        </thead>
                                        <tbody id="listaCaixasTableBody">
                                            <p class="d-none">{{ $i=1 }}</p> 
                                        @if($modulo->getCelulas)
                                        
                                         
                                            @foreach($modulo->getCelulas as $cel)


                                            <tr style="cursor: pointer">
                                               <th scope="row">
                                                    <form class="caixaCheck">
                                                        <input class="form-check-input" type="checkbox" id="checkbox{{ $i }}"  >
                                                        <label class="form-check-label" for="checkbox{{ $i }}" class="label-table"></label>
                                                        <input class="form-check-input" type="hidden" value="{{ $cel->id }}"> 
                                                    </form>
                                                </th>
                                                <th >
                                                    {{ $i++ }}
                                                </th>
                                                <th>
                                                    <nav class="d-none">
                                                        {{ $numFileiras=0 }} 
                                                        {{$filNumbers=\App\Models\Fileira::where('celula_id',$cel->id)->get()}}
                                                        @if($filNumbers)
                                                            {{ $numFileiras=$filNumbers->count() }}
                                                        @endif
                                                    </nav>

                                                     
                                                    {{ $numFileiras }}
                                                </th>
                                                <th>
                                                    @if($cel->getEspCx)
                                                      {{ $cel->getEspCx->espacoscaixa }}
                                                    @else
                                                        0
                                                    @endif
                                                </th>

                                                <th>{{ $cel->created_at }}</th>
                                                <th>
                                                    @if ($numFileiras==0)

                                                    <a class="btn btn-outline-info btn-sm idConfigurar" data-bs-toggle="modal" data-bs-target="#novaConfiguracaoCelula"> <i class="fa fa-cog"></i> Configurar
                                                        <input type="hidden" value="{{ $cel->id }}" >
                                                        <input type="hidden" value="{{ $cel->nivel }}" >
                                                    </a>

                                                    @else
                                                    <a class="btn btn-outline-success btn-sm" href="{{ route('us.armazem.conf.arm.ver.celula.modulo.corredor.armazem',[$idBase,$idArm,$idCorredor,$id,$cel->id]) }}"><i class="fa fa-eye"></i> Abrir </a>
                                                    @endif
                                                </th>


                                            </tr>
                                        @endforeach
    
                                        @endif

                                        </tbody>
                                    </table>
                                </nav>
                               {{-- <nav class="col-12 justify-content-center row overflow-auto">
                                   <div class="list-group col-12 " id="novoModuloArea" >

                                        <a href="#" class="list-group-item list-group-item-action bg-secondary border border-light border-3 " aria-current="true">
                                            <div class="d-flex w-100 justify-content-between">
                                            <h5 class="mb-1 text-light"> <i class="fa  fa-plus"></i> Módulo</h5>

                                            </div>
                                            <p class="mb-1 text-light">Arraste para aqui uma configuração de modulo.</p>
                                            <small  class="mb-1 text-light">(Poderá com isso cadastrar 1 ou mais módulos).</small>
                                        </a>
                                        <br>
                                    </div>
                                      @foreach($configuracoesModulo as $configModulo)
                                        <div class="list-group col-2 sortable"   >
                                            <a href="#" class="  bg-light cadastravel  mt-1 p-3 btn text-start "  >
                                                <input type="hidden"  class="idConfigModulo" value="{{ $configModulo->id}}">
                                                <input type="hidden"  class="alturaConfigModulo{{$configModulo->id}}" value="{{ $configModulo->alturamodulo}}">
                                                <input type="hidden"  class="larguraConfigModulo{{$configModulo->id}}" value="{{ $configModulo->larguramodulo}}">
                                                <div class="d-flex   justify-content-between">
                                                <h5 class="mb-1">Config ({{ $configModulo->id }})</h5>
                                                </div>
                                                <small class="mb-1">Altura:{{ $configModulo->alturamodulo }}</small> (m),
                                                <small class="mb-1">Largura:{{ $configModulo->larguramodulo }}</small> (m),
                                            </a>
                                        </div>
                                    @endforeach
                            </nav> --}}
                           </div>
                        </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" data-bs-toggle="modal" data-bs-target="#novoModuloIndividual" ><i class="fa fa-plus"></i>  Nova célula</button>
                        
                        <a class="btn btn-outline-info btn-sm" href="{{ route('us.armazem.conf.arm.ver.corredor.armazem',[$idBase,$idArm,$idCorredor] ) }}"><i class="fa fa-eye"></i> Ver corredor pertence </a>
                        {{-- <button class="btn btn-sm btn-outline-light" ><i class="fa fa-eye"></i>  Ver outros modulos</button> --}}
                        {{-- <a href=" " class="btn btn-sm btn-outline-light btnOutrosArmazens"><i class="fa fa-eye"></i> Ver configuração do armazém</a> --}}
                        {{-- <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 href=" " class="btn btn-sm btn-outline-warning btnCopiarConfiguracoes" ><i class="fa fa-eye"></i> Copiar configurações</button> --}}

                            {{-- <button class="btn btn-sm btn-outline-info  " data-bs-toggle="modal" data-bs-target="#staticBackdropConfigPast"><i class="fa fa-table"></i>   Colar configurações</button> --}}
                        <a class="btn btn-outline-info btn-sm"  id="idConfigurar" data-bs-toggle="modal" data-bs-target="#novaConfiguracaoCelula2"> <i class="fa fa-cog"></i> Editar </a>
                       
                        {{-- <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="novaConfiguracaoCelula2" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="novaConfiguracaoCelu2laLabel" 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últiplas células</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form id="formConfCelula2">
                    <div class="modal-body">
                      

                        <br>
                        <br>
                        <div class="row">
                             <div class="col">
                                 <div class="mb-3">
                                     <label for="exampleFormControlTextarea1" class="form-label">Alturas: </label>
 
                                         <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="AlturasConfigCelula22">
                                 </div>
                             </div>
                             <div class="col">
                                 <div class="mb-3">
                                     <label for="exampleFormControlTextarea1" class="form-label">Fileiras: </label>

                                         {{-- <label id="lblNiveisModuloConfig" class="form-label">1 </label> --}}
                                      
                                          <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="LargurasConfigCelula22">
                                        
                                        
                                 </div>
                             </div>
                             <div class="col">
                                 <div class="mb-3">
                                     <label for="exampleFormControlTextarea1" class="form-label">Profundidades: </label>

                                         {{-- <label id="lblNiveisModuloConfig" class="form-label">1 </label> --}}
                                         <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="ProfundidadesConfigCelula22">
                                 </div>
                             </div>
                        </div>
                    </div>
                    <div class="modal-footer">

                    <button type="submit" class="btn btn-sm btn-info "><i class="fa fa-cog"></i> Editar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <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">1 </label> (m)
                                <input type="range" class="form-range" value="1" required min="1" max="100" step="1" id="alturaConfigModulo">
                        </div>
                        <br>
                        <div class="mb-3">
                            <label for="exampleFormControlTextarea1" class="form-label">Largura: </label>

                                <label id="lblLarguraModuloConfig" class="form-label">1 </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="novaConfiguracaoCelula" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="novaConfiguracaoCelulaLabel" 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 célula</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form id="formConfCelula">
                    <div class="modal-body">
                        Configuração da célula
                        <br>
                        <div class="form-floating">
                            <input type="text" value="{{ $nivelEncontrado }}" id="idNivelCelulaIdentificacao" class="disabled form-control rounded" >
                            <label for="listaConfiguracoes">Nível identificado</label>
                        </div>
                        {{-- alturacorredor	larguracorredor	base_id	usuario_id --}}
                        <br>
                        <div class="form-floating">
                            <input type="text" value="{{ $nivelEncontrado }}" id="idCelulaCodigo" class="disabled form-control rounded" >
                            <label for="listaConfiguracoes">Código da célula</label>
                        </div>
                        {{-- alturacorredor	larguracorredor	base_id	usuario_id --}}
                        <br>
                        <br>
                        <div class="row">
                             <div class="col">
                                 <div class="mb-3">
                                     <label for="exampleFormControlTextarea1" class="form-label">Alturas: </label>

                                         {{-- <label id="lblNiveisModuloConfig" class="form-label">1 </label> --}}
                                         <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="AlturasConfigCelula">
                                 </div>
                             </div>
                             <div class="col">
                                 <div class="mb-3">
                                     <label for="exampleFormControlTextarea1" class="form-label">Fileiras: </label>

                                         {{-- <label id="lblNiveisModuloConfig" class="form-label">1 </label> --}}
                                         <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="LargurasConfigCelula">
                                 </div>
                             </div>
                             <div class="col">
                                 <div class="mb-3">
                                     <label for="exampleFormControlTextarea1" class="form-label">Profundidades: </label>

                                         {{-- <label id="lblNiveisModuloConfig" class="form-label">1 </label> --}}
                                         <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="ProfundidadesConfigCelula">
                                 </div>
                             </div>
                        </div>
                    </div>
                    <div class="modal-footer">

                    <button type="submit" class="btn btn-info"><i class="fa fa-cog"></i> Configurar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>



    <div class="modal fade" id="novoModuloIndividual" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="novoModuloIndividual" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                <h5 class="modal-title" id="novoModuloIndividualLabel">Cadastro individual de células</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form id="formCadCelula">
                    <div class="modal-body">
                        <div class="form-floating">

                            {{-- <label for=""> Quantidade de corredores</label> --}}
                            <select class="form-select" id="quantCelulas" aria-label="Floating label select example">
                                @for($i = 1; $i <= 10; $i++)
                                    <option value="{{$i}}">{{ $i }}</option>
                                @endfor

                            </select>
                            <label for="listaConfiguracoes">Quantidade de células</label>
                        </div>
                        <br>
                        <br>
                        <div class="form-floating">
                            <input type="text" value="{{ $nivelEncontrado }}" id="nivelCelulaCad" class="disabled form-control rounded" >
                            <label for="listaConfiguracoes">Nível identificado</label>
                        </div>
                        {{-- alturacorredor	larguracorredor	base_id	usuario_id --}}
                        <br>
                        <br>
                        <div class="row">
                             <div class="col">
                                 <div class="mb-3">
                                     <label for="exampleFormControlTextarea1" class="form-label">Alturas: </label>

                                         {{-- <label id="lblNiveisModuloConfig" class="form-label">1 </label> --}}
                                         <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="AlturasConfigModulo">
                                 </div>
                             </div>
                             <div class="col">
                                 <div class="mb-3">
                                     <label for="exampleFormControlTextarea1" class="form-label">Fileiras: </label>

                                         {{-- <label id="lblNiveisModuloConfig" class="form-label">1 </label> --}}
                                         <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="LargurasConfigModulo">
                                 </div>
                             </div>
                             <div class="col">
                                 <div class="mb-3">
                                     <label for="exampleFormControlTextarea1" class="form-label">Profundidades: </label>

                                         {{-- <label id="lblNiveisModuloConfig" class="form-label">1 </label> --}}
                                         <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="ProfundidadesConfigModulo">
                                 </div>
                             </div>
                        </div>
                    </div>
                    <div class="modal-footer">

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


</div>




<script>
    $(function(){
            var qtdCaixasGerais={{ $modulo->getCelulas->count() }}
            
            console.log("Quantidade de células:"+qtdCaixasGerais);
           $("#checkbox").change(function(){
                 //

                var listaCaixasTableBody=$("#listaCaixasTableBody");

                var estado = $(this);
                if (estado.is(":Checked"))
                {
                    for (let index = 0; index < qtdCaixasGerais; index++) {

                        var child=listaCaixasTableBody[0].children;
                        var child2=child[index].children;
                        var child3= child2[0].children;
                        var form=child3[0].children;
                        console.log(form);
                        var inpCheck=form[0].checked=true;
                        // console.log(inpCheck);

                    }
                // Do stuff
                }else{
                    for (let index = 0; index < qtdCaixasGerais; index++) {

                        var child=listaCaixasTableBody[0].children;
                        var child2=child[index].children;
                        var child3= child2[0].children;
                        var form=child3[0].children;
                        // console.log(form);
                        var inpCheck=form[0].checked=false;
                        // console.log(inpCheck);

                    }
                }
            });
    
        $("#formConfCelula2").submit(function(e){
                e.preventDefault();
                celulasEscolhidas=[]; 
                var listaCaixasTableBody=$("#listaCaixasTableBody");
                qtdCaixasEscolhidas=0;
                cxEsc="";
               
                for (let index = 0; index < qtdCaixasGerais; index++) {

                    var child=listaCaixasTableBody[0].children;
                    var child2=child[index].children;
                    console.log(index);
                    var child3= child2[0].children;
                    var form=child3[0].children;
                    var checkState=form[0];

                    if (checkState.checked==true)
                    {
                        var codigoId=form[2]; 
                        celulasEscolhidas.push(codigoId.value); 
                        qtdCaixasEscolhidas++;
                        

                    }

                    $("#numerosCxs").text(cxEsc);
                }
                // console.log("Células escolhidas:"+qtdCaixasEscolhidas);
                // console.log(celulasEscolhidas)
                var alturas=$("#AlturasConfigCelula22").val();
                var larguras=$("#LargurasConfigCelula22").val();
                var profundidade=$("#ProfundidadesConfigCelula22").val();
                if (qtdCaixasEscolhidas>0){ 
                  
                    $.post("{{ route('us.armazem.conf.arm.celula.edit.configuracao3') }}",{
                        '_token':'{{ csrf_token() }}',
                        'ids':  celulasEscolhidas,
                        'alturas':  alturas,
                        'larguras':  larguras,
                        'profundidade':  profundidade,
                    },function(data){
                        
                         
                         
                      
                      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: 'success',
                            title: 'Células configuradas com sucesso!'
                        });
                         location.reload(true);
                    });
                }else{
                    $.alert("Escolha alguma célula");
                }
         
            });
            
        $("#alturaCelulaM").on('change keypress mousemove',function(){
            $("#lblAlturaCelulaM").text($(this).val());
        });

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

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

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

            var id=$(this).find("input:eq(0)").val();
            var nivel=$(this).find("input:eq(1)").val();
            // $.alert("id:"+id)
            $("#idNivelCelulaIdentificacao").val(nivel);
            $("#idCelulaCodigo").val(id);



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

            var id=$("#idCelulaCodigo").val();
            var alturas=$("#AlturasConfigCelula").val();
            var larguras=$("#LargurasConfigCelula").val();
            var profundidade=$("#ProfundidadesConfigCelula").val();

            $.post("{{ route('us.armazem.conf.arm.celula.edit.configuracao') }}",
                {
                    '_token':  '{{ csrf_token()  }}',
                    // 'niv':  nivel,
                    'id':  id,
                    'alturas':  alturas,
                    'larguras':  larguras,
                    'profundidade':  profundidade,


                },function(e){

                    if (e==1){

                        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: 'success',
                            title: 'Celula configurada com sucesso'
                        })
                        location.reload(true);
                    }else{
                        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: 'Celula não configurada'
                        })
                        location.reload(true);
                        }

                });

        });

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

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

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

        $(".nivelCelulaCad").on("keydown keypress keyup",function(e){

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

            // });
        });

        $(".btnSubirTudo").click(function(){
            e=confirm("Deseja substituir esta célula com a célula do primeiro nível?")
            var niv= $(this).find("input:eq(0)").val();

            if(e){
                // alert("Nivel "+niv)

                $.post("{{ route('us.armazem.conf.arm.celula.nivel.descer.tudo') }}",
                {
                    '_token':  '{{ csrf_token()  }}',
                    'niv':  niv,
                    'mod_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.")
                });
            }
        });

        $(".btnDescerTudo").click(function(){
            e=confirm("Deseja substituir esta célula com a célula do último nível?")
            var niv= $(this).find("input:eq(0)").val();
            var nivChange= $(this).find("input:eq(1)").val();

            if(e){
                // alert("Nivel "+niv)

                $.post("{{ route('us.armazem.conf.arm.celula.nivel.descer.tudo') }}",
                {
                    '_token':  '{{ csrf_token()  }}',
                    'niv':  niv,
                    'ultimoNivel':  '{{ $modulo->quantidadecelulas }}',
                    'mod_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.")
                });
            }
        });
        $("#formCadCelula").submit(function(e){
            e.preventDefault();

            var quantCelulas =$("#quantCelulas").val();
            var nivelCelulaCad =$("#nivelCelulaCad").val();
            var AlturasConfigModulo =$("#AlturasConfigModulo").val();
            var LargurasConfigModulo =$("#LargurasConfigModulo").val();
            var ProfundidadesConfigModulo =$("#ProfundidadesConfigModulo").val();


            $.post("{{ route('us.armazem.conf.arm.add.celulaindividual.modulo') }}",
            {
                '_token':  '{{ csrf_token()  }}',
                'quantCelulas':   quantCelulas,
                'nivelCelulaCad':  nivelCelulaCad,
                'AlturasConfigModulo':  AlturasConfigModulo,
                'LargurasConfigModulo':  LargurasConfigModulo,
                'ProfundidadesConfigModulo':   ProfundidadesConfigModulo,
                'modulo_id':  '{{ $modulo->id  }}',

            },function(e){

                if (e==1){

                    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: 'success',
                        title: 'Celula(s) cadastrada(s) com sucesso'
                    })
                    location.reload(true);
                    }else{
                    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: 'Celula(s) não cadastrada(s)'
                    })
                    // location.reload(true);
                    }

            }).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