@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',$idModulo)->first()}}

    @if($modulo)

    @else

        <script>
            window.location.replace("{{ route('us.armazem.conf.arm.verarmazem',[$idBase,$idArm]) }}");
        </script>
        @php
            exit();
        @endphp
    @endif


    {{ $celula= \App\Models\Celula::where('id',$id)->first()}}
 

    @if($celula)
        {{ $countFileiras=0 }}
        {{ $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 }}
      
       
        {{ $modulos= \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() }}
      
        {{$alturas=$celula->cx_altura}}
        
        {{$profundidade=$celula->cx_profundidade}}
        {{$fill=\App\Models\Fileira::join('etiquetasfileiras','filas.id','=','etiquetasfileiras.fileira_id')->where('celula_id',$celula->id)->select('filas.*')->distinct()->get()}}
                   
        {{$filascomEtiquetas=$fill->count()}}
    @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 - {{$celula->nivel}} Módulo ({{$celula->getModulo->numeromodulo}}) Corredor ({{$celula->getModulo->getCorredor->numerocorredor}})  Armazém ({{$celula->getModulo->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">

                                <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>

                                    @endif
                                    <nav class="d-none">

                                        {{$fileira=\App\Models\Fileira::where('celula_id',$celula->id)->count()}}
                                        
                                        {{-- {{ dd($celula->id) }} --}}
                                        {{--   {{ $countFileiras=$fileiras->count()}} --}}
                                        {{ $encaixes=\App\Models\EspacoCaixaModulo::where('celula_id',$celula->id)->first()}}
                                    </nav>

                                </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>
                                    
                                    @if($fileira)
                                        <div class="count">{{ $fileira }}</div>
                                    @endif
                                    {{-- <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>

                                    <div class="count">{{ $encaixes->espacoscaixa }}</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> 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> --}}
                    {{-- {{ $encaixesBOx=\App\Models\EspacoCaixaModulo }} --}}

                    <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> --}}
                        {{-- @if(!$celula->tipocaixasugestao_id) --}}
                            {{-- <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> --}}
                        {{-- @else --}}
                            <a href="{{ route('us.armazem.conf.arm.ver.modulo.corredor',[$idBase,$idArm,$idCorredor,$idModulo]) }}" class="btn btn-sm btn-outline-light" ><i class="fa fa-eye"></i> Ver outras células deste módulo</a>
                            

                            <button href=" " class="btn btn-sm btn-outline-warning btnCopiarConfiguracoes" ><i class="fa fa-eye"></i> Copiar configurações</button>
                        {{-- @endif --}}
                            <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>

                            {{-- <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
                        <a class="btn btn-outline-info btn-sm"  id="idConfigurar" data-bs-toggle="modal" data-bs-target="#novaConfiguracaoCelula"> <i class="fa fa-cog"></i> Editar </a>
                        <!--<button class="btn btn-sm btn-outline-light btnVisualizarEtiquetas" data-bs-toggle="modal" data-bs-target="#staticBackdrop2"><i class="fa fa-table"></i>   Gerar Etiquetas</button>-->
                        <button class="btn btn-sm btn-outline-light " data-bs-toggle="modal" data-bs-target="#staticBackdrop3"><i class="fa fa-table"></i>  Imprimir Etiquetas</button>
                        <button class="btn btn-sm btn-outline-light " data-bs-toggle="modal" data-bs-target="#staticBackdrop99"><i class="fa fa-table"></i>  Compaptibilizar Etiquetas</button>
                      
                       
                        {{-- <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="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">

                        <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="{{$alturas}}" 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> --}}
                                           
                                        @if($fileira)
                                            
                                            <input type="number" class="form-control" value="{{ $fileira }}" required min="1" max="15" step="1" id="LargurasConfigCelula">
                                        @else
                                          <input type="number" class="form-control" value="1" required min="1" max="15" step="1" id="LargurasConfigCelula">
                                        @endif
                                   
                                        
                                 </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="{{$profundidade}}" required min="1" max="15" step="1" id="ProfundidadesConfigCelula">
                                 </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>

  <!-- Modal -->
  <div class="d-none">
    {{ $i=0 }}

</div>
  <div class="modal fade" id="staticBackdrop2" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="staticBackdropLabel">Gerar etiquetas</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
           <div class="CheckList">
               <label for="">Detectadas {{$fileira}} fileiras nesta célula, escolha as fileiras para as etiquetas:</label> <br>  <hr>
               <form class="fileirasEscolhidas">
                   <nav class="row">
                        <nav class="col">
                                    
                           @for($i = 1; $i <=$fileira; $i++)


                                <div class="form-check form-switch ">
                                    <div class="d-none">{{ $i }}</div>
                                    <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault{{ $i }}"> 
                                    <label class="form-check-label" for="flexSwitchCheckDefault{{ $i }}">{{ $i }}</label>
                                </div>

                            @endfor
                            


                        </nav>
                    </nav>
               </form>
           </div>
        </div>
        <div class="modal-footer">
          {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
          <button type="button" class="btn btn-sm btn-primary btnGerarEtiquetas">Gerar etiquetas</button>
        </div>
      </div>
    </div>
  </div>
  
  <div class="modal fade" id="staticBackdrop3" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="staticBackdropLabel">Gerar etiquetas</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
           <div class="CheckList">
               
               <label for="">Detectadas {{$fill->count()}} fileiras nesta célula, escolha as fileiras que contêm etiquetas para as imprimir:</label> <br>  <hr>
               <form class="fileirasEscolhidasEtiquetas">
                   <nav class="row">
                        <nav class="col">
                                    
                           @foreach($fill as $fil)
                                
                                <div class="form-check form-switch "> 
                                    <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault{{ $fil->numerofila }}"> 
                                    <input class="form-check-input 2" type="hidden" id="flexSwitchCheckDefaultId{{ $fil->numerofila }}" value="{{$fil->id}}">
                                    <label class="form-check-label" for="flexSwitchCheckDefault{{ $fil->numerofila }}">{{ $fil->numerofila }}</label>
                                </div>

                            @endforeach
                            


                        </nav>
                    </nav>
               </form>
           </div>
        </div>
        <div class="modal-footer">
          {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
          <button type="button" class="btn btn-sm btn-primary btnImprimirEtiquetas">Imprimir</button>
        </div>
      </div>
    </div>
  </div>
  
  <div class="modal fade" id="staticBackdrop99" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="staticBackdropLabel">Gerar etiquetas</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
           <div class="CheckList">
                <nav class="d-none">

                    
                  {{$fill=\App\Models\Fileira::where('celula_id',$celula->id)->get()}}
                </nav>
               <label for="">Detectadas {{$fill->count()}} fileiras nesta célula, escolha as fileiras que contêm etiquetas para as imprimir:</label> <br>  <hr>
                
               <form id="compaptibilizarEtiquetas">
                   <nav class="row">
                        <nav class="col">
                            <label id="lblAlturaModulo" class="form-label">Escolha a fileira</label>
                            <select id="configSelect2" class="position-relative form-control bg-dark" style="width:410px;" >
                                @foreach($fill as $fil)
                                    <option value="{{ $fil->id }}">{{ $fil->numerofila }}</option>
                                @endforeach
                            </select>
                         
                            <hr>
                                
                            <label id="lblAlturaModulo" class="form-label">Código da etiqueta</label>
                            <input type="number" class="form-control" value="1" required min="1"    id="codigoEtiqCompaptibilizar">

                        </nav>
                    </nav>
                    <br><br> 
                    <nav class="row">
                        <nav class="col">
                         <button type="submit" class="btn btn-sm btn-primary">Compaptibilizar</button>
                        </nav>
                    </nav>
               </form>
           </div>
        </div>
        
      </div>
    </div>
  </div>


  <nav class="d-none">
    {{ $celConfigCopys=\App\Models\CopiaConfigCelula::where('celula_id','!=',$celula->id)->orderBy('id','Desc')->get() }}
  </nav>


  @if($celConfigCopys)
  <!-- Modal -->
  <div class="modal fade" id="staticBackdropConfigPast" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="staticBackdropLabel">Configurações</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form id="formColarConfiguracoes">
            <div class="modal-body">
                <label for="">Escolha uma configuração</label>
                <select id="configSelect" class="position-relative form-control bg-dark" style="width:400px;" >
                    @foreach ($celConfigCopys as $celConfigCopy )
                        <option value="{{ $celConfigCopy->id }}">{{ $celConfigCopy->titulo }}</option>
                    @endforeach
                </select>
            </div>
            <div class="modal-footer">
              {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
              <button type="submit" class="btn btn-sm btn-outline-info colarConfig">Colar configuração</button>
            </div>
        </form>
      </div>
    </div>
  </div>


@endif









    <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">

                                <option value="{{$base->id}}">{{$base->base}}</option>

                            </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 src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.0/FileSaver.js" integrity="sha512-UNbeFrHORGTzMn3HTt00fvdojBYHLPxJbLChmtoyDwB6P9hX5mah3kMKm0HHNx/EvSPJt14b+SlD8xhuZ4w9Lg==" crossorigin="anonymous"></script>

<script>
    $(function(){
        
        $("#compaptibilizarEtiquetas").submit(function(e){
            e.preventDefault();
            
            

            var fileira=$("#configSelect2").val();
            var codigo=$("#codigoEtiqCompaptibilizar").val();
            $.post("{{ route('us.armazem.conf.arm.celula.config.imp.compEtiquetas') }}",
                {
                    '_token':  '{{ csrf_token()  }}',
              
                    'fileira':  fileira,
                    'codigo':  codigo,
                    


                },function(e){
                     
                    if (e==1){
                       
                        
                     const swalWithBootstrapButtons = Swal.mixin({
                          customClass: {
                            confirmButton: 'btn btn-success',
                            cancelButton: 'btn btn-danger'
                          },
                          buttonsStyling: false
                        })
                        
                        swalWithBootstrapButtons.fire({
                          title: 'Etiqueta compaptibilizada com sucesso',
                          text: "Não se esqueça, eliminaremos qualquer etiqueta anterior que contenha este mesmo código, bem como o código anterior desta etiqueta!",
                          icon: 'success',
                          showCancelButton: false,
                          confirmButtonText: 'Entendi!',  
                        }).then((result) => {
                          if (result.isConfirmed) {
                            swalWithBootstrapButtons.fire(
                              'Boa!',
                              'Aguarde o carregamento da página.',
                              'success'
                            )
                            location.reload(true);
                          } 
                        //   else if (
                        //     /* Read more about handling dismissals below */
                        //     result.dismiss === Swal.DismissReason.cancel
                        //   ) {
                        //     swalWithBootstrapButtons.fire(
                        //       'Cancelled',
                        //       'Your imaginary file is safe :)',
                        //       'error'
                        //     )
                        //   }
                        })
                             
                    }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: 'Etiqueta não compaptibilizada'
                        })
                        location.reload(true);
                        }

                });
        });
        $("#formConfCelula").submit(function(e){
            e.preventDefault();
            // var nivel=$("#idNivelCelulaIdentificacao").val();
            var id='{{ $celula->id }}';
            var alturas=$("#AlturasConfigCelula").val();
            var larguras=$("#LargurasConfigCelula").val();
            var profundidade=$("#ProfundidadesConfigCelula").val();
            $.post("{{ route('us.armazem.conf.arm.celula.edit.configuracao2') }}",
                {
                    '_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);
                        }

                });

        });
        $("#configSelect").select2({
                placeholder: 'Selecione uma configuração'
            });
         $("#configSelect2").select2({
                placeholder: 'Selecione uma configuração'
            });
        $("#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)

            // });
        });
        $("#formColarConfiguracoes").submit(function(e){
            e.preventDefault();
            var configId=$("#configSelect").val();
            var idCelula='{{ $celula->id }}';
            $.confirm({
                title: 'Herança de configurações!',
                content: 'Deseja herdar essas configurações?' ,

                buttons: {
                    Sim:  function () {

                            $.post("{{ route('us.armazem.conf.arm.celula.config.past') }}",
                            {
                                '_token':  '{{ csrf_token()  }}',
                                'idCelula':idCelula,
                                'idCopiaCelula':configId

                            },function(data){


                                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 herdada 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 herdada'
                                    })
                                    location.reload(true);
                                    }

                            })

                    },
                    Cancelar: function () {
                        //close
                    },
                }

            });
        });
        $(".btnVisualizarEtiquetas").click(function(){
            // alert($qtdFileira)
            // $fileiras
        });
        
        $(".btnCopiarConfiguracoes").click(function(){
            var idCelula='{{ $celula->id }}';
            $.confirm({
                title: 'Certifica-te!',
                content: 'Deseja copiar a configuração deste módulo?',
                buttons: {
                    Sim: function () {
                        var titulo="";
                        $.confirm({
                            title: 'Título!',
                            content: '' +
                            '<form action="" class="formName" style="overflow:hidden;">' +
                            '<div class="form-group">' +
                            // '<label>Enter something here</label>' +
                            '<input type="text" placeholder="Informe um nome para a cópia" class="name rounded form-control" required />' +
                            '</div>' +
                            '</form>',
                            buttons: {
                                formSubmit: {
                                    text: 'Enviar',
                                    btnClass: 'btn-blue',
                                    action: function () {
                                        var name = this.$content.find('.name').val();
                                        if(!name){
                                            $.alert('Informe um título válido');
                                            return false;
                                        }
                                        titulo=name;
                                        $.post("{{ route('us.armazem.conf.arm.celula.config.copy') }}",
                                        {
                                            '_token':  '{{ csrf_token()  }}',
                                            'idCelula':idCelula,
                                            'titulo':titulo

                                        },function(data){
                                            if(data==1){

                                                $.alert("Configuração copiada com sucesso!")
                                            }
                                        // $.alert('Confirmed!');
                                        })
                                    }
                                },
                                Cancelar: function () {
                                    //close
                                },
                            },
                            onContentReady: function () {
                                // bind to events
                                var jc = this;
                                this.$content.find('form').on('submit', function (e) {
                                    // if the user submits the form by pressing enter in the field.
                                    e.preventDefault();
                                    jc.$$formSubmit.trigger('click'); // reference the button and click it
                                });
                            }
                        });

                    },
                    Não: function () {
                        // $.alert('Canceled!');
                    },
                    // somethingElse: {
                    //     text: 'Something else',
                    //     btnClass: 'btn-blue',
                    //     keys: ['enter', 'shift'],
                    //     action: function(){
                    //         $.alert('Something else?');
                    //     }
                    // }
                }
            });
        })

        $(".btnGerarEtiquetas").click(function(){
           
            let qtdFileira='{{$filascomEtiquetas}}';
            
            var count=0;
            var idList=[];
            var fileiras=$(".fileirasEscolhidas");
            var children1=fileiras[0].children;
            var children2=children1[0];
            var children3=children2.children;
            var children4=children3[0];
            var children5=children4.children;
            let textoEtiqueta="";
            let titulo = "Etiqueta_fileiras_celula";
            const baseNumber=335328;
            let corredor='{{$celula->getModulo->getCorredor->numerocorredor}}'
            let modulo='{{$celula->getModulo->numeromodulo}}';
            let celulaNivel='{{ $celula->nivel }}';
            let armazem = '{{$celula->getModulo->getCorredor->getArmazem->nomearmazem}}';
            
            for (var i = 1; i <= qtdFileira; i++) {

                var estado=$(".fileirasEscolhidas").find("input[id='flexSwitchCheckDefault"+i+"]'").val()
                
                var children=children5[i-1];
                var children11=children.children;
                var checkState=children11[0];
                var id=children11[1];
                if (checkState.checked){

                    count++
                    var codigo=baseNumber;
                    if (corredor==1){
                        if(modulo==1){
                            // i=Representa a fileira
                            if (i==1){
                                codigo++
                            }else{
                                
                            }
                        }
                    }else{
                        
                    }
                    // console.log(id.value)
                    textoEtiqueta += "\n\n^XA";
                    textoEtiqueta += "\n\n^FO200,30^GFA,3744,3744,26,,::::::::::::gW01C,gW063,gW0818,gV013C8,gV01244,T0gFC013C4,T0gFC01284,T0gFC01248,T0gFC01A68,T0gFC00C1,T0gFC007E,T0gFC,:::::::::::::J07O0FFE01IFJ07FC01IFC0038K01C,I03FEI03IF8FF800IFJ03FCI0FFC01FFJ01FF8,I07FFI03IF8FFI07FFJ03FCI07FC03FF8I03FFC,I0IF8003IF8FFI03FFJ03FCI03FC07FFCI07FFE,001IF8003IF8FEI03FFJ03FCI01FC0IFEI07IF,001IFC003IF8FEI01FFJ03FCI01FC0IFEI0JF,003F9FC003IF8FE0201FFJ03FCI01FC1FEFFI0FE7F,003F0FC003FI0FC0301FFJ07FC0600FC1F83FI0FC3F,003F0FC003FI0FC0701IF80IFC0700FC1F83FI0FC1F8,003F07C003FI0FC0701IF80IFC0700FC1F83FI0FC1F8,003F07C003FI0FC0381IF80IFC0700FC1F83FI0F81F8,003FK03FI0FE01KF80IFC0780FC1F83F001F81F8,003FK03FI0FE00KF80IFC0780FC1F83F001F8,003FK03IF0FE003JF80IFC0780FC1F83F001F8,003FK03IF0FF001JF80IFC0780FC1F83F001F8,003FK03IF0FFI0JF80IFC0780FC1F83F001F8,003F3FC003IF0FF8007IF80IFC0780FC1F83F001F8,003F3FC003IF0FFC003IF80IFC0780FC1F83F001F8,003F3FC003IF0FFE003IF80IFC0780FC1F83F001F8,003F3FC003FI0IF001IF80IFC0780FC1F83F001F8,003F3FC003FI0IFC01IF80IFC0780FC1F83F001F8,003F07C003FI0FE0E01IF80IFC0780FC1F83F001F81F8,003F07C003FI0FC0701IF80IFC0780FC1F83F001F81F8,003F07C003FI0FC0701IF80IFC0700FC1F83FI0FC1F8,:003F0FC003FI0FC0701IF80IFC0700FC1F83FI0FC1F8,003F8FC003IF8FC0301IF80IFCI01FC1FC7FI0FC3F,001IFC003IF8FCI01IF80IFCI01FC1JFI0JF,001IFC003IF8FEI01IF80IFCI01FC0IFEI0JF,001IFC003IF8FEI03IF80IFCI03FC0IFEI07FFE,I0IFC003IF8FFI03IF80IFCI03FC07FFCI03FFE,I07FBC003IF8FFI07IF80IFCI07FC03FF8I01FFC,I01EO0FFC00JF80IFC001FFC00FEK0FF,T0IF07UFC,T0gFC,:::::::::::::::::::::::::::::::::::::,::::::M0FN04,L031CK0808K01J01CM04,L0604K08M01J01C,L0406K08M01J016,L0C003F1F3C7C3F007F1F80320E3F9044823F1F8,L0C00219088C62180C31080220C619044C261108,L083E6190080260808130C023084190I46409,L0C02619E081E40808130C063084090K409E,L0C02600388E24080813I07F884090442440838,L04066I0I826080813I0C1884198442C40808,L06062130I862080C33080C0886198443861908,L039A3B198CDE3B007F1D8080C8378DC41837198,M0E00C0E00210E003006L01882J01C06,gS08,::,::::::::::^FS ";
                    textoEtiqueta += "\n\n^CF0,30";
                    // textoEtiqueta += "\n\n^FO10,90^FDBase:{{ $base->base }}.^FS";
                    textoEtiqueta += "\n\n^FO10,30^FDArmazem:"+armazem+"^FS";
                    textoEtiqueta += "\n\n^FO10,60^FDCorredor:"+corredor+"^FS";
                    textoEtiqueta += "\n\n^FO10,90^FDModulo:"+modulo+"^FS";
                    textoEtiqueta += "\n\n^FO10,120^FDCelula:"+celulaNivel+"^FS";
                    textoEtiqueta += "\n\n^FO10,150^FDFila:"+i+"^FS";
                    textoEtiqueta += "\n\n^FO10,180^GB700,3,3^FS";
                    textoEtiqueta += "\n\n^BY2,3,40";
                    textoEtiqueta += "\n\n^FO10,210^BC^FDPP0000"+codigo+"^FS";
                    // textoEtiqueta += "\n\n^FO10,240^FDPP0000:"+codigo+".^FS";
                    textoEtiqueta += "\n\n^XZ";

                }else{

                

                }
            }


                // console.log(count)
            if (count>0){

                // console.log(textoEtiqueta)
                let blob = new Blob([textoEtiqueta], { type: "text/plain;charset=utf-8" });
                saveAs(blob, titulo + ".txt");

            
            }else{
                $.alert("Escolha uma fileira para imprimir a sua etiqueta")
            }

        });



        $(".btnImprimirEtiquetas").click(function(){
                
                let qtdFileira='{{$fill->count()}}';
                 
                var count=0;
                var idList=[];
                var fileiras=$(".fileirasEscolhidasEtiquetas");
                var children1=fileiras[0].children;
                var children2=children1[0];
                var children3=children2.children;
                var children4=children3[0];
                var children5=children4.children;
                let textoEtiqueta="";
                let titulo = "Etiqueta_fileiras_celula";
                const baseNumber=335328;
                let corredor='{{$celula->getModulo->getCorredor->numerocorredor}}'
                let modulo='{{$celula->getModulo->numeromodulo}}';
                let celulaNivel='{{ $celula->nivel }}';
                let armazem = '{{$celula->getModulo->getCorredor->getArmazem->nomearmazem}}';
                
                console.log("Quantidade de fileira:"+qtdFileira)
                for (var i = 1; i <= qtdFileira; i++) {
    
                    var estado=$(".fileirasEscolhidas").find("input[id='flexSwitchCheckDefault"+i+"]'").val()
                    
                    var children=children5[i-1];
                    console.log(children);
                    var children11=children.children;
                    var checkState=children11[0];
                    var id=children11[1];
                    if (checkState.checked){
                        // console.log(id.value);
                         idList.push(id.value)
                        
                        count++
                        
                        // console.log(id.value)
                        
    
                    }else{
    
                    
    
                    }
                }
                // console.log('Ids:')
                // console.log(idList)
                 if (count>0){

                    
                    $.post("{{ route('us.armazem.conf.arm.celula.config.imp.etiquetas') }}",
                    {
                        '_token':  '{{ csrf_token()  }}',
                         'idFileiras':idList,
                         'armazem':armazem,
                         'corredor':corredor,
                         'modulo':modulo,
                         'celula':celulaNivel,
        
                    },function(data){
                 
                         let blob = new Blob([data], { type: "text/plain;charset=utf-8" });
                          saveAs(blob, titulo + ".txt");
                          
                              const Toast = Swal.mixin({
                              toast: true,
                              position: 'top-end',
                              showConfirmButton: false,
                              timer: 5000,
                              timerProgressBar: true,
                              didOpen: (toast) => {
                                toast.addEventListener('mouseenter', Swal.stopTimer)
                                toast.addEventListener('mouseleave', Swal.resumeTimer)
                              }
                            })
                            
                            Toast.fire({
                              icon: 'success',
                              title: 'Processo realizado com sucesso, agora imprima.'
                            })
                          
                    }).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.")
                    });
                   
    
                
                }else{
                    $.alert("Escolha uma fileira para imprimir a sua etiqueta")
                }

                
                
                
            
            

        });


         





        $("#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);
                // alert("Largura da célula"+larguraCelula)
                // console.log(larguraCelula);
                var quantidadeFilas= parseInt(larguraCelula/larguraCaixa)
                // 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);
                // alert("Largura da célula"+larguraCelula)
                // 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){

                if(e==1){

                    $.alert('Configuração do módulo com sucesso' );
                    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.")
            });
        });
        $("#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