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

{{-- Content --}}
@section('content')
    <div class="clear"></div>
    <nav class="navbar navbar-expand-lg navbar-light p-0 grey-bg">
        <h4 class="mb-0 pr-2 ls1  font-weight-bold"> {{ $description ?? $city->title }}</h4>
    </nav>
    <div class="line line-xs line-dark"></div>

    @if (!empty($habitats))
        <div class="col-md-12 mb-5 bg-light p-3">
            <div class="text-right">
                <a href="{{ route('city.single.determinations.category',['city_id'=>$city->id,'category_id'=>App\Models\DeterminationCategory::HABITAT_ID]) }}">
                {{__('Habitat Kategorisindeki Tüm Tespitleri Göster') }}
            </a>
            </div>
            @component('front.components.determination_boxes', ['determinations' => $habitats, 'carousel_id' => 'habitats'])
            @endcomponent
        </div>
    @endif

    @switch($tab)
        @case('determinations')
            @component('front.components.city_show_determinations', ['city' => $city, 'searchStats' => $searchStats,
                'determinations' => $determinations])
            @endcomponent
        @break
        @case('determination')
            @component('front.components.city_show_determination', ['city' => $city, 'searchStats' => $searchStats])
            @endcomponent
        @break
        @case('users')
            @component('front.components.city_show_users', ['city' => $city, 'searchStats' => $searchStats])
            @endcomponent
        @break
        @case('species')
            @component('front.components.city_show_species', ['city' => $city, 'searchStats' => $searchStats])
            @endcomponent
        @break
        @case('species-table')
            @component('front.components.city_show_species_table', ['city' => $city, 'species_all' => $species_all])
            @endcomponent
        @break


        @default
            @component('front.components.city_show_determinations', ['city' => $city, 'searchStats' => $searchStats])
            @endcomponent

    @endswitch

@endsection

@section('breadcrumbs')
    {{ Breadcrumbs::render('city.show', $city->title) }}
@endsection