@php
$total = 0;
@endphp
<div class="row container">
    <ul class="nav nav-tabs w-100">
        <li class="nav-item">
            <a class="nav-link"
                href="{{ route('city.single.determinations', ['id' => $city->id]) }}">{{ __(':City İline Ait Tespitler', ['city' => $city->title]) }}</a>
        </li>
        <li class="nav-item">
            <a class="nav-link"
                href="{{ route('city.single.stats.determinations', ['id' => $city->id]) }}">{{ __('Tespit İstatistikleri') }}</a>
        </li>
        <li class="nav-item">
            <a class="nav-link active"
                href="{{ route('city.single.stats.users', ['id' => $city->id]) }}">{{ __('Kullanıcı İstatistikleri') }}</a>
        </li>
        <li class="nav-item">
            <a class="nav-link"
                href="{{ route('city.single.stats.species', ['id' => $city->id]) }}">{{ __('Biyo Çeşitlilik') }}</a>
        </li>
    </ul>

    @if (isset($searchStats))
        <div class="row container">
            <div class="col-md-6">
                <div class="row">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th scope="col">{{ __('Kullanıcı') }}</th>
                                <th scope="col">{{ __('Tespit Sayıları') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($searchStats as $stat)
                                <tr>
                                    <td><a href="{{ route('member.profile.public.uid',['user_id'=>$stat->user_id])}}" target="_blank">{{ $stat->user_name }}</td>
                                    <td><a href="{{ route('city.single.determinations.users',['user_id'=>$stat->user_id,'city_id'=>$city->id]) }}" target="_blank">{{ $stat->determination_total }}</td>
                                </tr>

                                @php
                                    $total += $stat->determination_total;
                                @endphp

                            @endforeach
                        </tbody>

                        <tfoot>
                            <tr>
                                <td align="right">{{ __('') }}</td>
                                <td align="left">{{ $total }}</td>
                        </tfoot>
                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
                <div id="chart_div" style="height:950px; margin-top:25px"></div>
            </div>
        </div>

    @endif
</div>


@section('scripts2')
    <script>
        google.charts.load('current', {
            packages: ['corechart', 'bar']
        });
        google.charts.setOnLoadCallback(drawBarColors);

        function drawBarColors() {
            var data = google.visualization.arrayToDataTable([
                ['{{ __('Kullanıcı') }}', '{{ __('Toplam Tespit') }}'],
                @foreach ($searchStats as $stat)
                    ['{{ $stat->user_name }}', {{ $stat->determination_total }}],
                @endforeach
            ]);

            var options = {
                title: 'Kullanıcı İstatistikleri',
                chartArea: {
                    width: '50%',
                    height: '800'
                },
                colors: ['#b0120a'],
                hAxis: {
                    title: '{{ __('Toplam Tespit') }}',
                    minValue: 0
                },
                vAxis: {
                    title: 'Kullanıcılar'
                }
            };
            var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
    </script>
@endsection