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

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

    @if (!empty($equipment->determinations))
        <div class="col-md-12 mb-5 bg-light p-3">
            @component('front.components.determination_boxes', ['determinations' => $equipment->determinations->sortByDesc('vote_stat')->take(4), 'carousel_id' => 'habitats'])
            @endcomponent
        </div>
    @endif

    @switch($tab)
        @case('determinations')
            @component('front.components.equipment_show_determinations', ['equipment' => $equipment,
                'determinations' => $determinations])
            @endcomponent
        @break
        @case('users')
            @component('front.components.equipment_show_users', ['equipment' => $equipment,'stats'=>$stats])
            @endcomponent
        @break
        @case('species')
            @component('front.components.equipment_show_species', ['equipment' => $equipment,'stats'=>$stats])
            @endcomponent
        @break
    @endswitch

@endsection

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