@extends('backpack::layout')

@section('header')
    <section class="content-header">
      <h1>
        {{ trans('backpack::logmanager.log_manager') }}<small>{{ trans('backpack::logmanager.log_manager_description') }}</small>
      </h1>
      <ol class="breadcrumb">
      <li><a href="{{ backpack_url('dashboard') }}">{{ trans('backpack::crud.admin') }}</a></li>
      <li><a href="{{ backpack_url('log') }}">{{ trans('backpack::logmanager.log_manager') }}</a></li>
      <li class="active">{{ trans('backpack::logmanager.preview') }}</li>
      </ol>
    </section>
@endsection

@section('content')

  <a href="{{ backpack_url('log') }}"><i class="fa fa-angle-double-left"></i> {{ trans('backpack::logmanager.back_to_all_logs') }}</a><br><br>
<!-- Default box -->
  <div class="box">
    <div class="box-body">
      <h3>{{ $file_name }}:</h3>
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
          @forelse($logs as $key => $log)
            <div class="panel panel-{{ $log['level_class'] }}">
              <div class="panel-heading" role="tab" id="heading{{ $key }}">
                <h4 class="panel-title">
                  <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ $key }}" aria-expanded="true" aria-controls="collapse{{ $key }}">
                    <i class="fa fa-{{ $log['level_img'] }}"></i>
                    <span>[{{ $log['date'] }}]</span>
                    {{ str_limit($log['text'], 150) }}
                  </a>
                </h4>
              </div>
              <div id="collapse{{ $key }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{ $key }}">
                <div class="panel-body">
                  <p>{{$log['text']}}</p>
                  <pre>
                    {{ trim($log['stack']) }}
                  </pre>
                </div>
              </div>
            </div>
          @empty
            <h3 class="text-center">No Logs to display.</h3>
          @endforelse
        </div>
    </div><!-- /.box-body -->
  </div><!-- /.box -->

@endsection

@section('after_scripts')
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/default.min.css">
  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/highlight.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
@endsection