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

@section('conteudo')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ripples/0.5.3/jquery.ripples.min.js" integrity="sha512-zuZ5wVszlsRbRF/vwXD0QS/tHzBYHFzCD/BT0lI3yrWhNZFWDkkF3KPEY//WTanqxwPdZkskQ+xZo0rnfHBc5A==" crossorigin="anonymous"></script>

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


    @if($departamento)

     
    @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.admin.cliente.listar') }}");
        </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" id="armazemContainer"   >
                    <div class=" p-2">

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

                            </nav>
                            <nav class="col-4">
                                @if($armazem)
                                    <ul style="list-style-type: square">
                                        <li class="p-2">Número identificador: <label for="">{{ $armazem->id }}</label> </li>
                                        <li class="p-2">Nome do armazém: <label for="" class="idNomeArmazem">{{ $armazem->nomearmazem }}</label> </li>
                                        <li class="p-2">Código: <label for=""> @php
                                            echo Str::substr($armazem->nomearmazem, 0, 4)
                                        @endphp</label> </li>
                                        <li class="p-2">Base pertencente: <label for="">{{ $base->base }}</label> </li>
                                        <li class="p-2">Cadastrado por: <label for="">{{ $owner->getPessoa->nome }} ({{ $funcionario->getCategoria->categoria }}/{{ $funcionario->getSector->sector }})</label> </li>
                                        <li class="p-2">Estado:  @if($armazem->estado=="activo")
                                            <label class="text-success">{{ $armazem->estado }}
                                            <i class="fa fa-check text-success"></i>
                                        @else
                                            <label class="text-success">{{ $armazem->estado }}
                                            <i class="fa fa-times text-danger"></i>

                                        @endif </label> </li>
                                        <li class="p-2">Data de criação: <label for="">{{ $armazem->created_at }}</label> </li>
                                        <li class="p-2">Última actualização: <label for="">{{ $armazem->updated_at }}</label> </li>
                                    </ul>
                                @endif

                            </nav>
                            <nav class="col-4">
                                @if($armazem)
                                    <ul style="list-style-type: square">
                                        <li class="p-2">Número de andares: <label for="">{{ $armazem->numeroandares }}</label> </li>
                                        <li class="p-2">Número de corredores: <label for="">{{ $armazem->numerocorredores }}</label> </li>
                                        <li class="p-2">Altura: <label for="">{{ $armazem->alturam }}</label> (m) x <label for="">{{ $armazem->alturacm }}</label> (cm)</li>
                                        <li class="p-2">Largura: <label for="">{{ $armazem->larguram }}</label> (m) x <label for="">{{ $armazem->larguram }}</label> (cm)</li>
                                        <li class="p-2">Profundidade: <label for="">{{ $armazem->profundidadem }}</label> (m) x <label for="">{{ $armazem->profundidadecm }}</label> (cm)</li>
                                        <li class="p-2">Cor: <label for="">{{ $armazem->cor_tema }}</label></li>

                                @endif

                            </nav>
                        </div>
                    </div>
                    <div class="tile_count ">
                        <div class="x_title">
                            <h2>Dashboard</h2>
                            <div class="clearfix"></div>

                        </div>
                        <br><br>

                        <div class="col-md-2 col-sm-4  tile_stats_count">
                            <span class="count_top"><i class="fa fa-user"></i>CORREDORES</span>
                            <div class="count">{{  $corredores->count() }}</div>
                            <a href="{{ route('us.armazem.conf.arm.ver.corredores.armazem',[$idBase,$armazem->id]) }}" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver mais</a>
                            {{-- <span class="count_bottom"> From last Week</span> --}}
                        </div>
                        <nav class="d-none">
                            {{$md=0}}
                            {{$cel=0}}
                            {{$fil=0}}
                            {{$espC=0}}
                            @foreach($corredores as $crr)
                                {{$modul=$crr->getModulos}}
                                {{$md+=$modul->count()}}
                                @foreach($modul as $mod)
                                    {{$cel+=$mod->getCelulas->count()}}
                                    @foreach($mod->getCelulas as $cell)
                                        {{$filNumbers=\App\Models\Fileira::where('celula_id',$cell->id)->get()}}
                                        @if($filNumbers)
                                            {{ $fil+=$filNumbers->count() }}
                                        @endif
                                        
                                        
                                        @if($cell->getEspCx)
                                          {{ $espC+=$cell->getEspCx->espacoscaixa }}
                                         
                                        @endif
                                    @endforeach
                                @endforeach
                            @endforeach
                        </nav>
                        <div class="col-md-2 col-sm-4  tile_stats_count">
                            <span class="count_top"><i class="fa fa-user"></i> MODULOS</span>
                            <div class="count">{{ $md }}</div>
                            {{-- <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver mais</a> --}}
                            {{-- <span class="count_bottom"> From last Week</span> --}}
                        </div>
                        
                        <div class="col-md-2 col-sm-4  tile_stats_count">
                            <span class="count_top"><i class="fa fa-user"></i> CÉLULAS</span>
                            <div class="count">{{ $celulas }}</div>
                            {{-- <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver mais</a> --}}
                            {{-- <span class="count_bottom">From last Week</span> --}}
                        </div>

                        <div class="col-md-2 col-sm-4  tile_stats_count">
                            <span class="count_top"><i class="fa fa-user"></i> FILEIRAS</span>
                            <div class="count">{{ $fil }}</div>
                            {{-- <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver mais</a> --}}
                            {{-- <span class="count_bottom"> From last Week</span> --}}
                        </div>
                        <div class="col-md-2 col-sm-4  tile_stats_count">
                            <span class="count_top"><i class="fa fa-user"></i> ESPAÇOS CAIXAS</span>
                            <div class="count">{{ $espC }}</div>
                            {{-- <a href="" class="btn-outline-light btn-sm w-100"> <i class="fa fa-eye"></i> Ver mais</a> --}}
                            {{-- <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span> --}}
                        </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" data-bs-toggle="modal" data-bs-target="#configuracaoArmazem"><i class="fa fa-cog"></i> Configuração</button>
                        <button class="btn btn-sm btn-outline-light" data-bs-toggle="modal" data-bs-target="#preferenciaArmazem"><i class="fa fa-paint-brush"></i> Preferências</button>
                        <a href="{{ route('us.armazem.conf.arm.ver.armazens.base',$armazem->base_id) }}" class="btn btn-sm btn-outline-light btnOutrosArmazens"><i class="fa fa-list-ul"></i> Outros Armazéns</a>
                        <a href="{{ route('us.armazem.conf.arm.ver.base',$armazem->base_id) }}" class="btn btn-sm btn-outline-light"><i class="fa fa-eye"></i> Base pertencente</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> --}}
                        {{-- <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> --}}

                    </div>
                    {{--
                    <div class="x_title">
                        <h2>Herança de configuração</h2>
                        <div class="clearfix"></div>
                        <button class="btn btn-sm btn-outline-light" data-bs-toggle="modal" data-bs-target="#configuracaoArmazem"><i class="fa fa-cog"></i> Herdar configuração de outro armazém</button>

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

            </div>


        </nav>

  <!-- Modals -->


  {{-- ELIMINAR ARMAZÉM --}}
  <div class="modal fade" id="deleteArmazemModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="deleteArmazemModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="deleteArmazemModalLabel">DESACTIVAÇÃO DO ARMAZEM</h5>
          <button type="button" class="btn-close closeModalArmazem" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form class="text-center" id="desactivarArmazem">
            @csrf
            <br>
            <i class="fa fa-3x text-danger fa-exclamation-triangle"></i>
            <br>
            <small>
                <p class="p-4">
                    Esta area sensível é extremamente crucial, pelo que deve ter muita atenção quando tomar a decisão de prosseguir, já não será possível encontrar corredores, caixas ou outros elementos pertencentes à esse armazem. Desejamos muito cuidado!
                </p>
            </small>
            <div class="modal-body">
               <input type="password" class="form-control"  placeholder="Sua senha" required name="" id="passwordDesArmazem">
               <br>
            </div>
            <div class="modal-footer">
                {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                <button type="submit" class="btn btn-danger"><i class="fa fa-exclamation-triangle"></i> Desactivar mesmo assim</button>
            </div>
        </form>
      </div>
    </div>
  </div>
 

<script>
     // grab the raw "querystring"
     $(function(){

        


 
        $("#desactivarArmazem").submit(function(e){

            e.preventDefault();
            $(".tst").hide();
            $(".tst").removeClass('d-none');
            var toast=$(".tst");
            var toastMessage=$(".toastMessage");
            var passwordSenha=$("#passwordDesArmazem").val();
            // alert({{ $armazem->id  }});
            $.post( "{{ route('us.armazem.conf.arm.desactivar.armazem') }}",
                 { '_token':  '{{ csrf_token()  }}','password': passwordSenha,'id':'{{ $armazem->id  }}' },
                 function(data){
                    //  alert(data);
                    // $(".closeModalArmazem").click();
                    $(".closeModalArmazem").click();
                    if(data==1){

                        toast.show().delay(6200).fadeOut(5000);
                        toast.removeClass("bg-danger");
                        toast.addClass("bg-primary");
                        toastMessage.text("Armazém desactivado com sucesso! Aguarde um instante...");
                        toast.animate(3000, function(){
                            $(location).attr('href','{{  route('us.armazem.conf.arm.ver.armazens.base',$armazem->base_id) }}');
                        });
                    }else{

                        toastMessage.text("Não foi possível desactivar o armazem, razão: Senha do utilizador está incorrecta");
                        toast.show().delay(6200).fadeOut(5000);
                        toast.removeClass("bg-primary");
                        toast.addClass("bg-danger");
                        // // $(".carouselArmazens").empty();
                        // $.post("{{ route('us.armazem.conf.arm.get.geral') }}",
                        // {'_token':  '{{ csrf_token()  }}'},
                        // function(data){

                        //    $(".carouselArmazensMain").after(data);
                        // }).fail(function(){
                        //     alert("Algo de errado não está certo aqui")
                        // });
                        // alert("Armazém cadastrado com sucesso!");
                    }
                }).fail(function(){
                    alert("Infelizmente falhou o acesso à esta função");
                });
        });

 
 
    });
</script>
@endsection
