{{-- Extends layout --}}
@extends('layout.app_private')

{{-- Content --}}
@section('content')
    @include('pages.log_explorer.read.content')
    @include('pages.log_explorer.read.modal_detail')
@endsection


{{-- Styles Section --}}
@section('styles')
    <link href="{{ asset('assets/css/views/log_explorer.css') }}" rel="stylesheet" type="text/css" />
@endsection

{{-- Scripts Section --}}
@section('scripts')
    <script src="{{ asset('assets/plugins/custom/lodash/lodash.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/highcharts/highcharts.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/highcharts/modules/heatmap.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/highcharts/highcharts-more.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/highcharts/modules/accessibility.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/views/log_explorer/init.js') }}"></script>

    @if ($data["lang"] != "en")
        <script src="{{ asset('assets/plugins/custom/flatpickr/'.$data["lang"].'.js') }}" nonce="{{ session('cspNonce') }}"></script>
    @endif

    <script type="text/javascript">
        $(document).ready(function () {
            LogExplorer.init({
                data : {!! json_encode($data) !!}
            });
        });
    </script>


@endsection