@extends('logs.base')

@section('page_content')
    <div class="ui container">
        <h3 class="ui header">Logs</h3>
    </div>
    <div class="ui accordion">
        @foreach($log->getLogs() as $line)
            <div class="title {{strtolower($line->getSeverity())}}">
                <i class="dropdown icon"></i>
                {{$line->getDate()->format('Y-m-d H:i:s.u')}} - {{$line->getSeverity()}}
            </div>
            <div class="content">
                <div class="ui fluid 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>
                        @if ($line->hasStack())
                            <div class="ui small feed">
                                @foreach ($line->getStack() as $stack)
                                    <div class="event">
                                        <div class="content">
                                            {{$stack}}
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                    @if ($line->hasContext())
                        <div class="extra content">
                            {{$line->getContext()}}
                            <div class="meta">{{$line->getExtra()}}</div>
                        </div>
                    @endif
                </div>
            </div>
        @endforeach
    </div>
@endsection

@push('page_styles')
    <style>
        @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