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

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


    <div class="row container">

            <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>
        <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->withQueryString()->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();

            document.getElementById("search-bar").style.display = "block";
        </script>
    @endsection