BottomMenu Component

resources / views / components / bottomMenu.blade.php

Code Overview

<div class="row bottom-menu justify-content-center bg-light border-top" style="z-index: 10;">
    <div class="col-12 col-md-10">
        <div class="d-flex justify-content-between py-2">
            <a href="{{ route('index') }}" class="text-center @if(request()->is('/')) fw-bold text-primary @endif">
                <i class="fa-solid fa-house"></i>
                <p class="mb-0">Home</p>
            </a>
            <a href="{{ route('attendance.user') }}" class="text-center">
                <i class="fa-solid fa-qrcode"></i>
                <p class="mb-0">Attendance</p>
            </a>
            <a href="{{ route('myproject.index') }}" class="text-center">
                <i class="fa-solid fa-bars-progress"></i>
                <p class="mb-0">Projects</p>
            </a>
            <a href="{{ route('employee.profile') }}" class="text-center">
                <i class="fa-solid fa-address-card"></i>
                <p class="mb-0">Profile</p>
            </a>
        </div>
    </div>
</div>