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

{{-- Header Content Top --}}
@section('header_content_top')
    @include('welcome.'.config("env.view.welcome.model").'.section_header_top')
@endsection

{{-- Header Content Bottom --}}
@section('header_content_bottom')
    @include('welcome.'.config("env.view.welcome.model").'.section_header_bottom')
@endsection

{{-- Content --}}
@section('content')

    <!--begin::How It Works Section-->
    @include('welcome.'.config("env.view.welcome.model").'.section_content')
    @include('welcome.modal_login_error')
    @include('welcome.modal_website_maintenance')
    <!--end::How It Works Section-->


@endsection

{{-- Styles Section --}}
@section('styles')
    <link href="{{ asset('assets/css/views/'.$data["name"].'.css') }}" rel="stylesheet" type="text/css" />
    @if ($data["sections"]["widgets"]["show"] === true)
        <link href="{{ asset('assets/css/views/dashboard.css') }}" rel="stylesheet" type="text/css" />
    @endif
@endsection

{{-- Scripts Section --}}
@section('scripts')
    <script src="{{ asset('assets/plugins/custom/numscroller/numscroller-1.0.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>

    @if ($data["sections"]["widgets"]["show"] === true)
        <script src="{{ asset('assets/plugins/custom/d3js/d3.v3.min.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>
        <script src="{{ asset('assets/plugins/custom/d3js/d3-array.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>
        <script src="{{ asset('assets/plugins/custom/d3js/d3-color.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>
        <script src="{{ asset('assets/plugins/custom/d3js/d3-format.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>
        <script src="{{ asset('assets/plugins/custom/d3js/d3-interpolate.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>
        <script src="{{ asset('assets/plugins/custom/d3js/d3-scale.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>
        <script src="{{ asset('assets/plugins/custom/d3js/topojson.v1.min.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>
        <script src="{{ asset('assets/plugins/custom/leaflet/leaflet.bundle.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>
        <script src="{{ asset('assets/plugins/custom/leaflet_markercluster/leaflet.markercluster-src.js') }}" type="text/javascript" nonce="{{ session('cspNonce') }}"></script>
        <script src="{{ asset('assets/js/views/dashboard/leaflet-color-markers.js') }}" nonce="{{ session('cspNonce') }}"></script>
        <script type="text/javascript" nonce="{{ session('cspNonce') }}">
            var widgets         = {};
            var WidgetLibrary   = {};
        </script>
        <script src="{{ asset('assets/js/widgets/widget_common.js') }}" nonce="{{ session('cspNonce') }}"></script>
    @endif

    <script src="{{ asset('assets/js/views/'.$data["name"].'/init.js') }}" nonce="{{ session('cspNonce') }}"></script>

    @if ($data["sections"]["widgets"]["show"] === true)
        <script src="{{ asset('assets/js/widgets/widget_vector_map_region.js') }}" nonce="{{ session('cspNonce') }}"></script>
    @endif

    @if ($data["name"] === "welcome")
        <script type="text/javascript" nonce="{{ session('cspNonce') }}">
            $(document).ready(function () {
                Welcome.init({
                    data : {!! json_encode($data) !!}
                });
            });
        </script>
    @endif
@endsection