@extends('layouts.app')

@section('content')
    <div class="col col-lg-9 pd-30">

        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20">قائمة مراقبة العمليات</h1>
        </div>

        <form action="">
            <div class="row not_print">
                <div class="col-3">
                    <input type="text" id="min" name="from_date" class="date-hijri-open remove_value_from_date"
                        value="{{ request('from_date') }}">
                </div>
                <div class="col-3">
                    <!-- Form Control -->
                    <input type="text" id="min" name="to_date" class="date-hijri-open remove_value_to_date"
                        value="{{ request('to_date') }}">
                </div>
                <div class="col-3">

                    <select class="req advanced-select" name="screen" dir="rtl">
                        <option selected value=""> كل الشاشات</option>
                        @foreach (config('screen') as $key => $screen)
                            <option data-big="{{ $screen }}" @selected(request('screen') == $key) value="{{ $key }}">
                                {{ $screen }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-2">

                    <input type="submit" class="btn primary cursor " style="margin-bottom: 10px" value="فلتر">
                </div>




            </div>
        </form>

        <div class="responsive-table">
            <table class="table px-datatable striped bordered" data-page-length="10">

                <thead>

                    {{-- <tr class="not_print"> --}}

                    {{-- <th colspan="5"><input type="text" name="from_date" id="min"
                                    class="date-hijri-search remove_value_from_date req">
                            </th>
                            <th colspan="5"><input type="text" name="to_date" id="max"
                                    class="date-hijri-search remove_value_to_date req"></th>
                            <th colspan="4">
                                <select class="req advanced-select" name="screen" dir="rtl">
                                    <option selected value=""> كل الشاشات</option>
                                    @foreach (config('screen') as $key => $screen)
                                        <option data-big="{{ $screen }}" value="{{ $key }}">
                                            {{ $screen }}
                                        </option>
                                    @endforeach
                                </select>
                            </th> --}}
                    {{-- <th colspan="2">
                                <input type="submit" class="btn primary cursor search" style="margin-bottom: 10px"
                                    value="بحث">

                            </th> --}}

                    {{-- </tr> --}}


                    <tr class="primary-bg fs-13">
                        <th class="w-50 tx-align-center hide-sorting">#</th>
                        <th class="tx-align-start">اسم المستخدم</th>
                        <th class="tx-align-start">الدرجة الوظيفية</th>
                        <th class="tx-align-start">الوظيفة</th>
                        <th class="tx-align-start">رقم الهوية</th>
                        <th class="tx-align-start">اسم النافذة</th>
                        <th class="tx-align-start">اسم النزيل</th>
                        <th class="tx-align-start">رقم الهوية</th>
                        <th class="tx-align-start">التاريــــــــــــخ</th>
                        <th class="tx-align-start">الوقت</th>
                        <th class="tx-align-start">العملية</th>
                        {{-- <th class="tx-align-start">أطلاع</th> --}}
                        {{-- <th class="tx-align-start">أضافة</th> --}}
                        {{-- <th class="tx-align-center">تعديل</th> --}}

                    </tr>
                </thead>
                <tbody class="fs-13">
                    @foreach ($actions as $action)
                        <tr>
                            <td class="tx-align-center">{{ $loop->iteration }}</td>
                            <td>{{ optional($action->user)->name ?? null }}</td>
                            <td>{{ optional($action->user)->user_type ?? '' }}</td>
                            <td>{{ optional($action->user)->employer ?? '' }}</td>
                            <td>{{ optional($action->user)->id_number ?? '' }}</td>
                            <td>{{ config('screen.' . $action->screen) }}</td>
                            <td>{{ optional($action->prisoner)->full_name }} </td>
                            <td>{{ optional($action->prisoner)->identity_number }} </td>
                            <td>{{ App\Lib\Test\Src\Facades\LaravelHijrian::hijri($action->created_at)->format('Y-m-d') }}
                            </td>
                            <td>{{ \Carbon\Carbon::parse($action->created_at)->addHours(3)->format('h:i') }}

                                {{-- <td>{{ App\Lib\Test\Src\Facades\LaravelHijrian::hijri($action->created_at)->format('h:i') }}
                            </td> --}}
                            <td>{{ $action->type }}</td>
                            {{-- <td>
                                <a href="{{ url($action->link_show ?? 'actions') }}" class="btn primary -color tiny next-page" tabindex="0"
                                    role="button" aria-pressed="false">اطلاع</a>
                            </td>
                            <td>
                                <a href="{{ url($action->link_add ?? 'actions') }}" class="btn primary -color tiny next-page" tabindex="0"
                                    role="button" aria-pressed="false">اضافة</a>
                            </td>
                            <td class="tx-align-center">
                                <a href="{{ url($action->link_edit ?? 'actions') }}" class="btn primary -color tiny next-page" tabindex="0"
                                    role="button" aria-pressed="false">تعديل</a>
                            </td> --}}
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $(function() {
            @if (!request('from_date'))
                $('.remove_value_from_date').val(null)
            @endif
            @if (!request('to_date'))
                $('.remove_value_to_date').val(null)
            @endif

        })
        $(function() {
            $('.search').on('click', function() {
                console.log('test');
            })
        })
    </script>
@endsection