@extends('layouts.head') @section('content')
<h2>Logs</h2>
{{-- Table --}}
<div class="box">
  <div class="box-header " style="margin-top: 10px;margin-bottom: 10px;">
    <div class="box-tools" style="display:flex; align-items: center;justify-content: center; ">
      <div style="display:flex; align-items: center;justify-content: center;">
        <p style="margin:1px;  margin-right: 20px; ">{{ __("messages.errors_only") }}</p>
        <input type="checkbox" id="checkSoloErrores" />
        <label style="margin: 0 0 15px 10px; color:#08d657;" for="checkSoloErrores"></label>
      </div>
      <div style="display:flex; align-items: center;justify-content: center;">
        <p style="margin:1px;  margin-right: 20px; ">{{ __("messages.sync_only") }}</p>
        <input type="checkbox" id="checkSoloSincronizacion" />
        <label style="margin: 0 0 15px 10px; color:#08d657;" for="checkSoloSincronizacion"></label>
      </div>
    </div>
  </div>
  <div class="box-body table-responsive no-padding" style="padding: 10px !important;">
    <table
      id="example2"
      class="table table-bordered table-hover dataTable"
      role="grid"
      aria-describedby="example2_info"
    >
      <thead>
        <tr role="row">
          <th
            class="sorting"
            tabindex="0"
            aria-controls="example2"
            rowspan="1"
            colspan="1"
            aria-label="Browser: activate to sort column ascending"
          >
            {{ __("messages.logs.table.col1") }}
          </th>
          <th
            class="sorting"
            tabindex="0"
            aria-controls="example2"
            rowspan="1"
            colspan="1"
            aria-label="Platform(s): activate to sort column ascending"
          >
            {{ __("messages.logs.table.col2") }}
          </th>
          <th
            class="sorting"
            tabindex="0"
            aria-controls="example2"
            rowspan="1"
            colspan="1"
            aria-label="Engine version: activate to sort column ascending"
          >
            {{ __("messages.logs.table.col3") }}
          </th>
          <th
            class="sorting"
            tabindex="0"
            aria-controls="example2"
            rowspan="1"
            colspan="1"
            aria-label="Engine version: activate to sort column ascending"
          >
            {{ __("messages.logs.table.col4") }}
          </th>
          <th
            class="sorting"
            tabindex="0"
            aria-controls="example2"
            rowspan="1"
            colspan="1"
            aria-label="Engine version: activate to sort column ascending"
          >
            {{ __("messages.logs.table.col5") }}
          </th>
        </tr>
      </thead>
      <tbody>
        @foreach($logs as $s)
        <tr>
          <td>{{$s->id}}</td>
          <td>{{$s->description}}</td>
          <td>{{$s->type }}</td>
          <td>{{$s->event }}</td>
          <td>{{$s->ip }}</td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
  <!-- /.box-body -->
</div>
<script src="{{ asset('js/logs/main.js') }}"></script>

@endsection