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

{{-- Content --}}
@section('content')
    <nav class="navbar navbar-expand-lg navbar-light p-0">
        <h4 class="mb-0 pr-2 ls1  font-weight-bold"> {{ $pageTitle }}</h4>
    </nav>

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

    <div class="row container ">
        <div class="col-md-12 mb-5">
        @if ($record->determinations->count() > 3)
        @component('front.components.determination_boxes', ['determinations' => $record->determinations->filter(function ($value, $key) {
            return $key > 0 && $key < 5; })])
                    @endcomponent
        @endif
        </div>

        @switch($tab)
            @case('determinations')
                @component('front.components.specie_show_determinations', ['record' => $record, 'determinations' =>
                $determinations])@endcomponent
            @break
            @case('details')
                @component('front.components.specie_show_data', ['record' => $record])@endcomponent
            @break
            @case('seenAt')
                @component('front.components.specie_show_seen_chart', ['record' => $record, 'seenAtDates' =>
                $seenAtDates])@endcomponent
            @break
            @case('map')
                @component('front.components.specie_show_map', ['record' => $record, 'coordinates' =>
                $coordinates])@endcomponent
            @break
            @default

        @endswitch

    </div>

@endsection

@section('breadcrumbs')
    {{ Breadcrumbs::render('specie.show',$record) }}
@endsection