@extends("AdminSide.Layout")
@section("content")
    <div class="box-content">
        <div class="row">
            <form action="{{route('attendanceReportsExcelOutput',\Illuminate\Support\Facades\Crypt::encrypt($admin['id']))}}">
                @csrf
                <div class="col-md-12 col-xs-12">
                    <a class="form-control" id="dateRangePicker" style="text-align: center;cursor: pointer">کلید
                        کنید</a>
                    <div class="row margin-top-20">
                        <div class="col-md-6 col-xs-12">
                            <label class="control-label">تاریخ پایان</label>
                            <input type="text" class="form-control" value="" id="dateRangePickerEndShow"
                                   disabled/>
                            <input type="hidden" class="form-control" value=""
                                   name="end_date_shamsi"
                                   id="dateRangePickerEnd"/>
                            <input type="hidden" class="form-control" value=""
                                   name="end_date_ghamari"
                                   id="dateRangePickerEndTwo"/>
                            @error('end_date_shamsi')
                            <span class="invalid-feedback" role="alert">
                                             <strong style="color: red">
                                                 {{ $message}}
                                             </strong>
                                        </span>
                            @enderror
                        </div>
                        <div class="col-md-6 col-xs-12">
                            <label class="control-label">تاریخ شروع</label>
                            <input type="text" value="" class="form-control" id="dateRangePickerStartShow"
                                   disabled/>
                            <input type="hidden" class="form-control" value=""
                                   name="start_date_shamsi"
                                   id="dateRangePickerStart"/>
                            <input type="hidden" class="form-control" value=""
                                   name="start_date_ghamari"
                                   id="dateRangePickerStartTwo"/>
                            @error('start_date_shamsi')
                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-xs-12 margin-top-30 margin-bottom-30">
                    <button type="submit" class="btn btn-sm"
                            style="background-color: #28988f;color: white;">دانلود فایل اکسل
                    </button>
                </div>
            </form>
            <div class="col-xs-12">
                <div class="box-content card">
                    <h4 class="box-title"><i class="fa fa-user ico"></i>
                        گزارش حضور
                        {{$admin['name']}}
                        /
                        {{$admin['username']}}
                    </h4>
                </div>
                <!-- /.box-content card -->
            </div>
            <div class="col-md-12 col-xs-12">
                <table class="table table-striped table-bordered display" style="width:100%!important;text-align: right!important;">
                    <thead>
                    <tr>
                        <th style="text-align: right">تاریخ ورود</th>
                        <th style="text-align: right">تاریخ خروج</th>
                        <th style="text-align: right">اختلاف بازه</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(!empty($reports) && $reports->count())
                        @foreach($reports as $i)
                            <tr>
                                <td style="width:max-content;position: relative">
                                    {{$i['created_at']}}
                                </td>
                                <td style="width:max-content;position: relative">
                                    {{$i['updated_at']}}
                                </td>
                                <td style="width:max-content;position: relative">
                                    {{$i['time_difference']}}
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
        @include('AdminSide.Components.Pagination', ['paginator' => $reports])
    </div>
@endsection