@extends('adminlte::page')

@section('content')
  <!-- Main content -->
  <section class="content">

    <main>
      <!--MDB -->
      <!--Title-->
      <h3 class="text-center font-up font-bold pink-text pb-2"><strong>Log</strong></h3>
      <!--MDB -->
    </main>
    <table id="dtBasicExample" class="table table-striped table-bordered dataTables table-responsive" cellspacing="0" width="100%">
      <thead>
        <tr>
          <th scope="col" class="col-md-1">ID</th>
          <th scope="col" class="col-md-1">Nivel</th>
          <th scope="col" class="col-md-1">Criado em</th>
          <th scope="col" class="col-md-9">Mensagem</th>
          <th scope="col"></th>
        </tr>
      </thead>
      <tbody>
        @foreach($log as $cada)
          @php
          $dt = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $cada->created_at);
          @endphp
          <tr>
            <th scope="row">{{ $cada->id }}</th>
            <td>{{ $cada->level_name }}</td>
            <td>{{ $dt->format('d-m-Y H:m') }}</td>
            <td>{!! ($cada->level_name === 'ERROR') ? substr($cada->message, 0, 200)." ..." : $cada->message !!}</td>
            <td></td>
          </tr>
        @endforeach
      </tbody>
    </table>

  </section>
  <!-- /.content -->
@endsection
@section('js')
  <script type="text/javascript">
  $(document).ready(function () {
    $('.dataTables').DataTable({
      "language": {
        "url": "//cdn.datatables.net/plug-ins/1.10.19/i18n/Portuguese-Brasil.json"
      },
      "columnDefs": [
        { "orderable": false, "targets": -1 }
      ],
      responsive: {
        details: false
      }
    });
    $('.dataTables_length').addClass('bs-select')
  })
  </script>
@endsection