<?php
$current = basename($_SERVER['PHP_SELF']);
?>

<style>
.bottom-nav{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#fff;
border-top:1px solid #ddd;
display:flex;
justify-content:space-around;
padding:8px 0;
z-index:1000;
}

.bottom-nav a{
text-align:center;
font-size:12px;
color:#333;
text-decoration:none;
}

.bottom-nav i{
display:block;
font-size:18px;
margin-bottom:3px;
}

.bottom-nav a.active{
color:#2c3e50;
font-weight:bold;
}
</style>

<div class="bottom-nav">

<a href="/digital_panchayat/operator/operator_dashboard.php"
class="<?php if($current=='operator_dashboard.php') echo 'active'; ?>">
<i class="fa fa-home"></i>
Home
</a>

<a href="/digital_panchayat/operator/family.php"
class="<?php if($current=='family.php') echo 'active'; ?>">
<i class="fa fa-users"></i>
Family
</a>

<a href="/digital_panchayat/operator/panchayat.php"
class="<?php if($current=='panchayat.php') echo 'active'; ?>">
<i class="fa fa-user-tie"></i>
Panchayat
</a>

<a href="/digital_panchayat/operator/works.php"
class="<?php if($current=='works.php') echo 'active'; ?>">
<i class="fa fa-tools"></i>
Works
</a>

<a href="/digital_panchayat/operator/more.php"
class="<?php if($current=='more.php') echo 'active'; ?>">
<i class="fa fa-bars"></i>
More
</a>

</div>