@extends('layout.padrao')
@section('title', 'Access Log - User')

@section('content')

@include('include.filtro_result')
   
    <div class="wrapper">
        <div class="table-responsive" style="overflow:clip; height:950px">
            <table class="table-striped text-center" id="table"
          data-toggle="table"
          data-search="true"
          data-detail-formatter="detailFormatter"
          data-show-footer="true"
          data-show-refresh="true"
          data-click-to-select="true"
          data-show-fullscreen="true"
          data-toolbar="#toolbar"
          data-show-toggle="true"
          data-show-export="true"
          data-export-data-type="all"
          data-query-params="queryParams"
          data-url="/accesslog/json?user={{$user->id}}"
          data-show-columns="true" >
            <thead>
                <tr class="trSuperBlue">
                    <th  data-field="routeName"  data-sortable="true" >Application</th>
                    <th data-field="dhEvent" data-sortable="true">Event Time</th>
                    <th data-field="user.nome" data-sortable="true">User Name</th>
                    <th data-field="user.email" data-sortable="true">Email</th>
                    <th data-field="user.login" data-sortable="true">Login</th>
                </tr>
            </thead>
        </table>
  
    </div>

    <script>
        var $table = $('#table')
        var $button = $('#button')
      

        $(function() {
            $table.bootstrapTable({
                            cache: false,
                            height: 1000,
                            striped: true,
                            pagination: false,
                           
            });
        })
       
       
    </script>
    <!-- Delete Model -->
    @include('bibliotecas.floattheadOverflow')
    @include('include.modal_deletar', ["rota" => "usuarios"])
    @include('bibliotecas.bootstrapExport')



@endSection