<h4><a href="javascript:history.back()"><i class="fas fa-chevron-left"></i></a>&nbsp;<%= _lc( 'APPOINTMENT_DETAIL_VIEW' ) %></h4>
<ul class="nav nav-tabs page-nav">
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'details' ) ? 'active' : '' %>"
           href="#/appointment/<%= a.getId() %>">
            <%= _lc( 'DETAILS' ) %>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'attendee' ) ? 'active' : '' %>"
           href="#/appointment/<%= a.getId() %>/attendee">
            <%= _lc( 'ATTENDEE' ) %>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'chat' ) ? 'active' : '' %>"
           href="#/appointment/<%= a.getId() %>/chat">
            <%= _lc( 'CHAT' ) %>
        </a>
    </li>
</ul>