<div class="col-lg-3">
    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <h6 class="card-header d-flex align-items-center">
                <i class="fa fa-tty font-30 mr-10"></i>
                <?php echo $this->lang->line('front_office'); ?>
            </h6>
        </div>
        <ul class="list-group list-group-flush">
            <?php if (has_permission(VIEW, 'frontoffice', 'appointment')) { ?>
                <li class="list-group-item <?php echo $this->router->fetch_class() == 'appointment' ? 'active' : ''; ?>">
                    <a <?php echo $this->router->fetch_class() == 'appointment' ? 'class="text-white"' : ''; ?> href="<?php echo site_url('frontoffice/appointment'); ?>"><i class="fa fa-user-plus" aria-hidden="true"></i> <?php echo $this->lang->line('appointment'); ?></a>
                </li>
            <?php } ?>
            <?php if (has_permission(VIEW, 'frontoffice', 'complaint')) { ?>
                <li class="list-group-item <?php echo $this->router->fetch_class() == 'complaint' ? 'active' : ''; ?>">
                    <a <?php echo $this->router->fetch_class() == 'complaint' ? 'class="text-white"' : ''; ?> href="<?php echo site_url('frontoffice/complaint'); ?>"><i class="fa fa-comments" aria-hidden="true"></i> <?php echo $this->lang->line('complaint'); ?></a>
                </li>
            <?php } ?>
            <?php if (has_permission(VIEW, 'frontoffice', 'visitor')) { ?>
                <li class="list-group-item <?php echo $this->router->fetch_class() == 'visitor' ? 'active' : ''; ?>">
                    <a <?php echo $this->router->fetch_class() == 'visitor' ? 'class="text-white"' : ''; ?> href="<?php echo site_url('frontoffice/visitor'); ?>"><i class="fa fa-user" aria-hidden="true"></i> <?php echo $this->lang->line('visitor'); ?></a>
                </li>
            <?php } ?>

            <?php if (has_permission(VIEW, 'frontoffice', 'calllog')) { ?>
                <li class="list-group-item <?php echo $this->router->fetch_class() == 'calllog' ? 'active' : ''; ?>">
                    <a <?php echo $this->router->fetch_class() == 'calllog' ? 'class="text-white"' : ''; ?> href="<?php echo site_url('frontoffice/calllog'); ?>"><i class="fa fa-phone" aria-hidden="true"></i> <?php echo $this->lang->line('call_log'); ?></a>
                </li>
            <?php } ?>

            <?php if (has_permission(VIEW, 'frontoffice', 'dispatch')) { ?>
                <li class="list-group-item <?php echo $this->router->fetch_class() == 'dispatch' ? 'active' : ''; ?>">
                    <a <?php echo $this->router->fetch_class() == 'dispatch' ? 'class="text-white"' : ''; ?> href="<?php echo site_url('frontoffice/dispatch'); ?>"><i class="fa fa-delicious" aria-hidden="true"></i> <?php echo $this->lang->line('postal'); ?> <?php echo $this->lang->line('dispatch'); ?></a>
                </li>
            <?php } ?>

            <?php if (has_permission(VIEW, 'frontoffice', 'receive')) { ?>
                <li class="list-group-item <?php echo $this->router->fetch_class() == 'receive' ? 'active' : ''; ?>">
                    <a <?php echo $this->router->fetch_class() == 'receive' ? 'class="text-white"' : ''; ?> href="<?php echo site_url('frontoffice/receive'); ?>"><i class="fa fa-deaf" aria-hidden="true"></i> <?php echo $this->lang->line('postal'); ?> <?php echo $this->lang->line('receive'); ?></a>
                </li>
            <?php } ?>
        </ul>
    </div>
</div>