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

{{-- Content --}}
@section('content')
    @if ($data["report_version"] === 1)
        @include('pages.'.$data["name"].'.report.content_legacy')
    @else
        @include('pages.'.$data["name"].'.report.content')
        @include('pages.'.$data["name"].'.report.modal_generate_pdf')
        @include('pages.'.$data["name"].'.report.modal_info')
    @endif
@endsection


{{-- Styles Section --}}
@section('styles')
    <link href="{{ asset('assets/css/_spinner.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/views/'.$data["name"].'.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/plugins/custom/leaflet/leaflet.bundle.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/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/plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/d3js/d3.v3.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/d3js/d3-array.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/d3js/d3-color.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/d3js/d3-format.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/d3js/d3-interpolate.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/d3js/d3-scale.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/d3js/topojson.v1.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/leaflet/leaflet.bundle.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/custom/leaflet_markercluster/leaflet.markercluster-src.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/views/reconsheet/leaflet-color-markers.js') }}"></script>
    <script src="{{ asset('assets/plugins/custom/html2canvas/html2canvas.min.js') }}" type="text/javascript"></script>

    @if ($data["report_version"] === 1)
        <script src="{{ asset('assets/js/widgetLibrary.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/linechart.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/barchart.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/bubblechart.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/gauge.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/map.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/pie.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/scatter.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/table.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/list.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/text.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/widgets/gauge.js') }}" type="text/javascript"></script>
        <script src="{{ asset('assets/js/views/reconsheet/report_legacy.js') }}" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                Report.init({
                    output : {!! json_encode($data["outputReport"]) !!},
                    widgets : {!! json_encode($data["widgets"]) !!},
                    schema : {!! json_encode($data["schema"]) !!},
                });
            });
        </script>
    @else
        <script src="{{ asset('assets/js/views/reconsheet/report.js') }}" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                Report.init({
                    is_mobile : {!! json_encode($data["is_mobile"]) !!},
                    id : {!! json_encode($data["id_crypted"]) !!},
                    data : {!! json_encode($data["report"]) !!},
                    endpoints : {!! json_encode($data["endpoints"]) !!}
                });
            });
        </script>
    @endif

@endsection