@extends('usuarios.funcionarios.master.layout2')
{{-- @extends('usuarios.funcionarios.admin.menu') --}}
{{-- @extends('usuarios.funcionarios.usuario.menu') --}}

@section('conteudo')
<script src="{{asset('js/jquery.dataTables.min.js') }}"></script>
<nav class="navbar navbar-expand-lg   navbar-dark bg-success" aria-label="Main navigation">
  <div class="container-fluid">


    <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">


      </ul>

    </div>
  </div>
</nav>
<nav class="w-100 d-none overflow-auto">

    {{ $todos=\App\Models\Acesso::join('dispositivos','dispositivos.id','=','acessos.dispositivo_id')->where('dispositivos.user_id',$id)->count()}}
    {{ $acessos=\App\Models\Acesso::join('dispositivos','dispositivos.id','=','acessos.dispositivo_id')->where('dispositivos.user_id',$id)->select('acessos.id','acessos.created_at','acessos.sessao','acessos.estado','dispositivos.browser','dispositivos.plataform')->orderBy('acessos.sessao','Desc')->get()}}
    {{ $abertos=\App\Models\Acesso::join('dispositivos','dispositivos.id','=','acessos.dispositivo_id')->where('dispositivos.user_id',$id)->where('acessos.sessao','aberta')->count()}}
    {{ $fechados=\App\Models\Acesso::join('dispositivos','dispositivos.id','=','acessos.dispositivo_id')->where('dispositivos.user_id',$id)->where('acessos.sessao','fechada')->count()}}

    {{-- {{ $pagevar }} --}}
</nav>
<div class="nav-scroller  bg-light shadow-sm">
  <nav class="nav nav-underline " aria-label="Secondary navigation">
    <a href="&pagevar=todos" class="nav-link btn btn-light shadow-sm border btn-sm m-3" href="">
        Todos
        <span class="badge bg-light text-dark rounded-pill align-text-bottom">{{ $todos  }}</span>
    </a>
    <a href="&pagevar=abertos"  class="nav-link btn btn-light shadow-sm border btn-sm m-3" href="">
    Abertos
    <span class="badge bg-light text-dark rounded-pill align-text-bottom">{{ $abertos }}</span>
    </a>
    <a href="&pagevar=fechados"  class="nav-link btn btn-light shadow-sm border btn-sm m-3" href="">
        Fechados
        <span class="badge bg-light text-dark rounded-pill align-text-bottom">{{ $fechados }}</span>
    </a>

  </nav>
</div>

<main class="container p-2">
  <div class="d-flex  bg-success align-items-center p-3 my-3 rounded shadow-sm">
    {{-- <img src="{{ asset('img/logo.png') }}" class="mr-4" width="80" alt="LOGO GESTDOC"> --}}
    <div class=" text-white ">
      <h1 class="h6 mb-0 ml-3   ">LISTA DE ACESSOS </h1>

    </div>
  </div>
  <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>Codigo</th>
                      <th>Data</th>
                      <th>Sessão</th>
                      <th>Estado</th>
                      <th>Browser</th>
                      <th>Plataforma</th>
                      @if($abertos>0)
                        <th>Accão</th>
                      @endif

                  </tr>

               </thead>
               <tbody>
                   @if(isset($pagevar))

                   @else
                    @foreach ($acessos as $acesso)
                        <tr class="">

                            <th>{{ $acesso->id }}</th>
                            <th>{{ $acesso->created_at }}</th>
                            <th>{{ $acesso->sessao }}</th>
                            <th>{{ $acesso->estado }}</th>
                            <th>{{ $acesso->browser }}</th>
                            <th>{{ $acesso->plataform }}</th>
                            <th>
                                @if($acesso->sessao=='aberta')

                                    <a  href="{{ route('us.admin.funcionario.ass.terminar',$acesso->id ) }}" class="btn btn-sm btn-outline-success">Terminar sessão</a>

                                @endif
                            </th>

                        </tr>
                    @endforeach

                   @endif

               </tbody>
                <tfoot class="bg-info">

                    <tr class="">

                        <th>Codigo</th>
                        <th>Data</th>
                        <th>Sessão</th>
                        <th>Estado</th>
                        <th>Browser</th>
                        <th>Plataforma</th>
                        <th>Accão</th>

                    </tr>



                </tfoot>

            </table>
        </nav>
    </div>
</div>
</main>
<script>


  </script>
@endsection
