<div class="horizontal-scrollable-tabs">
    <div class="scroller arrow-left"><i class="fa fa-angle-left"></i></div>
    <div class="scroller arrow-right"><i class="fa fa-angle-right"></i></div>
    <div class="horizontal-tabs">
        <ul class="nav nav-tabs profile-tabs row customer-profile-tabs nav-tabs-horizontal" role="tablist">
            <li role="presentation" class="<?php echo $active === 'all' ? 'active' : '' ?>">
                <a href="<?php echo admin_url('hr/documents/'); ?>" aria-controls="documents" role="tab"
                   n-data-toggle="tab">
                    <?php echo _l('hr_documents'); ?>
                </a>
            </li>
            <li role="presentation" class="<?php echo $active === 'expired' ? 'active' : '' ?>">
                <a href="<?php echo admin_url('hr/documents/expired'); ?>" aria-controls="expired" role="tab"
                   n-data-toggle="tab">
                    <?php echo _l('hr_expire_documents'); ?>
                </a>
            </li>
            <li role="presentation" class="<?php echo $active === 'categories' ? 'active' : '' ?>">
                <a href="<?php echo admin_url('hr/documents/categories'); ?>" aria-controls="categories" role="tab"
                   n-data-toggle="tab">
                    <?php echo _l('categories'); ?>
                </a>
            </li>
            <li role="presentation" class="<?php echo $active === 'types' ? 'active' : '' ?>">
                <a href="<?php echo admin_url('hr/documents/types'); ?>" aria-controls="types" role="tab"
                   n-data-toggle="tab">
                    <?php echo _l('types'); ?>
                </a>
            </li>
        </ul>
    </div>
</div>
       