@extends('dashboard.layouts.app')

@section('content')
    <h5 class="mb-5">Authentication Events</h5>
    <div class="d-flex align-items-center flex-wrap gap-3">
{{--        <form action="{{ route('regularizations_permissions.index') }}" method="GET">--}}
{{--            <select name="per_page" class="form-select form-select-sm w-auto"--}}
{{--                    onchange="this.form.submit()">--}}
{{--                @foreach ([5, 10, 25, 50, 100, 150] as $count)--}}
{{--                    <option value="{{ $count }}"--}}
{{--                        {{ request('per_page', 10) == $count ? 'selected' : '' }}>--}}
{{--                        {{ $count }}--}}
{{--                    </option>--}}
{{--                @endforeach--}}
{{--            </select>--}}
{{--        </form>--}}

        <div class="card-body mb-4">
            <form method="GET" class="row g-3 mb-5">

                <div class="col-md-3 d-flex align-items-center gap-2">
                    @if (isHumanResource())
                        <select name="staff_id" class="form-select select2-searchable" >
                            <option value="">-- Choose Staff --</option>
                            @foreach ($staffs as $s)
                                <option value="{{ $s->id }}"
                                    {{ (string)(request()->get('staff_id') ?? '') == (string)$s->id ? 'selected' : '' }}>
                                    {{ $s->staff_no }} -
                                    {{ optional($s->user)->full_name ?? ($s->first_name . ' ' . $s->last_name) }}
                                </option>
                            @endforeach
                        </select>
                    @else
                        <div class="form-control">
                            {{ auth()->user()?->staff?->staff_no }} -
                            {{ auth()->user()?->full_name ?? (auth()->user()?->staff?->first_name . ' ' . auth()->user()?->staff?->last_name) }}
                        </div>
                        <input type="hidden" name="staff_id" value="{{ auth()->user()?->staff?->id }}">
                    @endif


                </div>

                <div class="col-md-3">
                    <input type="date" name="start_date" class="form-control"
                           value="{{ request('start_date') }}">
                </div>

                <div class="col-md-3">
                    <input type="date" name="end_date" class="form-control"
                           value="{{ request('end_date') }}">
                </div>

                @php
                    $idleTimes = [
                        10  => '10 minutes',
                        20  => '20 minutes',
                        30  => '30 minutes',
                        60  => '1 hour',
                        120 => '2 hours',
                    ];
                @endphp

                <div class="col-md-3">
                    <select name="idle_time" class="form-select">
                        <option value="">Idle time greater than</option>

                        @foreach ($idleTimes as $value => $label)
                            <option value="{{ $value }}"
                                {{ request('idle_time') == $value ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>


                {{-- Submit --}}
                <div class="col-md-2">
                    <button class="btn btn-primary w-100">Search</button>
                </div>
                @if(request()->hasAny(['type', 'staff_id', 'from_date', 'to_date']))
                    <div class="col-md-2">
                    <a href="{{route('users.audit')}}"
                       class="btn  btn btn-primary w-100"
                       title="Clear filters">
                        <iconify-icon icon="mdi:refresh" class="text-sm"></iconify-icon>
                        Clear
                    </a>
                    </div>
                @endif



            </form>
        </div>

    </div>
    @include('components.alert')
<div class="card-body p-4">

    <div class="table-responsive">
        <table class="table table-bordered table-sm table bordered-table sm-table mb-0">
            <thead class="table-light">
            <tr>
                <th>#</th>
                <th>Event Type</th>
{{--                <th>User</th>--}}
                <th>Idle Time</th>
                <th>Created at </th>
                <th>
                    Date & Time
                    <small class="text-muted">(Weekend Marks)</small>
                </th>
            </tr>
            </thead>

            <tbody>
            @forelse($events as $event)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>
                        @if($event->event_type == 'login')
                            <span class="badge bg-success">Login</span>
                        @else
                            <span class="badge bg-danger">Logout</span>
                        @endif
                    </td>
{{--                    <td>{{ $event->user?->full_name ?? 'N/A' }}</td>--}}
                    <td>
                        {{ $event->idle_seconds ? floor($event->idle_seconds / 60) . ' mins' : '--' }}
                    </td>
                    <td>
                        {{\Carbon\Carbon::parse(  $event->created_at)->diffForHumans() . ' -- ' .
                        \Carbon\Carbon::parse($event->created_at)->format('l H:i:s')
                        }}
                    </td>
                    @php
                        $date = \Carbon\Carbon::parse($event->created_at);
                        $dayName = $date->format('l'); // Thursday, Sunday, ...
                    @endphp

                    <td>
                        {{ $date->diffForHumans() }} -- {{ $date->format('l H:i:s') }}

                        @if ($dayName === 'Thursday')
                            <span class="badge bg-warning text-dark ms-1">
            Weekend Start
        </span>
                        @elseif ($dayName === 'Sunday')
                            <span class="badge bg-info text-dark ms-1">
            Weekend End
        </span>
                        @endif
                    </td>
                </tr>

            @empty
                <tr>
                    <td colspan="5" class="text-center">No events found</td>
                </tr>
            @endforelse
            </tbody>

        </table>

        <div class="m-2">
            <div>
                {{ $events->appends(request()->except('page'))->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>

</div>
  @endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
    $(document).ready(function() {
        $('.select2-searchable').select2({
            placeholder: "-- Choose Staff --",
            allowClear: true,
            width: '100%',
            tags: true // يخلّي الكتابة ممكنة
        });
    });
</script>

@endpush