@extends('layouts.admin')

@section('breadcrumb')
<div class="container">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url('admin') }}">Inicio</a></li>
        <li class="breadcrumb-item active" aria-current="page">Log Viewer</li>
    </ol>
</div>
@endsection

@push('styles')
<link rel="stylesheet" href="https://cdn.datatables.net/plug-ins/9dcbecd42ad/integration/bootstrap/3/dataTables.bootstrap.css">
@endpush

@push('scripts')
<script src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/9dcbecd42ad/integration/bootstrap/3/dataTables.bootstrap.js"></script>
@endpush

@section('content')
<div class="container-fluid">

    <style>
      h1 {
        font-size: 1.5em;
        margin-top: 0px;
      }
      .stack {
        font-size: 0.85em;
      }
      .date {
        min-width: 75px;
      }
      .text {
        word-break: break-all;
      }
      a.llv-active {
        z-index: 2;
        background-color: #f5f5f5;
        border-color: #777;
      }
    </style>

    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
          <h1><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> Laravel Log Viewer</h1>
          <p class="text-muted"><i>by Rap2h</i></p>
          <a href="{{ url('admin') }}">Volver</a>
          <div class="list-group">
            @foreach($files as $file)
              <a href="?l={{ base64_encode($file) }}" class="list-group-item @if($current_file == $file) llv-active @endif">
                {{ $file }}
              </a>
            @endforeach
          </div>
        </div>
        <div class="col-sm-9 col-md-10 table-container">
          @if($logs === null)
            <div>
              Tamaño superior a >50M, por favor descargue el archivo.
            </div>
          @else
          <table id="table-log" class="table table-striped">
            <thead>
              <tr>
                <th>Nivel</th>
                <th>Fecha</th>
                <th>Contenido</th>
              </tr>
            </thead>
            <tbody>

@foreach($logs as $key => $log)
<tr>
  <td class="text-{{ $log['level_class'] }}"><span class="glyphicon glyphicon-{{ $log['level_img'] }}-sign" aria-hidden="true"></span> &nbsp;{{ $log['level'] }}</td>
  <td class="date">{{ $log['date'] }}</td>
  <td class="text">
    @if($log['stack']) <a class="pull-right expand btn btn-default btn-xs" data-display="stack{{ $key }}"><span class="glyphicon glyphicon-search"></span></a>@endif
    {{ $log['text'] }}
    @if($log['in_file'] !== null) <br />{{ $log['in_file'] }}@endif
    @if($log['stack']) <div class="stack" id="stack{{ $key }}" style="display: none; white-space: pre-wrap;">{{ trim($log['stack']) }}</div>@endif
  </td>
</tr>
@endforeach

            </tbody>
          </table>
          @endif
          <div>
            <a href="?dl={{ base64_encode($current_file) }}"><span class="glyphicon glyphicon-download-alt"></span> Descargar archivo</a>
            -
            <a id="delete-log" href="?del={{ base64_encode($current_file) }}"><span class="glyphicon glyphicon-trash"></span> Borrar archivo</a>
          </div>
        </div>
    </div>
</div>

@push('codigoAdicionalFinalPaginaTemplateDespuesDeJQueryReady')
<script>
    $(document).ready(function(){
        $('#table-log').DataTable({
          "order": [ 1, 'desc' ],
          "stateSave": true,
          "stateSaveCallback": function (settings, data) {
            window.localStorage.setItem("datatable", JSON.stringify(data));
          },
          "stateLoadCallback": function (settings) {
            var data = JSON.parse(window.localStorage.getItem("datatable"));
            if (data) data.start = 0;
            return data;
          }
        });
        $('.table-container').on('click', '.expand', function(){
          $('#' + $(this).data('display')).toggle();
        });
        $('#delete-log').click(function(){
          return confirm('¿Está seguro?');
        });
    });
</script>
@endpush
@endsection