@include("hrm.layouts.form")

<ul class="nav nav-pills">
    <li class="active"><a href="#pending" role="tab" data-toggle="tab">@lang("content.pending")</a></li>
    <li class=""><a href="#override" role="tab" data-toggle="tab">{{ APPLICATION_STATUS_REVIEW_OVERRIDE }}</a></li>
    <li class=""><a href="#in_line" role="tab" data-toggle="tab">@lang("content.in_line")</a></li>
    <li class=""><a href="#overridden" role="tab" data-toggle="tab">{{ APPLICATION_STATUS_OVERRIDDEN }}</a></li>
    <li class=""><a href="#approved" role="tab" data-toggle="tab">@lang("content.approved")</a></li>
    <li class=""><a href="#declined" role="tab" data-toggle="tab">@lang("content.declined")</a></li>
    <li class=""><a href="#void" role="tab" data-toggle="tab">@lang("content.void")</a></li>
    <li class=""><a href="#all" role="tab" data-toggle="tab">@lang("content.all")</a></li>
</ul>

{{--Tab Content--}}
<div class="tab-content margin-top-10">
    <div class="tab-pane bg-color-white active" id="pending">
        @include("user.layouts.employees-requests-table", ["selectedStatus" => APPLICATION_STATUS_PENDING])
    </div>

    <div class="tab-pane bg-color-white" id="override">
        @include("user.layouts.employees-requests-table", ["selectedStatus" => APPLICATION_STATUS_REVIEW_OVERRIDE])
    </div>

    <div class="tab-pane bg-color-white" id="in_line">
        @include("user.layouts.employees-requests-table", ["selectedStatus" => APPLICATION_STATUS_IN_LINE])
    </div>

    <div class="tab-pane bg-color-white" id="overridden">
        @include("user.layouts.employees-requests-table", ["selectedStatus" => APPLICATION_STATUS_OVERRIDDEN])
    </div>

    <div class="tab-pane bg-color-white" id="approved">
        @include("user.layouts.employees-requests-table", ["selectedStatus" => APPLICATION_STATUS_APPROVED])
    </div>

    <div class="tab-pane bg-color-white" id="declined">
        @include("user.layouts.employees-requests-table", ["selectedStatus" => APPLICATION_STATUS_DECLINED])
    </div>

    <div class="tab-pane bg-color-white" id="void">
        @include("user.layouts.employees-requests-table", ["selectedStatus" => APPLICATION_STATUS_VOID])
    </div>

    <div class="tab-pane bg-color-white" id="all">
        @include("user.layouts.employees-requests-table")
    </div>
</div>

@foreach($employeesStatus as $j => $each)
    @include("user.layouts.request-content", ["each" => $each])
@endforeach