<style>
.nav-link.tab-has-error {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.tab-error-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #dc3545;
    border-radius: 50%;
    margin-left: 5px;
    vertical-align: middle;
}
</style>

<ul class="nav nav-tabs mb-4" role="tablist">

    <li class="nav-item" role="presentation">
        <button class="nav-link active"
                data-bs-toggle="tab"
                data-bs-target="#basic"
                type="button"
                role="tab">
            Basic Info
        </button>
    </li>

    <li class="nav-item" role="presentation">
        <button class="nav-link"
                data-bs-toggle="tab"
                data-bs-target="#family"
                type="button"
                role="tab">
            Family
        </button>
    </li>

    <li class="nav-item" role="presentation">
        <button class="nav-link"
                data-bs-toggle="tab"
                data-bs-target="#documents"
                type="button"
                role="tab">
            Documents
        </button>
    </li>

    <li class="nav-item" role="presentation">
        <button class="nav-link"
                data-bs-toggle="tab"
                data-bs-target="#illness"
                type="button"
                role="tab">
            Illness
        </button>
    </li>

     <li class="nav-item" role="presentation">
        <button class="nav-link"
                data-bs-toggle="tab"
                data-bs-target="#additions"
                type="button"
                role="tab">
            Additions
        </button>
    </li>

     <li class="nav-item" role="presentation">
        <button class="nav-link"
                data-bs-toggle="tab"
                data-bs-target="#deductions"
                type="button"
                role="tab">
            Deductions
        </button>
    </li>

     <li class="nav-item" role="presentation">
        <button class="nav-link"
                data-bs-toggle="tab"
                data-bs-target="#leave"
                type="button"
                role="tab">
            Leave
        </button>
    </li>

</ul>

<div class="tab-content">

    <div class="tab-pane fade show active" id="basic" role="tabpanel" aria-labelledby="basic-tab">
        <?php echo $__env->make('core::employees/partials/master', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </div>

    <div class="tab-pane fade" id="family" role="tabpanel" aria-labelledby="family-tab">
        <?php echo $__env->make('core::employees/partials/family', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </div>

    <div class="tab-pane fade" id="documents" role="tabpanel" aria-labelledby="documents-tab">
        <?php echo $__env->make('core::employees/partials/documents', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </div>

    <div class="tab-pane fade" id="illness" role="tabpanel" aria-labelledby="illness-tab">
        <?php echo $__env->make('core::employees/partials/illness', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </div>

    <div class="tab-pane fade" id="additions" role="tabpanel" aria-labelledby="additions-tab">
        <?php echo $__env->make('core::employees/partials/additions', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </div>

    <div class="tab-pane fade" id="deductions" role="tabpanel" aria-labelledby="deductions-tab">
        <?php echo $__env->make('core::employees/partials/deductions', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </div>

    <div class="tab-pane fade" id="leave" role="tabpanel" aria-labelledby="leave-tab">
        <?php echo $__env->make('core::employees/partials/leave', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </div>

</div>
<?php /**PATH /media/madu/E8460E1D460DECDE/projects/laraoffice/app/Modules/HR/Core/Providers/../Views/employees/partials/tabs.blade.php ENDPATH**/ ?>