{{-- 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"> {{ $record->title }}</h4>
    </nav>

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

    @foreach ($species as $specie)
    <div class="clear mb-4"></div>
            <nav class="navbar navbar-expand-lg navbar-light p-0">
                <h4 class="mb-0 pr-2 ls1  font-weight-bold"><a href="{{ $specie->show_link }}" target="_blank">{{ $specie->title }}</a></h4>
            </nav>
            <div class="line line-xs line-dark"></div>
            @if ($specie->determinations->count() > 0)
            <div class="row container">
                <div class="col-md-12">
            @component('front.components.determination_boxes', ['determinations' => $specie->determinations->sortBy('vote_stat')->take(4)])
                    @endcomponent
                </div>
            </div>
            @else
                <img src="{{ asset('images/tespit_yok_thumb.jpg') }}" />
            @endif

    @endforeach

@endsection