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

@section('conteudo')

<label  >
    ACESSOS
</label >
<br> <br>
<div class="row rounded p-3 border-5 border-success shadow border-top">

      <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">
            IDENTIFICAÇÃO DO DISPOSITIVO <br>
            <nav class="w-100 d-none overflow-auto">

                {{ $dispId  }}
                {{ $idUser=Auth::id()  }}
                {{ $acessos=\App\Models\Acesso::where('user_id',$idUser)->where('dispositivo_id',$dispId)->get()}}
                {{ $i=1 }}
                {{ $devAl=\App\Models\Dispositivo::where('id',$dispId)->where('estado','permitido')->first()}}

            </nav>

            <div class="list-group">

                <a href="{{ route('us.disp.dash1') }}" class="list-group-item  list-group-item-success list-group-item-action " aria-current="true">
                    <div class="d-flex w-100 justify-content-between">

                    <h5 class="mb-1"><i class="fa fa-laptop  m-2"></i> Navegador {{ $devAl->browser }}  versao {{ $devAl->versaoBrowser }} ({{ $devAl->plataform }}  {{ $devAl->versaoPlataform }})</h5>
                    <small>Ultima actualização {{ $devAl->updated_at }} </small>
                    </div>
                    <p class="mb-1">A partir de {{ $devAl->cityName }}/{{ $devAl->countryName }} aos ({{ $devAl->created_at }}) </p>


                </a>

            </div>
            <br>
            <br>
            HISTÓRICO DE ACESSOS <br>

            <hr>
            <nav class="table-responsive">
                <table class="table table-hover table-success p-2 rounded">
                    <thead>
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">Data de acesso</th>
                        <th scope="col">Estado</th>
                        <th scope="col">Sessão  </th>
                        <th scope="col">Mais</th>
                      </tr>
                    </thead>
                    <tbody>
                        @foreach($acessos as $acesso )
                            <tr>
                                <th scope="row">{{ $i++ }}</th>
                                <td>{{ $acesso->created_at }}</td>

                                <td>{{ $acesso->estado }}</td>
                                <td>{{ $acesso->sessao }}</td>


                                <td>
                                    <form action="post">
                                        <a href="" class="btn btn-outline-success btn-sm"><i class="fa fa-file"></i> Histórico de actividades</a>
                                        <input type="hidden" name="" class="idDevice" value="{{ $acesso->id }}">
                                    </form>

                                </td>

                            </tr>
                        @endforeach
                    </tbody>
                  </table>
            </nav>
        </div>
        <div class="tab-pane fade pt-5 text-justify" id="profile" role="tabpanel" aria-labelledby="profile-tab">

            LIBERADOS
            <hr>
            <nav class="w-100 d-none overflow-auto">

                {{ $idUser }}
                {{ $devices=\App\Models\Dispositivo::where('user_id',$idUser)->where('estado','permitido')->get()}}
                {{ $i=1 }}
            </nav>
            {{--
            ,"latitude":"-8.83682","longitude":"13.2343","browser":"Chrome",
            "versaoBrowser":"87.0.4280.141","plataform":"Windows",
            "versaoPlataform":"10.0","device":"WebKit",
            "robot":"0","ip":"154.127.212.219",
            "mac":"6C-62-6D-C8-42-EA
            \\Device\\Tcpip_{DF137857-DF6F-443A-A5E8-74F6A2762D8E}","estado":"null",
            "user_id":1,"created_at":"2021-01-22T15:25:37.000000Z",
            "updated_at":"2021-01-22T15:25:37.000000Z"}, --}}

            <nav class="table-responsive">
                <table class="table table-hover table-success p-2 rounded">
                    <thead>
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">País</th>
                        <th scope="col">Província</th>
                        <th scope="col">Navegador</th>
                        <th scope="col">Versão</th>
                        <th scope="col">Renderizador</th>
                        <th scope="col">SO</th>
                        <th scope="col">IP</th>
                        <th scope="col">Cadastrado</th>
                        <th scope="col">Solicitado</th>
                        <th scope="col">Acção</th>
                      </tr>
                    </thead>
                    <tbody>
                        @foreach($devices as $device )
                            <tr>
                                <th scope="row">{{ $i++ }}</th>
                                <td>{{ $device->countryName }}</td>
                                <td>{{ $device->cityName }}</td>
                                <td>{{ $device->browser }}</td>
                                <td>{{ $device->versaoBrowser }}</td>
                                <td>{{ $device->device }}</td>
                                <td>{{ $device->plataform }}</td>
                                <td>{{ $device->ip }}</td>
                                <td>{{ $device->created_at }}</td>
                                <td>{{ $device->updated_at }}</td>
                                <td>
                                    <form action="post">
                                        <a href="" class="btn btn-outline-danger"><i class="fa fa-user-slash"></i>Barrar</a>
                                        <input type="hidden" name="" class="idDevice" value="{{ $device->id }}">
                                    </form>
                                    <form action="post">
                                        <a href="" class="mt-2 btn btn-outline-info"><i class="fa fa-eye"></i><br>  Ver acessos</a>
                                        <input type="hidden" name="" class="idDevice" value="{{ $device->id }}">
                                    </form>
                                </td>

                            </tr>
                        @endforeach
                    </tbody>
                  </table>
            </nav>
        </div>
        <div class="tab-pane fade pt-5 text-justify" id="contact" role="tabpanel" aria-labelledby="contact-tab">

            BARRADOS
            <hr>
            <nav class="w-100 d-none overflow-auto">

                {{ $idUser }}
                {{ $devices=\App\Models\Dispositivo::where('user_id',$idUser)->where('estado','barrado')->get()}}
                {{ $i=1 }}
            </nav>
            {{--
            ,"latitude":"-8.83682","longitude":"13.2343","browser":"Chrome",
            "versaoBrowser":"87.0.4280.141","plataform":"Windows",
            "versaoPlataform":"10.0","device":"WebKit",
            "robot":"0","ip":"154.127.212.219",
            "mac":"6C-62-6D-C8-42-EA
            \\Device\\Tcpip_{DF137857-DF6F-443A-A5E8-74F6A2762D8E}","estado":"null",
            "user_id":1,"created_at":"2021-01-22T15:25:37.000000Z",
            "updated_at":"2021-01-22T15:25:37.000000Z"}, --}}

            <nav class="table-responsive">
                <table class="table table-hover table-success p-2 rounded">
                    <thead>
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">País</th>
                        <th scope="col">Província</th>
                        <th scope="col">Navegador</th>
                        <th scope="col">Versão</th>
                        <th scope="col">Renderizador</th>
                        <th scope="col">SO</th>
                        <th scope="col">IP</th>
                        <th scope="col">Cadastrado</th>
                        <th scope="col">Solicitado</th>
                        <th scope="col">Acção</th>
                      </tr>
                    </thead>
                    <tbody>
                        @foreach($devices as $device )
                            <tr>
                                <th scope="row">{{ $i++ }}</th>
                                <td>{{ $device->countryName }}</td>
                                <td>{{ $device->cityName }}</td>
                                <td>{{ $device->browser }}</td>
                                <td>{{ $device->versaoBrowser }}</td>
                                <td>{{ $device->device }}</td>
                                <td>{{ $device->plataform }}</td>
                                <td>{{ $device->ip }}</td>
                                <td>{{ $device->created_at }}</td>
                                <td>{{ $device->updated_at }}</td>
                                <td>
                                    <form action="post">
                                        <a href="" class="btn btn-outline-warning">Liberar</a>
                                        <input type="hidden" name="" class="idDevice" value="{{ $device->id }}">
                                    </form>

                                </td>

                            </tr>
                        @endforeach
                    </tbody>
                  </table>
            </nav>
        </div>

        <div class="tab-pane fade pt-5 text-justify" id="pendentes" role="tabpanel" aria-labelledby="pendentes-tab">
            PENDENTES
            <hr>
            <nav class="w-100 d-none overflow-auto">

                {{ $idUser }}
                {{ $devices=\App\Models\Dispositivo::where('user_id',$idUser)->where('estado','permitido')->get()}}
                {{ $i=1 }}
            </nav>
            {{--
            ,"latitude":"-8.83682","longitude":"13.2343","browser":"Chrome",
            "versaoBrowser":"87.0.4280.141","plataform":"Windows",
            "versaoPlataform":"10.0","device":"WebKit",
            "robot":"0","ip":"154.127.212.219",
            "mac":"6C-62-6D-C8-42-EA
            \\Device\\Tcpip_{DF137857-DF6F-443A-A5E8-74F6A2762D8E}","estado":"null",
            "user_id":1,"created_at":"2021-01-22T15:25:37.000000Z",
            "updated_at":"2021-01-22T15:25:37.000000Z"}, --}}

            <nav class="table-responsive">
                <table class="table table-hover table-success p-2 rounded">
                    <thead>
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">País</th>
                        <th scope="col">Província</th>
                        <th scope="col">Navegador</th>
                        <th scope="col">Versão</th>
                        <th scope="col">Renderizador</th>
                        <th scope="col">SO</th>
                        <th scope="col">IP</th>
                        <th scope="col">Cadastrado</th>
                        <th scope="col">Solicitado</th>
                        <th scope="col">Acção</th>
                      </tr>
                    </thead>
                    <tbody>
                        @foreach($devices as $device )
                            <tr>
                                <th scope="row">{{ $i++ }}</th>
                                <td>{{ $device->countryName }}</td>
                                <td>{{ $device->cityName }}</td>
                                <td>{{ $device->browser }}</td>
                                <td>{{ $device->versaoBrowser }}</td>
                                <td>{{ $device->device }}</td>
                                <td>{{ $device->plataform }}</td>
                                <td>{{ $device->ip }}</td>
                                <td>{{ $device->created_at }}</td>
                                <td>{{ $device->updated_at }}</td>
                                <td>
                                    <form action="post">
                                        <a href="" class="btn btn-outline-danger"><i class="fa fa-user-slash"></i> Barrar</a>
                                        <input type="hidden" name="" class="idDevice" value="{{ $device->id }}">
                                    </form>
                                    <form action="post">
                                        <a href="" class="mt-2 btn btn-outline-info"><i class="fa fa-eye"></i><br>  Ver acessos</a>
                                        <input type="hidden" name="" class="idDevice" value="{{ $device->id }}">
                                    </form>
                                </td>

                            </tr>
                        @endforeach
                    </tbody>
                  </table>
            </nav>
        </div>

        <div class="tab-pane fade pt-5 text-justify" id="solicitados" role="tabpanel" aria-labelledby="solicitados-tab">

            PEDIDOS
            <hr>
            <nav class="table-responsive">
                <table class="table table-hover">
                    <thead>
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">First</th>
                        <th scope="col">Last</th>
                        <th scope="col">Handle</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <th scope="row">1</th>
                        <td>Mark</td>
                        <td>Otto</td>
                        <td>@mdo</td>
                      </tr>
                      <tr>
                        <th scope="row">2</th>
                        <td>Jacob</td>
                        <td>Thornton</td>
                        <td>@fat</td>
                      </tr>
                      <tr>
                        <th scope="row">3</th>
                        <td colspan="2">Larry the Bird</td>
                        <td>@twitter</td>
                      </tr>
                    </tbody>
                  </table>
            </nav>
        </div>
      </div>

</div>

@endsection