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

{{-- Content --}}
@section('content')


    <div class="row">

            <nav class="navbar navbar-expand-lg navbar-light p-0">
                <h4 class="mb-0 pr-2 ls1  font-weight-bold">{{ $page_title??NULL }}</h4>
            </nav>

        <!-- Tab Menu -->
        @php $lastDetermination = $determinations->get(0); @endphp
        <nav class="navbar navbar-expand-lg navbar-light p-0">
            <h4 class="mb-0 pr-2 ls1  font-weight-bold">{{ $lastDetermination->category->name??'' }}</h4>
        </nav>

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

        <div class="container">

        @if ($determinations->count() > 0)
                @component('front.components.determination_boxes', ['determinations' => $determinations])
                @endcomponent
                <div class="line line-xs line-dark"></div>
                {{ $determinations->links() }}
        @endif
        </div>

    </div>
    @endsection

    @section('scripts')
        <script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js"></script>
        <script>
            lazyload();
        </script>
    @endsection


    @section('breadcrumbs')
        @if (!empty($breadcrumb))
            {{ Breadcrumbs::render($breadcrumb,$category??NULL) }}
        @else
            {{ Breadcrumbs::render('category.determinations', $lastDetermination->category) }}
        @endif
    @endsection