@php $tableID = isset($id) ? $id : "table_".rand(100,999);  @endphp
<div class="jarviswidget jarviswidget-color-blueDark" 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.hours")</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">

                <table class="table table-bordered table-hover roster apply_filter" id="{{ $tableID }}">
                    <thead>
                    <tr>
                        <th>No</th>
                        <th>@lang("content.date")</th>
                        <th>@lang("content.planned_hours")</th>
                        <th>@lang("content.actual_hours")</th>
                    </tr>

                    </thead>

                    <tbody>
                    @php $j = 0 @endphp
                    @foreach($data as $i => $each)
                        <tr>
                            <td data-center>{{ ++$j }}</td>
                            <td>{{ $i }}</td>
                            <td>{!! isset($each["pln"]) && $each["pln"] ? $each["pln"] : "-" !!}</td>
                            <td>{!! isset($each["act"]) && $each["act"] ? $each["act"] : "-" !!}</td>
                        </tr>
                    @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>