<h4><a href="javascript:history.back()"><i class="fas fa-chevron-left"></i></a> <%= _lc( 'MY_PROFILE' ) %></h4>
<ul class="nav nav-tabs page-nav">
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'profile' ) ? 'active' : '' %>"
           href="#/configuration/profile">
            <%= _lc( 'PROFILE' ) %>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'attendance-log' ) ? 'active' : '' %>"
           href="#/configuration/attendance-log">
            <%= _lc( 'ATTENDANCE_LOG' ) %>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'contract' ) ? 'active' : '' %>"
           href="#/configuration/contract">
            <%= _lc( 'PROFILE_CONTRACT' ) %>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'privacy' ) ? 'active' : '' %>"
           href="#/configuration/privacy">
            <%= _lc( 'PROFILE_PRIVACY' ) %>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'account' ) ? 'active' : '' %>"
           href="#/configuration/account">
            <%= _lc( 'PROFILE_ACCOUNT' ) %>
        </a>
    </li>
    <!--
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'notifications' ) ? 'active' : '' %>"
           href="#/configuration/notifications">
            <%= _lc( 'NOTIFICATIONS' ) %>
        </a>
    </li>
    -->
</ul>