@extends('backend.layouts.master')

@section('header')
     <style>
 
      h1 {
        font-size: 1em;
        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>
@endsection
@section('footertop')
    <!-- Page JS Plugins -->
    <script src="{{ asset('backend/js/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <!-- Page JS Code -->
    <script src="{{ asset('backend/js/pages/base_tables_datatables.js') }}"></script>
    <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('Emin misin?');
        });
      });
    </script>
@endsection

@section('footer')     

@endsection


@section('content')
    <!-- Main Container -->
<main id="main-container">
    <!-- Page Header -->
    <div class="content bg-image overflow-hidden" style="background-image: url({{ url('photos/photo7.jpg') }});">
        <div class="push-50-t push-15">
            <h1 class="h2 text-white animated zoomIn">Sistem Logları</h1>
        </div>
    </div>
    <!-- END Page Header -->

    <!-- Stats -->
    <div class="content bg-white border-b">
        
      <div class="row">
        <div class="col-sm-12 col-md-12 sidebar">
          <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>
            <a href="?dl={{ base64_encode($current_file) }}" class="btn btn-xs btn-info"><span class="glyphicon glyphicon-download-alt"></span> Log Dosyasını İndir</a>
            <a id="delete-log" href="?del={{ base64_encode($current_file) }}" class="btn btn-xs btn-danger"><span class="glyphicon glyphicon-trash"></span> Log Dosyasını Temizle </a>
          </div>
          <hr>
        </div>
        <div class="col-sm-12 col-md-12 table-container">
          @if ($logs === null)
            <div>
              Log dosyası 50MB'dan büyük oldugu için okunamadı. İndirerek inceleyebilirsiniz...
              Log file >50M, please download it.
            </div>
          @else
          <table id="table-log" class="table table-striped">
            <thead>
              <tr>
                <th width="9%">Level</th>
                <th>Date</th>
                <th>Content</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 (isset($log['in_file'])) <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) }}" class="btn btn-xs btn-info"><span class="glyphicon glyphicon-download-alt"></span> Log Dosyasını İndir</a>
            <a id="delete-log" href="?del={{ base64_encode($current_file) }}" class="btn btn-xs btn-danger"><span class="glyphicon glyphicon-trash"></span> Log Dosyasını Temizle </a>
          </div>
          <hr>
        </div>
      </div>

    </div>
    <!-- END Stats -->

</main>
<!-- END Main Container -->


@endsection