{{-- Extends layout --}}
@extends('front.layouts.app')

@section('content')

    <nav class="navbar navbar-expand-lg navbar-light p-0">
        <h3> {{ __('Profilim') }}
            </h4>
            @auth
                <a class="btn btn-small btn-danger float-right ml-2"
                    href="{{ route('member.profile') }}">{{ __('Bilgilerimi Güncelle') }}</a>
            @endauth
    </nav>

    <div class="line line-xs line-dark"></div>


    <div class="row">
        <div class="col-12">

            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <p><strong>{{ __('Tespit Toplamı') }}:</strong> <a
                            href="{{ route('member.records.determinations', ['user_id' => $user->id]) }}"
                            target="_blank">{{ $user->determinations->count() }}</a></p>
                    <p><strong>{{ __('Türü Saptanmış Tespit Toplamı') }}:</strong>
                        <a href="{{ route('member.records.specified', ['user_id' => $user->id]) }}"
                            target="_blank">{{ $user->determinations->whereNotNull('determination_specie_id')->count() }}</a>
                    </p>

                    <p><strong>{{ __('Tespit Ettiği Tür Sayısı (Tümü)') }}:</strong>
                        <a href="{{ route('member.records.found-species', ['user_id' => $user->id]) }}"
                            target="_blank">{{ $user->determinations->whereNotNull('determination_specie_id')->unique('determination_specie_id')->count() }}</a>
                    </p>
                    <select id="specified_list">
                        @foreach ($user->determination_category_stats as $stat)
                            <option value="{{ $stat->determination_category_id }}">{{ $stat->category_title }}
                            </option>
                        @endforeach
                    </select><br />


                    @foreach ($user->determination_category_stats as $stat)
                        <div style="display:none" class="specified_category"
                            id="specified_category_{{ $stat->determination_category_id }}">
                            <p><strong>{{ __(':Category Türündeki Tespit Ettiği Tür Sayısı', ['category' => $stat->category_title]) }}:</strong>
                                <a href="{{ route('member.records.found-species', ['user_id' => $user->id,'category_id'=>$stat->determination_category_id]) }}"
                                    target="_blank">{{ $user->determinations->where('determination_category_id', $stat->determination_category_id)->whereNotNull('determination_specie_id')->unique('determination_specie_id')->count() }}</a>
                            </p>

                        </div>
                    @endforeach



                    <p><strong>{{ __('Yaptığı Yorum Sayısı') }}:</strong>
                        <a href="{{ route('member.records.own-comments', ['user_id' => $user->id]) }}"
                            target="_blank">{{ $user->comments->where('parent_id', null)->count() }}</a>
                    </p>
                    <p><strong>{{ __('Gelen Yorum Sayısı') }}:</strong>
                        <a href="{{ route('member.records.incoming-comments', ['user_id' => $user->id]) }}"
                            target="_blank">{{ $user->determinations->map(function ($item, $key) {
                                    return $item->comments->where('user_id', '<>', $item->user_id)->count();
                                })->sum() }}</a>
                    </p>

                </div>
                <div class="col-md-4 col-sm-6">
                    <p><strong>{{ __('E-Posta') }}:</strong> {{ $user->email }}</p>
                    <p><strong>{{ __('Şehir') }}:</strong> {{ $user->city }}</p>
                    <p><strong>{{ __('Ülke') }}:</strong> {{ $user->country }}</p>
                    <p><strong>{{ __('Hakkımda') }}:</strong> {{ $user->summary }}</p>
                </div>

                <div class="col-md-4 col-sm-6">
                    @if (!empty($user->determination_category_stats))
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th scope="col">{{ __('Kategori') }}</th>
                                    <th scope="col">{{ __('Tespit Sayısı') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($user->determination_category_stats as $stat)
                                    <tr>
                                        <td>{{ $stat->category_title }}</td>
                                        <td><a href="{{ route('member.records.determinations-by-category', ['user_id' => $user->id, 'category_id' => $stat->determination_category_id]) }}"
                                                target="_blank">{{ $stat->determination_total }}</a></td>
                                    </tr>

                                @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>

            </div>

            @if ($user->determinations->count() > 0)

                <div class="row container grey-bg p-3 pt-4">
                    <div class="col-md-3 col-sm-6">

                        <h4>{{ __('En Son Yüklenen Tespit') }} </h4>
                        @component('front.components.determination_overlay_new', ['determination' =>
                            $user->determinations->sortByDesc('id')->first()])
                        @endcomponent
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <h4>{{ __('En Yüksek Puanlı Tespit') }} </h4>
                        @component('front.components.determination_overlay_new', ['determination' =>
                            $user->determinations->sortByDesc('vote_stat')->first()])
                        @endcomponent
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <h4> {{ __('Ekipmanlarım') }}</h4>
                        <ul class="pl-5">
                            @foreach ($user->determinations->whereNotNull('determination_equipment_id')->map(function ($item, $key) {
                return $item->equipment;
            })->unique()
        as $equipment)
                                <li><a href="{{ $equipment->link }}" target="_blank">{{ $equipment->title }}</a></li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <h4> {{ __('Lenslerim') }}</h4>

                        <ul class="pl-4">
                            @foreach ($user->determinations->whereNotNull('determination_equipment_lens_id')->map(function ($item, $value) {
                return $item->lensEquipment;
            })->unique()
        as $lens)
                                <li><a href="{{ $lens->link }}" target="_blank">{{ $lens->title }}</a></li>
                            @endforeach
                        </ul>
                    </div>

                </div>

            @endif

        </div>

        <div class="col-12 pt-5">
            @switch($tab)
                @case('acaba-nedir')
                    @component('front.components.member_home_acaba_nedir', ['user' => $user, 'determinations' =>
                        $determinations])
                    @endcomponent
                @break
                @case('liked')
                    @component('front.components.member_home_liked', ['user' => $user, 'determinations' => $determinations])
                    @endcomponent
                @break
                @case('map')
                    @component('front.components.member_home_map', ['user' => $user, 'coordinates' => $coordinates])
                    @endcomponent
                @break
                @case('favorites')
                    @component('front.components.member_home_favorites', ['user' => $user, 'determinations' => $determinations])
                    @endcomponent
                @break
                @case('favoritted')
                    @component('front.components.member_home_favoritted', ['user' => $user, 'determinations' =>
                        $determinations])
                    @endcomponent
                @break
                @case('determinations')
                    @default
                        @component('front.components.member_home_determinations', ['user' => $user, 'determinations' =>
                            $determinations, 'categories' => $categories])
                        @endcomponent

                @endswitch
        </div>
    </div>
@endsection


@section('scripts')

    <script>
        const specified_determinations_element = document.getElementById('specified_list');

        specified_determinations_element.addEventListener('change', (event) => {
            $( ".specified_category" ).hide()
            //document.querySelector('.').forEach(element => element.style.display = 'none');

            document.querySelector('#specified_category_' + event.target.value).style.display = 'block';
            //   result.textContent = `You like ${event.target.value}`;
            //console.log(event.target.value);
        });
    </script>

@endsection