@extends('smartadmin::layout')

@section('title')
@lang('SVC Dashboard')
@endsection

@section('breadcrumbs')
@include('smartadmin::components.breadcrumbs', ['category' => 'Dashboard', 'sub_category' => '', 'page_title' => 'SVC Dashboard'])
@endsection

@section('subheader')
@include('smartadmin::components.subheader', ['icon' => 'globe', 'page_title' => 'SVC DASHBOARD', 'sub_title' => 'SubTitle', 'badge_text' => 'STICKER', 'punch_line' => '', 'sub_header' => ''])
@endsection

@section('content')

<div class="row">
    @include('components.kpi_box_single', [
    'title' => 'TOTAL SOCIAL VALUE',
    'tooltip' => 'Total social value generated within the selected time period',
    'value' => '€'.number_format($value_this_total, 0),
    ])
@include('components.kpi_box_single', [
    'title' => 'TOTAL SV PARTICIPANTS',
    'tooltip' => 'Total number of people who generated social value within the selected time period',
    'value' => number_format($count_this_total, 0),
    ])
@include('components.kpi_box_single', [
    'title' => 'SOCIAL VALUE PER PERSON',
    'tooltip' => 'Average social value generated by each person within the selected time period',
    'value' => '€'.number_format(fdiv($value_this_total, $count_this_total), 0),
    ])
@include('components.kpi_box_single', [
    'title' => 'SOCIAL VALUE PER SITE',
    'tooltip' => 'Average social value generated by each site within the selected time period',
    'value' => '€'.number_format(fdiv($value_this_total, $lc_count), 0),
    ])
</div>
<div class="row">
    <div class="col-xl-4 sortable-grid ui-sortable">
        <div class="panel" id="panel-1">
            <div class="panel-hdr">
                <h2>
                    @include('components.info-button', ['element' => 'widget', 'direction' => 'left', 'text' => 'Total social value generated within the selected time period compared with the same time period in the benchmark year.']) 
                    YEAR-ON-YEAR COMPARISON
                </h2>
                @include('components.panel_toolbar')
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <div id="da_graph_0" style="height: 400px; margin: 0 auto">
                    </div>
                </div>
                <div class="panel-content p-0">
                    <div class="row row-grid no-gutters">
                        <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            @include('components.tiny_data', [
                            'value' => "$yoy_change",
                            'title' => "<b>YEAR-ON-YEAR CHANGE</b> ($dates_format[0] $dates_format[1] vs $dates_format[2] $dates_format[3])",
                            ])
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-8 sortable-grid ui-sortable">
        <div class="panel" id="panel-2">
            <div class="panel-hdr">
                <h2>
                    @include('components.info-button', ['element' => 'widget', 'direction' => 'left', 'text' => 'Total social value generated for each month within the selected time period compared with the same time period in the benchmark year.'])
                    MONTH-ON-MONTH COMPARISON
                </h2>
                @include('components.panel_toolbar')
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <div id="da_graph_1" style="height: 400px; margin: 0 auto">
                    </div>
                </div>
                <div class="panel-content p-0">
                    <div class="row row-grid no-gutters">
                        <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            @include('components.tiny_data', [
                            'value' => "$mom_change",
                            'title' => "<b>MONTH ON MONTH CHANGE</b> ($dates_format[1] vs $dates_format[3])",
                            ])
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<h1 class="page-title">
    INDICATORS
</h1>
<div class="row">
    @include('components.kpi_box_single', [
    'colors' => ["#009BB4", "#4BB2BF"],
    'icon' => 'heart-circle',
    'title' => 'PHYSICAL & MENTAL HEALTH',
    'tooltip' => 'Total savings in health and social care costs achieved through the reduced risk of various health conditions. The valuation uses average annual costs per person diagnosed with the condition.',
    'value' => '€'.number_format(array_sum($health), 0)
    ])
@include('components.kpi_box_single', [
    'colors' => ["#38AB24", "#87BF2C"],
    'icon' => 'head-side-brain',
    'title' => 'SUBJECTIVE WELLBEING',
    'tooltip' => 'Total social value generated through the increased wellbeing derived from a participant’s engagement in sport using the wellbeing valuation approach.',
    'value' => '€'.number_format($wellbeing, 0)
    ])
@include('components.kpi_box_single', [
    'colors' => ["#FF9A21", "#FFAE25"],
    'icon' => 'book',
    'title' => 'INDIVIDUAL DEVELOPMENT',
    'tooltip' => 'Total social value generated through improved educational attainment through sports participation valued using lifetime productivity returns and higher starting salaries after graduation.',
    'value' => '€'.number_format($ind_dev, 0)
    ])
@include('components.kpi_box_single', [
    'colors' => ["#9671C7", "#B183CC"],
    'icon' => 'people-arrows',
    'title' => 'SOCIAL & COMM. DEV.',
    'tooltip' => 'The total social value generated through the savings in criminal justice system costs derived from the reduced crime rates for young people and increased social capital derived from enhanced social networks, trust and reciprocity brought about by sport participation.',
    'value' => '€'.number_format($social_comm, 0)
    ])
</div>
<div class="row">
    <div class="col-xl-12 sortable-grid ui-sortable">
        <div class="panel" id="panel-3">
            <div class="panel-hdr">
                <h2>
                    HEALTH INDICATORS
                </h2>
                @include('components.panel_toolbar')
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <div id="da_graph_2" style="height: 400px; margin: 0 auto">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('pr-css')
@endsection

@section('pr-scripts')
@endsection

@push('scripts')

@include('layouts.charts.column', [
    'id' => 'da_graph_0',
    'title' => 'TOTAL SV',
    'subtitle' => "$dates_format[0] $dates_format[1] vs $dates_format[2] $dates_format[3]",
    'categories' => $graph_1_categories,
    'colors'    => ['#93E1D5', '#2C89B9'],
    'x_title' => '',
    'xAxis' => true,
    'pointFormat' => '€{point.y:,.0f}',
    'y_title' => '€',
    'grouping' => true,
    'round' => false,
    'data' => $graph_1_data,
])

@include('layouts.charts.column', [
    'id' => 'da_graph_1',
    'title' => 'TOTAL SV PER MONTH',
    'subtitle' => "$dates_format[0] $dates_format[1] vs $dates_format[2] $dates_format[3]",
    'categories' => $graph_2_categories,
    'colors'    => ['#93E1D5', '#2C89B9'],
    'x_title' => '',
    'xAxis' => true,
    'pointFormat' => '€{point.y:,.0f}',
    'y_title' => '€',
    'grouping' => true,
    'round' => true,
    'data' => $graph_2_data,
])

@include('layouts.charts.column', [
    'id' => 'da_graph_2',
    'title' => 'HEALTH INDICATORS',
    'subtitle' => "$dates_format[2] | $dates_format[3]",
    'categories' => $graph_3_categories,
    'colors'    => ['#4BB2BF'],
    'x_title' => '',
    'xAxis' => true,
    'pointFormat' => '€{point.y:,.0f}',
    'y_title' => '€',
    'min_y_value' => $min_y_value_graph_3,
    'grouping' => true,
    'round' => false,
    'data' => $graph_3_data,
])

<script type="text/javascript">

</script>
@endpush