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

{{-- Content --}}
@section('content')
    @include('pages.'.$data["name"].'.read.content')
    @include('pages.'.$data["name"].'.read.modal_generate_pdf')
@endsection


{{-- Styles Section --}}
@section('styles')
    <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/modules/accessibility.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/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/plugins/custom/html2canvas/html2canvas.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/views/'.$data["name"].'/leaflet-color-markers.js') }}"></script>
    <script type="text/javascript">
        var widgets         = {};
        var WidgetLibrary   = {};
    </script>
    <script src="{{ asset('assets/js/widgets/widget_common.js') }}"></script>
    <script src="{{ asset('assets/js/views/'.$data["name"].'/init.js') }}"></script>
    <script src="{{ asset('assets/js/widgets/widget_vector_map_region.js') }}"></script>


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