@if (!count($staffHistory))
    <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;">

                    <table class="table table-bordered table-hover table-standard" id="office_duties_table">
                        <thead>
                        <tr>
                            <th style="width: 60px;">No</th>
{{--                            <th style="width: 60px;">@lang("content.picture")</th>--}}
                            <th>Staff No</th>
                            <th>@lang("content.first_name")</th>
                            <th>@lang("content.last_name")</th>
                            <th>@lang("content.position")</th>
                            <th>@lang("content.cost_center")</th>
                            <th>@lang("content.company")</th>
                            <th>@lang("content.base")</th>

{{--                            <th>@lang("content.cost_center")</th>--}}
{{--                            <th>@lang("content.company")</th>--}}
{{--                            <th>@lang("content.actual_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--}}
                            <th>@lang("content.duty")</th>
                            <th>@lang("content.from")</th>
                            <th>@lang("content.to")</th>
                            <th>@lang("content.duration")</th>
                            <th class="color-red">@lang("content.rmks")</th>
                            <th>@lang("content.created_at")</th>
{{--                            <th>@lang("content.created_by")</th>--}}
                        </tr>

                        </thead>

                        <tbody>
                            @php $totalSecs = $i = 0 @endphp
                            @foreach($staffHistory["list"] as $id => $data)
                                @foreach($data["history"] as $each)
                                    @php $seconds = CalculateDifference($each->condition_from, $each->condition_to, true) @endphp
                                    @if (!$each->condition->skip_total)
                                        @php $totalSecs += $seconds @endphp
                                    @endif

                                    @php $dayOffsClass = $each->condition->name == "DAY OFF" ? "day_off" : "" @endphp
                                    <tr class="{{ $dayOffsClass }}">
                                        <td data-center>{{ ++$i }}</td>
                                        <td>{{ $each->user->staff_number }}</td>
                                        <td>
                                            <a target="_blank"
                                               href="{{ route("homepage")."#". url("staff/{$each->user->id}/edit?s=".rand(100, 999)) }}">{{ $each->user->first_name }}</a>
                                        </td>
                                        <td>
                                            <a target="_blank"
                                               href="{{ route("homepage")."#". url("staff/{$each->user->id}/edit?s=".rand(100, 999)) }}">{{ $each->user->last_name }}</a>
                                        </td>
                                        <td>{{ getUserPositionName($each->user) }}</td>
                                        <td>{{ $each->user->cost_center }}</td>
                                        <td>{{ $each->user->company }}</td>
                                        <td data-center>{{ \App\Models\User::getStation($each->user) }}</td>
                                        <td>{{ $each->condition->name }}</td>
                                        <td data-center>{{ baseDateFormat($each->condition_from, true) }}</td>
                                        <td data-center>{{ baseDateFormat($each->condition_to, true) }}</td>
                                        <td data-center>{{ convertToHoursMinutes($seconds, true) }}</td>
                                        <td class="color-red">{{ $each->notes }}</td>
                                        <td>{{ baseDateFormat($each->created_at, true) }}</td>
{{--                                        <td>{{ getUserName($each->createdBy) }}</td>--}}
                                    </tr>
                                @endforeach
                            @endforeach
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td data-center><strong>Total</strong></td>
                                <td data-center><strong>{{ convertToHoursMinutes($totalSecs, true) }}</strong></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>

                    </table>
                </div>

            </div>

        </div>

    </div>

@endif