<!-- Tabbar start -->
<div id="bottom-navigation">
    <div class="container">
        <div class="home-navigation-menu">
            <div class="bottom-panel nagivation-menu-wrap">
                <ul class="bootom-tabbar">
                    <li class="{{ Request::path() == '/' ? 'active' : '' }}">
                        <a href="{{route('naslovna')}}" class="{{ Request::path() == '/' ? 'active' : '' }}">
                            <svg class="{{ Request::path() == '/' ? 'active' : '' }}" width="24" height="24"
                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <mask id="mask0_202_7251" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
                                    width="24" height="24">
                                    <rect width="24" height="24" fill="white" />
                                </mask>
                                <g mask="url(#mask0_202_7251)">
                                    <path
                                        d="M5 12l-2 0l9 -9l9 9l-2 0 M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7 M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"
                                        stroke="black" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                </g>
                            </svg>
                        </a>
                        <div class="orange-boder {{ Request::path() == '/' ? 'active' : '' }}"></div>
                    </li>
                    <li class="{{ Request::path() == 'skeniranje' ? 'active' : '' }}">
                        <a href="{{route('skeniranje')}}" class="{{ Request::path() == 'skeniranje' ? 'active' : '' }}">
                            <svg class="{{ Request::path() == 'skeniranje' ? 'active' : '' }}" width="24" height="24"
                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <mask id="mask0_202_2005" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
                                    width="24" height="24">
                                    <rect width="24" height="24" fill="white" />
                                </mask>
                                <g mask="url(#mask0_202_2005)">
                                    <<path
                                        d="M4 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" />
                                    <path d="M7 17l0 .01" />
                                    <path
                                        d="M14 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" />
                                    <path d="M7 7l0 .01" />
                                    <path
                                        d="M4 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" />
                                    <path d="M17 7l0 .01" />
                                    <path d="M14 14l3 0" />
                                    <path d="M20 14l0 .01" />
                                    <path d="M14 14l0 3" />
                                    <path d="M14 20l3 0" />
                                    <path d="M17 17l3 0" />
                                    <path d="M20 17l0 3" />
                                </g>
                            </svg>
                        </a>
                        <div class="orange-boder {{ Request::path() == 'skeniranje' ? 'active' : '' }}"></div>
                    </li>
                    <li class="{{ Request::path() == 'rang-lista' ? 'active' : '' }}">
                        <a href="{{route('rang-lista')}}" class="{{ Request::path() == 'rang-lista' ? 'active' : '' }}">
                            <svg class="{{ Request::path() == 'rang-lista' ? 'active' : '' }}" width="24" height="24"
                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <mask id="mask0_202_1996" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
                                    width="24" height="24">
                                    <rect width="24" height="24" fill="white" />
                                </mask>
                                <g mask="url(#mask0_202_1996)">
                                    <path d="M9 6h11 M12 12h8 M15 18h5 M5 6v.01 M8 12v.01 M11 18v.01" stroke="black"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                </g>
                            </svg>
                        </a>
                        <div class="orange-boder {{ Request::path() == 'rang-lista' ? 'active' : '' }}"></div>
                    </li>
                    <li class="{{ Request::path() == 'profil' ? 'active' : '' }}">
                        <a href="{{route('profil')}}" class="{{ Request::path() == 'profil' ? 'active' : '' }}">
                            <svg class="{{ Request::path() == 'profil' ? 'active' : '' }}" width="24" height="24"
                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <mask id="mask0_202_1984" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
                                    width="24" height="24">
                                    <rect width="24" height="24" fill="white" />
                                </mask>
                                <g mask="url(#mask0_202_1984)">
                                    <path
                                        d="M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
                                        stroke="black" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                </g>
                            </svg>
                        </a>
                        <div class="orange-boder {{ Request::path() == 'profil' ? 'active' : '' }}"></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- Tabbar end -->