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

@section('conteudo')
<nav class="d-none ">
    {{$cliente=\App\Models\Cliente::where('id',$id)->first()}}
     
  
 
    {{ $cliente = \App\Models\Cliente::where('id',$id)->first()}}


    @if($cliente)
    {{ $usuario= $cliente->getUser }}
    {{ $pessoa= $usuario->getPessoa }}
    @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>

<!--importar.dados.sca-->

<script src="{{asset('js/jquery.dataTables.min.js') }}"></script>
                                
<nav class="container">
    <div class="p-4">

        <label for="" class="m-3">Perfil do Cliente</label>

        <nav class="container">

            <div class="row">
                <div class="col-4">
                    <div class="row rounded p-3 border-5 border-success shadow border-top">
                    <div class="col-12 text-center">
                            <a href="" class="btn shadow-sm border border-3 btn-lg bg-light rounded-circle   " style="height: 150px; width:150px; background-repeat:no-repeat; background-size:90%; background-position:center; background-image:url({{ asset('storage/img/'.$usuario->avatar) }})">

                            </a>
                            <br><br>
                            <strong><h6>{{ $pessoa->nome }}</h6></strong>
                            <small href="" class="  ">  {{ $usuario->email }}  </small>


                            <br>

                            <div class="text-start">
                                <br>
                                <hr>
                                <b>Numero:</b><small href="" class="  "> {{ $cliente->numerocliente }}  </small>
                                

                                <br>
                                <hr>
                                <b>Nome:</b><small href="" class="  ">    {{ $pessoa->nome }}  </small>

                                <br>
                               
 
                                <hr>
                                <b>Abreviatura:</b><small href="" class="  ">    {{ $usuario->name }}  </small>

                                <br>
                               
                               
 
                                <hr>
                                <b>Telemóvel:</b><small href="" class="  ">    {{ $pessoa->telefone }}  </small>

                                <br>
                               
                                
                                <hr>

                                <b>Estado da conta:</b><small href="" class="  ">    {{ $usuario->estado }}</small>

                                <br>
                                <hr>
                                <b>Data de criação da conta:</b><small href="" class="  ">   {{ $cliente->created_at }} </small>


                            </div>

                    </div>
                    </div>
                     
                </div>
                <div class="col-7 offset-1">
                    <div class="row rounded p-3 border-5 border-success shadow border-top">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                           <!-- <li class="nav-item" role="presentation">
                            <a class="nav-link active" id="home-tab" data-bs-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><i class="fa fa-home"></i> Home</a>
                            </li>
                            <li class="nav-item" role="presentation">
                            <a class="nav-link" id="profile-tab" data-bs-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"><i class="fa fa-info"></i> Informação de caixas</a>
                            </li>-->
                            <!--<li class="nav-item" role="presentation">-->
                            <!--<a class="nav-link" id="contact-tab" data-bs-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false"><i class="fa fa-search"></i> Pesquisa de caixas</a>-->
                            <!--</li>-->
                            <!--<li class="nav-item" role="presentation">-->
                            <!--    <a class="nav-link" id="permissoes-tab" data-bs-toggle="tab" href="#permissoes" role="tab" aria-controls="permissoes" aria-selected="false">Permissões</a>-->
                            <!--</li>-->
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active pt-5 text-justify" id="home" role="tabpanel" aria-labelledby="home-tab">

                              <!-- top tiles -->
                                <div class="row p-2 bg-light  rounded shadow" >
                                   
                                        <div class=" col bg-light p-4 tile_stats_count ">
                                            <span class="count_top"><i class="fa fa-clock-o"></i> Acessos</span>
                                            <div class="count"></div>
                                             
                                        </div>
                                        <div class=" col bg-light p-4 tile_stats_count">
                                            <span class="count_top"><i class="fa fa-box"></i> Caixas</span>
                                            
                                            <div class="count">
                                                <div class="d-none">
                                                    
                                                    {{$caixas=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->get()}}
                                                </div>    
                                                {{$caixas->count()}}
                                            <a class=" " href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.cliente',$id) }}">Abrir</a>
                                            </div>
                                            
                                        </div>
                                        
                                          <div class=" col bg-light p-4 tile_stats_count">
                                            <span class="count_top"><i class="fa fa-file"></i> Indexes</span>
                                            <div class="count"></div>
                                            
                                        </div>
                                        <div class=" col bg-light p-4 tile_stats_count">
                                            <span class="count_top">Departamentos</span>
                                            <div class="count">{{$cliente->getDepartamentos->count()}}</div>
                                            
                                        </div>
                                      
                                </div>
                                <br><br>
                                <div class="d-none">
                                   {{$Reservado=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Reservado')->get()}}
                                   {{$Anulado=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Anulado')->get()}}
                                   {{$Entrada=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Entrada')->get()}}
                                   {{$Arrumado=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Arrumado')->get()}}
                                   {{$Aberto=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Aberto')->get()}}
                                   {{$Em_aviso_de_eliminacao=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Em aviso de eliminação')->get()}}
                                   {{$Eliminado=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Eliminado')->get()}}
                                   {{$Destruido=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Destruído')->get()}}
                                   {{$Em_transito=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Em trânsito')->get()}}
                                   {{$Devolvido=\App\Models\Caixa::join('reservas','reservas.id','=','caixas.reserva_id')->where('reservas.cliente_id',$id)->where('estado','Devolvido')->get()}}
                                     
                                </div>
                                <ol class="list-group list-group-numbered">
                                  <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                      <div class="fw-bold">Caixas</div>
                                      Arrumadas
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Arrumado->count()}} <a class="text-light"  href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.arrumadas.cliente',$id) }}">Abrir</a></span>
                                  </li>
                                  <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto"> 
                                        <div class="fw-bold">Caixas</div>
                                      Reservadas
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Reservado->count()}} <a class="text-light"  href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.reservadas.cliente',$id) }}">Abrir</a></span>
                                  </li>
                                   
                                  <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                      <div class="fw-bold">Caixas</div>
                                      Anuladas
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Anulado->count()}} <a class="text-light"  href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.anuladas.cliente',$id) }}">Abrir</a></span>
                                  </li>
                                  <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                      <div class="fw-bold">Caixas</div>
                                      Entrada
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Entrada->count()}} <a class="text-light"  href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.entrada.cliente',$id) }}">Abrir</a></span>
                                  </li>
                                  <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                      <div class="fw-bold">Caixas</div>
                                      Aberto
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Aberto->count()}} <a class="text-light"  href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.abertas.cliente',$id) }}">Abrir</a></span>
                                  </li>
                                  <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                      <div class="fw-bold">Caixas</div>
                                      Em aviso de eliminação
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Em_aviso_de_eliminacao->count()}} <a class="text-light"  href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.aviso.eliminacao.cliente',$id) }}">Abrir</a></span>
                                  </li>
                                  <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                      <div class="fw-bold">Caixas</div>
                                      Eliminado
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Eliminado->count()}} <a class="text-light" href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.eliminado.cliente',$id) }}">Abrir</a></span>
                                  </li>
                                  <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                      <div class="fw-bold">Caixas</div>
                                      Destruído
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Destruido->count()}} <a class="text-light"  href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.destruido.cliente',$id) }}">Abrir</a></span>
                                  </li>
                                  <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                      <div class="fw-bold">Caixas</div>
                                      Em trânsito
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Em_transito->count()}} <a class="text-light" href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.transito.cliente',$id) }}" >Abrir</a></span>
                                  </li>
                                   <li class="list-group-item d-flex justify-content-between align-items-start">
                                    <div class="ms-2 me-auto">
                                      <div class="fw-bold">Caixas</div>
                                      Devolvido
                                    </div>
                                    <span class="badge bg-primary rounded-pill">{{$Devolvido->count()}} <a class="text-light"   href="{{ route('us.armazem.gestao.caixas.pesquisar.caixas.devolvidas.cliente',$id) }}">Abrir</a></span>
                                  </li>
                                </ol>
                                <!-- /top tiles -->
                                 <hr>
                                 <br>
                                 <a href="{{route('us.admin.cliente.import',$cliente->id)}}" class="btn blue-gradient btn-sm"><i class="fa fa-file"></i> Importar dados</a>
                                 <a href="{{route('us.admin.cliente.departamentos',$cliente->id)}}" class="btn aqua-gradient btn-sm"><i class="fa fa-eye"></i> Departamentos</a>
                                 <a href="{{route('us.servext.clientes.bases',$cliente->id)}}" class="btn aqua-gradient btn-sm"><i class="fa fa-eye"></i> Bases</a>
                                 
                                                               
                            </div>
                            <div class="tab-pane fade pt-5 text-justify" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                
                            </div>
                            <div class="tab-pane fade pt-5 text-justify" id="contact" role="tabpanel" aria-labelledby="contact-tab">

                                
                                <div class="container">
                                    <div class="list-group">
                                        <nav class="col-12 table-responsive">
                                            <table class="table container  table-striped table-hover" id="usuarios_funcionarios">
                                                <thead>
                                
                                                    <tr class="">
                                
                                                     <th>Identificador</th>
                                                      <th>Numero</th>
                                                      <th>Email</th>
                                                      <th>Nome</th> 
                                                      <th>Abreviatura</th> 
                                                      <th>Mais</th>
                                
                                                  </tr>
                                
                                               	</thead>
                                               	<tbody>
                                               		 
                                               	</tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </nav>
                                    </div>
                                </div> 
                               
                            </div>
                             
                            <br><br><br><br>
                        </div>

                    </div>
                </div>
            </div>

        </nav>
    </div>

    <nav class="container p-4">
        <nav class="row">
            <nav class="col-12 bg-danger text-white rounded text-center shadow  border-3 border-warning border p-4">
                <h1>Zona perigosa</h1>
                <br> <hr> <br><br><br>
                <a href="{{ route('us.admin.funcionario.editar_foto',$cliente->id) }}" class="btn btn-outline-warning w-25 btn-sm"><i class="fa fa-user"></i> Editar Foto</a>
                <a href="{{ route('us.admin.funcionario.editar_dados_gerais',$cliente->id) }}" class="btn btn-outline-warning w-25 btn-sm"><i class="fa fa-list"></i> Editar dados gerais</a>
                <a href="{{ route('us.admin.funcionario.editar_outros_dados',$cliente->id) }}" class="btn btn-outline-warning w-25 btn-sm"><i class="fa fa-cog"></i> DNZ</a>
                <a href="{{ route('us.admin.funcionario.ass.funcionarios', ['id' => $usuario->id, 'pagevar' => 'todos']) }}" class="btn btn-outline-warning w-25 btn-sm"><i class="fa fa-lock"></i> Acessos</a>
                <a href="{{ route('us.admin.funcionario.devices.funcionarios',$usuario->id) }}" class="btn btn-outline-warning w-25 btn-sm"><i class="fa fa-laptop"></i> Dispositivos</a>
                {{-- <a href="{{ route('us.admin.funcionario.editar_outros_dados',$cliente->id) }}" class="btn btn-outline-warning w-25 btn-sm">Editar outros dados</a> --}}
                <a href="{{ route('us.admin.funcionario.editar_password',$cliente->id) }}" class="btn btn-outline-warning w-25 btn-sm"><i class="fa fa-user-secret"></i> Editar password</a>

                <br><br><br><br>
            </nav>
        </nav>
    </nav>
</nav>


<script>


    $(function(){
        $(function(){
                                
             
        	$('#usuarios_funcionarios').DataTable({
        
                processing: false,
                serverSide: false,
    
        
            });
      });
    
    });
</script>

@endsection