@if ($overlappingHours && !count($overlappingHours->overlapReportByUser))
    <div class="alert alert-info"  style="margin-top: 10px">
        <h4>Search results:</h4>
        <p>Found 0 records</p>
    </div>
@else

    <div class="jarviswidget jarviswidget-color-blueDark" id="wid-hours" data-widget-editbutton="false" data-widget-colorbutton="false" data-widget-deletebutton="false">

        <header>
            <span class="widget-icon"> <i class="fa fa-table"></i> </span>
            <h2>@lang("content.list")</h2>
        </header>

        <!-- widget div-->
        <div>

            <!-- widget edit box -->
            <div class="jarviswidget-editbox">
                <!-- This area used as dropdown edit box -->

            </div>
            <!-- end widget edit box -->

            <!-- widget content -->
            <div class="widget-body no-padding" style="min-height: 50px !important;">

                <div class="table-responsive" style="overflow: auto;">

{{--                    style="min-width: {{ 1000 + count($periodUnique) * 100 }}px;"--}}
                    <table class="table table-bordered table-hover table-standard" id="hoursTable">
                        <thead>
                        <tr>
                            <th style="width: 60px;">No</th>
{{--                            <th style="width: 60px;">@lang("content.picture")</th>--}}
                            <th>Staff No</th>
                            <th style="width: 100px !important;">@lang("content.first_name")</th>
                            <th style="width: 140px !important;">@lang("content.last_name")</th>
{{--                            <th style="width: 90px !important;">@lang("content.dob")</th>--}}
{{--                            <th style="width: 90px !important;">DOJ</th>--}}
                            <th style="width: 140px !important;">@lang("content.position")</th>
                            <th>@lang("content.cost_center")</th>
                            <th>@lang("content.company")</th>
                            <th>@lang("content.base")</th>
                            <th>P/F</th>
                            {{--<th>Contracted Hours</th>--}}

                            <th>@lang("content.office_duties")</th>
                            <th>@lang("content.planned_hours")</th>
                            <th>@lang("content.actual_hours")</th>
                            <th>@lang("content.office_breaks")</th>
{{--                            <th>@lang("content.overlapped_hours")</th>--}}
                            <th>@lang("content.total_hours")</th>
{{--                            @foreach($periodUnique as $each)--}}
{{--                                @if ($period == "Monthly")--}}
{{--                                    <th colspan="1" data-center>{{ digitMonthYearToReadable($each) }}</th>--}}
{{--                                @elseif ($period == "Weekly")--}}
{{--                                    <th colspan="1" data-center>Week {{ $each }}</th>--}}
{{--                                @else--}}
{{--                                    <th colspan="1" data-center>{{ $each }}</th>--}}
{{--                                @endif--}}
{{--                            @endforeach--}}
                        </tr>

                        {{--<tr>--}}
                            {{--<th data-center>Hours</th>--}}
                            {{--<th data-center>Cost</th>--}}
                            {{--@foreach($monthYearUnique as $each)--}}
                                {{--<th data-center>Hours</th>--}}
                                {{--<th data-center>Cost</th>--}}
                            {{--@endforeach--}}
                        {{--</tr>--}}

                        </thead>

                        <tbody>
                            @php $j = 0; $officeDutyHoursTotal = 0; $processedUserIDs = [] @endphp

{{--                            @foreach($staffHours["data"] as $i => $each)--}}
{{--                                @if (!in_array($each->user->id, $processedUserIDs))--}}
{{--                                    @php $processedUserIDs[] = $each->user->id @endphp --}}
{{--                                @endif--}}
{{--                                @php $officeDutyHours = isset($staffHistory["list"][$each->user->id]) ? $staffHistory["list"][$each->user->id]["total"]: 0 @endphp --}}
{{--                                @php $officeDutyHoursTotal += $officeDutyHours @endphp --}}
{{--                                @include("staff-report.layouts.hour-row", ["j" => ++$j, "each" => $each, "officeDutyHours" => $officeDutyHours])--}}
{{--                            @endforeach--}}

                            @foreach($overlappingHours->overlapReportByUser as $id => $each)
                                @php $user = $each->user @endphp
                                <tr>
                                    <td data-center>{{ ++$j }}</td>
                                    <td data-center>{{ $user->staff_number }}</td>
                                    <td>
                                        <a target="_blank"
                                           href="{{ route("homepage")."#". url("staff/{$user->id}/edit?s=".rand(100, 999)) }}">{{ $user->first_name }}</a>
                                    </td>
                                    <td>
                                        <a target="_blank"
                                           href="{{ route("homepage")."#". url("staff/{$user->id}/edit?s=".rand(100, 999)) }}">{{ $user->last_name }}</a>
                                    </td>
                                    <td>{{ getUserPositionName($user) }}</td>
                                    <td>{{ $user->cost_center }}</td>
                                    <td>{{ $user->company }}</td>
                                    <td data-center>{{ \App\Models\User::getStation($user) }}</td>
                                    <td data-center>{{ getUserWorkType($user->work_type) }}</td>
                                    <td data-center class="salary-type">{{ convertToHoursMinutes($each->oInitHours * 3600, true) }}</td>
                                    <td class="time-type" data-center>{{ convertToHoursMinutes($each->pInitHours * 3600, true) }}</td>
                                    <td class="time-type" data-center>{{ convertToHoursMinutes($each->initHours * 3600, true) }}</td>
                                    <td data-center class="salary-type">{{ convertToHoursMinutes($each->bInitHours * 3600, true) }}</td>
                                    <td class="time-type" data-center>{{ convertToHoursMinutes($each->totalHours * 3600, true) }}</td>
                                </tr>
                            @endforeach

                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td data-center><strong>@lang("content.total")</strong></td>
                                <td class="salary-type" data-center>{{ convertToHoursMinutes($overlappingHours->oInitHours * 3600, true) }}</td>
                                <td class="time-type"   data-center>{{ convertToHoursMinutes($overlappingHours->pInitHours * 3600, true) }}</td>
                                <td class="time-type"   data-center>{{ convertToHoursMinutes($overlappingHours->initHours * 3600, true) }}</td>
                                <td class="salary-type" data-center>{{ convertToHoursMinutes($overlappingHours->bInitHours * 3600, true) }}</td>
                                <td class="time-type"   data-center>{{ convertToHoursMinutes($overlappingHours->totalHours * 3600, true) }}</td>
                            </tr>
                        </tbody>

                    </table>
                </div>

            </div>

        </div>

    </div>

@endif