@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">
    {{-- {{ $armazem= \App\Models\ArmazemModel::where('id',$id)->first()}} --}}



    {{-- @if($armazem) --}}
    {{--  --}}

    
    {{-- @foreach($caixas as $caixa)
        {{ $cx+=$caixa->espacoscaixa }}

    @endforeach --}}
    {{-- @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" id="armazemContainer"   >
                    <div class=" p-2">

                        <div class="x_title">
                            <h2>CHECKIN</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="row p-2">
                            <nav class="col-4 colorBigView rounded border border-2 shadow"  style="background-color:">

                            </nav>
                            <nav class="col-4">
                              
                                    <ul style="list-style-type: square">
                                        <li class="p-2">Número identificador: <label for=""></label> </li>
                                        <li class="p-2">Nome do armazém: <label for="" class="idNomeArmazem"></label> </li>
                                        <li class="p-2">Código: <label for="">  </label> </li>
                                        <li class="p-2">Base pertencente: <label for=""> </label> </li>
                                        <li class="p-2">Cadastrado por: <label for=""> </label> </li>
                                        <li class="p-2">Estado:   
                                            <label class="text-success">
                                            <i class="fa fa-times text-danger"></i>
                                        </label> </li>
                                        <li class="p-2">Data de criação: <label for=""></label> </li>
                                        <li class="p-2">Última actualização: <label for=""></label> </li>
                                    </ul>
                               

                            </nav>
                            <nav class="col-4">
                                
                                    <ul style="list-style-type: square">
                                        <li class="p-2">Número de andares: <label for=""></label> </li>
                                        <li class="p-2">Número de corredores: <label for=""></label> </li>
                                        <li class="p-2">Altura: <label for=""></label> (m)</li>
                                        <li class="p-2">Largura: <label for=""></label> (m)</li>
                                        <li class="p-2">Profundidade: <label for=""></label> (m)</li>
                                        <li class="p-2">Cor: <label for=""></label></li>

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

                        </div>
                        <br><br>
                         

                    </div>

                    {{-- <div class="tile_count ">
                        <div class="x_title">
                            <h2>Armazém e Caixa</h2>
                            <div class="clearfix"></div>

                        </div>
                        <br><br>
                        

                    </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-building"></i> ARRUMAR</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> --}}

                    </div>
                </div>

            </div>


        </nav>
 



<script>
    $(function(){
         
    });
</script>
@endsection