@include('reporting._refresh_reports_script')
    @if($report_type == \App\Http\Controllers\ReportingController::GOOGLE_TRAFFIC_SUMMARY)
        @include('shared_script._chart_maker_script')
        <script>

            var multiple_view_class = '';
            var business_pref_update_url = '';

            function after_spinner(result_data) {
                var labels = result_data['data']['traffic']['labels'];
                var datasets = result_data['data']['traffic']['datasets'];
                create_line_graph('google_line_chart', labels, datasets);

                labels = result_data['data']['visitors']['labels'];
                var data = result_data['data']['visitors']['data'];
                var colors = result_data['data']['visitors']['colors'];
                var legend = result_data['data']['visitors']['legend'];
                make_pie_chart('visitor_pie_chart', labels, data, colors, legend);

                labels = result_data['data']['device_breakdown']['labels'];
                data = result_data['data']['device_breakdown']['data'];
                colors = result_data['data']['device_breakdown']['colors'];
                legend = result_data['data']['device_breakdown']['legend'];
                make_pie_chart('device_breakdown_pie_chart', labels, data, colors, legend);

                labels = result_data['data']['traffic_origination']['labels'];
                data = result_data['data']['traffic_origination']['data'];
                colors = result_data['data']['traffic_origination']['colors'];
                legend = result_data['data']['traffic_origination']['legend'];
                make_pie_chart('traffic_origination_pie_chart', labels, data, colors, legend);

                @foreach([
                    ['name' => 'country'],
                    ['name' => 'region'],
                    ['name' => 'city'],
                ] as $geography)
                labels = result_data['data']['traffic_geography']['by_{{ $geography['name'] }}']['labels'];
                data = result_data['data']['traffic_geography']['by_{{ $geography['name'] }}']['data'];
                colors = result_data['data']['traffic_geography']['by_{{ $geography['name'] }}']['colors'];
                legend = result_data['data']['traffic_geography']['by_{{ $geography['name'] }}']['legend'];
                make_pie_chart('traffic_geography_{{ $geography['name'] }}_pie_chart', labels, data, colors, legend);
                @endforeach

                multiple_view_class = result_data['data']['traffic_geography']['multiple_view_class'];
                $('.'+multiple_view_class).select(function () {
                    alert('select select')
                });
                $('.'+multiple_view_class).change(function () {
                    var current_value = $(this).val();
                    // set all the selectes of this class to the new value
                    $('.'+multiple_view_class).val(current_value);
                    choose_traffic_geography_graph(current_value);
                });
                choose_traffic_geography_graph(result_data['data']['traffic_geography']['multiple_view_value']['pref_value']);
                business_pref_update_url = result_data['data']['traffic_geography']['multiple_view_value']['save_url'];
                $('#engagement_clicks').click(function () {
                    view_detail_report('{{\App\Http\Controllers\ReportingController::GOOGLE_ENGAGEMENT}}');
                });
                $('.user-flow-clicks').click(function (e) {
                    // we want them to be able to click on the dropdown that changes the grid
                    if($(e.target).is('select')){
                        e.preventDefault();
                        return;
                    }
                    view_detail_report('{{\App\Http\Controllers\ReportingController::GOOGLE_USER_FLOW}}');
                });

                $(function () {
                    $('.engagement-click').hover(function () {
                        $('#engagement_clicks').css('background-color', '#f0f0f0');
                    }, function () {
                        // on mouseout, reset the background colour
                        $('#engagement_clicks').css('background-color', '');
                    });
                });
                $(function () {
                    $('.user-flow-click').hover(function () {
                        $('.user-flow-clicks').css('background-color', '#f0f0f0');
                    }, function () {
                        // on mouseout, reset the background colour
                        $('.user-flow-clicks').css('background-color', '');
                    });
                });

                $(function () {
                    $('[data-toggle="tooltip"]').tooltip();
                });
            }

            function view_engagement_detail_report() {
                view_detail_report('{{\App\Http\Controllers\ReportingController::GOOGLE_ENGAGEMENT}}');
            }

            function view_exit_pages_report() {
                view_detail_report('{{\App\Http\Controllers\ReportingController::GOOGLE_EXIT_PAGES}}')
            }

            function view_top_pages_report() {
                view_detail_report('{{\App\Http\Controllers\ReportingController::GOOGLE_TOP_PAGES}}')
            }

            function view_user_flow_detail_report() {
                view_detail_report('{{\App\Http\Controllers\ReportingController::GOOGLE_USER_FLOW}}');
            }

            function view_traffic_acquisition_channels_report() {
                view_detail_report('{{\App\Http\Controllers\ReportingController::GOOGLE_TRAFFIC_ACQUISITION_CHANNELS}}');
            }

            function choose_traffic_geography_graph($value) {
                if ($value === '{{ \App\Helpers\GoogleAnalyticsUserFlow\GoogleAnalyticsUserFlowReportHelper::COUNTRY }}') {
                    $('#traffic_geography_region_parent').hide();
                    $('#traffic_geography_city_parent').hide();
                    $('#traffic_geography_country_parent').show();
                } else if ($value === '{{ \App\Helpers\GoogleAnalyticsUserFlow\GoogleAnalyticsUserFlowReportHelper::REGION }}') {
                    $('#traffic_geography_city_parent').hide();
                    $('#traffic_geography_country_parent').hide();
                    $('#traffic_geography_region_parent').show();
                } else  {
                    $('#traffic_geography_region_parent').hide();
                    $('#traffic_geography_country_parent').hide();
                    $('#traffic_geography_city_parent').show();
                }
                if (business_pref_update_url) {
                    $.ajax({
                        type: "POST",
                        data: {'pref_value': $value},
                        url: business_pref_update_url
                    });
                }
            }

            function view_detail_report(report_type) {
                if (!in_progress) {
                    var value = $('#time_period_pk').val();
                    var url = '{{ action('ReportingController@view_detail_reports', ['business' => $business->business,
                    'report_type' => 'YYY',
                    'time_period_pk' => 'XXX']) }}'.replace('YYY', report_type).replace('XXX', value).replace('&amp;', '&');
                    do_view_detail_report(url);
                }
            }

            var in_progress = false;
            function do_view_detail_report(url) {
                // set in_progress to true so we don't also do the div.click
                in_progress = true;
                location.href = url;
                event.preventDefault();
            }
        </script>
    @elseif($report_type == \App\Http\Controllers\ReportingController::GOOGLE_LIGHTBOX_DETAIL)
        @include('shared_script._chart_maker_script')
        <script>
            function after_spinner(result_data) {
                var labels = result_data['data']['conversion_data']['labels'];
                var datasets = result_data['data']['conversion_data']['datasets'];
                create_line_graph('conversion_chart', labels, datasets);
                var labels = result_data['data']['conversion_percentage_data']['labels'];
                var datasets = result_data['data']['conversion_percentage_data']['datasets'];
                create_line_graph('conversion_percentage_chart', labels, datasets);
            }
        </script>
    @elseif ($report_type == \App\Http\Controllers\ReportingController::GOOGLE_USER_FLOW)
        <script>
            function after_spinner(result_data) {
                var height = $('#user_flow_graph')[0].scrollHeight;
                document.getElementById("user_flow_lines").style.height = height + "px";
            };
        </script>
    @elseif ($report_type == \App\Http\Controllers\ReportingController::GOOGLE_WEBSITE_DETAILS)
        <script>
            function show_lightbox_detail(lightbox_id) {
                var value = $('#time_period_pk').val();
                location.href = '{{ action('ReportingController@view_detail_reports', ['business' => $business->business,
                    'id' => 'YYY',
                    'report_type' => \App\Http\Controllers\ReportingController::GOOGLE_LIGHTBOX_DETAIL,
                    'time_period_pk' => 'XXX']) }}'.replace('YYY', lightbox_id).replace('XXX', value).replace(new RegExp('&amp;', 'g'), '&');
            }
        </script>
    @elseif ($report_type == \App\Http\Controllers\ReportingController::FUSE_CAMPAIGN_REPORT || $report_type == \App\Http\Controllers\ReportingController::MAILCHIMP_CAMPAIGN_REPORT)
        <script>
            $(document).ready(function () {
                $(function () {
                    $('[data-toggle="tooltip"]').tooltip();
                });
            });
        </script>
    @endif