@php(
    $headerOption = [
        'title' => $module,
        // 'header_buttons' => [
        //   '<a class="'. \Config::get('view.buttons.secondary') .'" href="'. route('export.users', Request::input()) .'" data-toggle="tooltip" data-original-title="Export Records"><i class="bx bx-download"></i></a>',
        //   ($permission['create'] ? '<a class="'. \Config::get('view.buttons.primary') .'" href="'. route($routePrefix . '.create') .'" data-toggle="tooltip" data-original-title="Add New Record">'. \Config::get('settings.icon_add') .' <span>Add New</span></a>' : ''),
        // ],
        'header_buttons' => [$permission['create'] ? '<a class="' . \Config::get('view.buttons.primary') . '" href="' . route($routePrefix . '.create') . '" data-toggle="tooltip" data-original-title="Add New Record">' . \Config::get('settings.icon_add') . ' <span>Add New</span></a>' : ''],
        'filters' => isset($filters) ? $filters : [],
        'data' => isset($data) ? $data : [],
    ],
)
@extends('admin.layouts.layout', $headerOption)


@section('content')
    <div class="table-responsive">
        <table class="{!! \Config::get('view.table.table_class') !!}">
            <thead class="{!! \Config::get('view.table.table_head_class') !!}">
                <tr>
                    <th colspan="2">Name {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'first_name', $orderBy) !!}</th>
                    <th>Contact {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'email', $orderBy) !!}</th>
                    <th>Role {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'r__title', $orderBy) !!}</th>
                    <th>Status</th>
                    <th>Created At</th>
                    <th>Last Login</th>
                    @if ($permission['edit'] || $permission['destroy'])
                        <th width="15%" style="text-align: right;">Action</th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @if (count($data) != 0)
                    @foreach ($data as $key => $val)
                        <tr>
                            <td width="3%">{!! \App\Helpers\Helper::genLogo($val->avatar, $val, 'xs', 'rounded-circle') !!}</td>
                            {{-- <td><a href="{{ route($routePrefix . '.show', $val->id) }}"
                                    class="show-modal-lg">{{ $val->full_name }}</a></td> --}}
                            <td>{{ $val->full_name }}</td>
                            <td><strong>Email:</strong> {{ $val->email }}</td>
                            <td>{{ $val->role_title }}</td>
                            <td><span
                                    class="badge badge-pill badge-soft-{{ $val->statuses[$val->status]['badge'] }} font-size-12">{!! $val->statuses[$val->status]['name'] !!}</span>
                            </td>
                            <td><span class="utc-time" data-time="{{ $val->created_at->toIso8601String() }}"></span>

                                {{-- {{ \App\Helpers\Helper::showDate($val->created_at) }} --}}
                            </td>
                            <td>
                                {{--   {{ \App\Helpers\Helper::showDate($val->last_login_at?->timezone('UTC')->toDateTimeString()) ?? '' }}
                               --}}
                                @if ($val->last_login_at)
                                    <span class="utc-time" data-time="{{ $val->last_login_at->toIso8601String() }}"></span>
                                @endif
                            </td>

                            @if ($permission['edit'] || $permission['destroy'])
                                <td class="text-right">
                                    {{-- Status Toggle Button --}}
                                    @if (Auth::user()->id != $val->id)
                                        @php
                                            $currentStatus = $val->status;
                                            $isActive = $currentStatus == 1;
                                            $statusText = $isActive ? 'Deactivate' : 'Activate';
                                            $buttonClass = $isActive ? 'btn-outline-warning' : 'btn-outline-success';
                                            $iconClass = $isActive ? 'bx-power-off' : 'bx-check-circle';
                                            $newStatus = $isActive ? 3 : 1;
                                            $title = $isActive
                                                ? 'Click to deactivate this user'
                                                : 'Click to activate this user';
                                        @endphp

                                        <button type="button" class="btn {{ $buttonClass }} btn-sm me-1"
                                            data-toggle="tooltip" title="{{ $title }}"
                                            onclick="toggleUserStatus({{ $val->id }}, {{ $newStatus }}, '{{ $statusText }}')">
                                            <i class="bx {{ $iconClass }}" style="font-size: 12px;"></i>
                                        </button>
                                    @endif

                                    @if ($permission['edit'])
                                        <a href="{{ route($routePrefix . '.edit', $val->id) }}"
                                            class="{!! \Config::get('view.table.list_light_button') !!}" data-toggle="tooltip" title=""
                                            data-original-title="Edit">{!! \Config::get('settings.icon_edit') !!}</a>
                                    @endif
                                    @if ($permission['destroy'] && $val->id != auth()->user()->id)
                                        <a class="{!! \Config::get('view.table.list_danger_button') !!}" data-toggle="tooltip" title=""
                                            data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?"
                                            data-confirm-yes="event.preventDefault();
                    document.getElementById('delete-form-{{ $val->id }}').submit();"
                                            data-original-title="Delete">{!! \Config::get('settings.icon_delete') !!}</a>
                                        {!! html()->form('DELETE', route($routePrefix . '.destroy', $val->id))->attributes([
                                                'style' => 'display:inline',
                                                'id' => 'delete-form-' . $val->id,
                                            ])->open() !!}
                                        {!! html()->form()->close() !!}
                                    @endif
                                </td>
                            @endif
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="25">
                            <div class="alert alert-danger">No Data</div>
                        </td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>

    @include('admin.components.pagination')
    <style>
        .custom-date-input {
            height: 37px;
            border: 1px solid #ccc;
            padding: 10px;
            border-radius: 4px;
            box-sizing: border-box;
            width: 100%;
            font-size: 16px;
        }
    </style>
@endsection

@push('page_script')
    <script src="{{ asset('admin-form-plugins/accounts-control.js') }}"></script>
@endpush