@extends('logs.base')

@section('page_content')
    <div class="ui container">
        <h3 class="ui header">Log File: {{$log->getFilename()}}</h3>
        <h5 class="ui header">{{$log->getDate()->format('Y-m-d H:i:s')}}</h5>
        <div class="ui accordion">
            @foreach($log->getLogs() as $line)
                <div class="title">
                    <i class="dropdown icon"></i>
                    <span class="{{strtolower($line->getSeverity())}}" style="padding-left: 1ex;padding-right: 1ex;">
                        [{{$line->getDate()->format('Y-m-d H:i:s.u')}}] {{$line->getSeverity()}}
                    </span>
                </div>
                <div class="content">
                    <div class="ui fluid basic card">
                        <div class="content">
                            <div class="header">
                                <span class="{{strtolower($line->getSeverity())}}" style="padding: 1ex 1em;">
                                    <i class="bug icon"></i>
                                    {{$line->getChannel()}}.{{$line->getSeverity()}}
                                </span>
                            </div>
                        </div>
                        <div class="content">
                            <div class="description">
                                {{$line->getMessage()}}
                            </div>
                        </div>
                        @if ($line->hasStack())
                            <div class="content">

                                <div class="ui small feed">
                                    @foreach ($line->getStack() as $stack)
                                        <div class="event">
                                            <div class="content">
                                                {{$stack}}
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                        @if ($line->hasContext())
                            <div class="extra content">
                                {{$line->getContext()}}
                                <div class="meta">{{$line->getExtra()}}</div>
                            </div>
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection

@push('page_styles')
    <style>
        body {overflow-y:scroll;}
        @foreach ($levels as $level => $colors)
            .{{$level}} {background-color: {{$colors->background}}; color: {{$colors->text}};}
        @endforeach
    </style>
@endpush

@push('page_scripts')
    <script type="text/javascript">

        $('.accordion').accordion()
    </script>
@endpush