@extends('layouts.default', [
    'sidebarLight' => true,
    'headerMegaMenu' => true,
    'sidebarMenu' => 'client.analysis',
])

@section('title', Lang::get('analysis.word.analysis'))

@push('css')
<style type="text/css">
    #search-area .col-box {
        padding: 1rem;
        border: solid 1px #fff;
        margin: 0 -1px -1px 0;
    }
    #search-area label.width-full {
        color: var(--orange);
        padding: 0;
        margin: 0;
    }

    .analysis-table caption {
        text-align: center;
        font-style: italic;
        padding: 0;
        color: var(--gray-500)
    }
    .analysis-table th,
    .analysis-table td {
        text-align: center;
    }
    .analysis-table tr.total td {
        font-weight: bold;
        border-top: solid 2px var(--gray-400);
        background-color: var(--gray-300);
        border-color: var(--gray-400);
    }
    .analysis-table td.sum {
        font-weight: bold;
        color: var(--red-dark)
    }
    .analysis-table .cnt {
        display: flex;
        justify-content: space-around;
    }
    .analysis-table .count {
        text-align: right;
        flex: 1 0 50%;
        padding-right: 1rem;
    }
    .analysis-table .process-count {
        color: var(--blue);
        flex: 1 0 50%;
        text-align: right;
        padding-right: 1rem;
    }
</style>
@endpush

@section('content')
    <!-- begin page-header -->
    <div class="page-header-wrap">
        <div class="heading-nav">
            <h1 class="page-header">{{ Lang::get('analysis.word.analysis') }}</h1>

            <ul class="nav nav-pills">
                @foreach ($subs as $sub)
                    <li class="nav-items">
                        <a href="{{ URL::route('analysis.list', ['sub'=>$sub]) }}" class="nav-link {{ $request->sub==$sub ? 'active' : '' }}">
                            {{ Lang::get('analysis.word.by_'.$sub) }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
    <!-- end page-header -->

    @include('template.client.analysis.search')

    <div class="tab-content width-full">
        @switch($request->sub)
            @case('country')
                                <table class="table table-bordered table-striped table-hover analysis-table">
                    <caption>Raw data: Total of <strong>{{ $list->sum }}</strong> enquiries</caption>
                    <thead class="thead-dark">
                        <tr>
                            <th>Country</th>
                            @foreach ($list->country as $country)
                                <br />
<b>Notice</b>:  Undefined variable: country in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/client/analysis/_list.blade.php</b> on line <b>93</b><br />
                                <th>{{ strtoupper($country) }}</th>
                            @endforeach
                            <th>Sum</th>
                        </tr>
                    </thead>
                    <tbody>
                        @for ($y=$list->start; $y <= $list->end; $y++)
                                                <tr>
                            <td>{{$y}}</td>
                            @foreach ($list->country as $country)
                                <td><br />
<b>Notice</b>:  Undefined variable: country in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/client/analysis/_list.blade.php</b> on line <b>108</b><br />
<br />
<b>Notice</b>:  Undefined variable: y in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/client/analysis/_list.blade.php</b> on line <b>108</b><br />
</td>
                            @endforeach
                            <td class="sum">{{ $sum }}</td>
                        </tr>
                        @endfor
                        <tr class="total">
                            <td>Total</td>
                            @foreach ($list->country as $country)
                                <td>{{ $total[$country] ? $total[$country] : '' }}</td>
                            @endforeach
                            <td class="sum">{{ $list->sum }}</td>
                        </tr>
                    </tbody>
                </table>
                @break

            @default
                                <table class="table table-bordered table-striped table-hover analysis-table">
                    <caption>Raw data: Total of <strong>{{ $list->sum }}</strong> enquiries</caption>
                    <thead class="thead-dark">
                        <tr>
                            <th>{{ Lang::get('analysis.word.year') }}</th>
                            @for ($i=1; $i < 13; $i++)
                                <br />
<b>Notice</b>:  Undefined variable: i in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/client/analysis/_list.blade.php</b> on line <b>139</b><br />
<br />
<b>Notice</b>:  Undefined variable: i in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/client/analysis/_list.blade.php</b> on line <b>139</b><br />
                                <th>{{ $i }}</th>
                            @endfor
                            <th>Sum</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($list->data as $y=>$m)
                                                <tr>
                            <td>{{ $y }}</td>
                            @for ($i=1; $i < 13; $i++)
                                <td>
                                    <div class="cnt">
                                        <br />
<b>Notice</b>:  Undefined variable: i in <b>/home/edmedu/www/edmeducation.co.kr/tw-dev/resources/views/client/analysis/_list.blade.php</b> on line <b>156</b><br />
                                    </div>
                                </td>
                            @endfor
                            <td class="sum">
                                <div class="cnt">
                                    <span class="count">{{ $sum }}</span>
                                    {{--<span class="process-count">{{ $process_sum }}</span>--}}
                                </div>
                            </td>
                        </tr>
                        @endforeach
                        <tr class="total">
                            <td>Total</td>
                            @for ($i=1; $i < 13; $i++)
                                <td>
                                    <div class="cnt">
                                        <span class="count">{{ $total[$i] ? $total[$i] : '' }}</span>
                                        {{--<span class="process-count">{{ $process_total[$i] ? $process_total[$i] : '' }}</span>--}}
                                    </div>
                                </td>
                            @endfor
                            <td class="sum">
                                <div class="cnt">
                                    <span class="count">{{ $list->sum }}</span>
                                    {{--<span class="process-count">{{ $list->process_sum }}</span>--}}
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                @break
        @endswitch

        <div id="chart" style="padding: 1rem"></div>
    </div>

@endsection

@push('scripts')
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
        @switch($request->sub)
            @case('country')
                google.charts.load('current', {'packages':['bar']});
                google.charts.setOnLoadCallback(drawChart);

                function drawChart() {
                    var data = google.visualization.arrayToDataTable({!! $list->googleChartData !!});

                    var options = {
                        chart: {
                            title: 'Enquiries per country'
                        },
                        height: 500
                    };

                    var chart = new google.charts.Bar(document.getElementById('chart'));

                    chart.draw(data, google.charts.Bar.convertOptions(options));
                }
                @break

            @default
                google.charts.load('current', {'packages':['line']});
                google.charts.setOnLoadCallback(drawChart);

                function drawChart() {
                    var data = google.visualization.arrayToDataTable({!! $list->googleChartData !!});

                    var options = {
                        chart: {
                            title: 'Enquiries per year'
                        },
                        height: 500
                    };

                    var chart = new google.charts.Line(document.getElementById('chart'));

                    chart.draw(data, google.charts.Line.convertOptions(options));
                }
                @break
        @endswitch
    </script>
@endpush