@extends('admin.layouts.app')

@section('contents')
<div class="container-xl">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3>Users</h3>
                    <div class="card-actions">
                        <a href="{{ route('admin.users.index') }}" class="btn btn-primary">Refresh</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-vcenter card-table datatable">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>User Type</th>
                                    <th>Last Login</th>
                                    <th>Last Logout</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($users->isEmpty())
                                <tr>
                                    <td colspan="7" class="text-center">No users found</td>
                                </tr>
                                @else
                                @foreach($users as $user)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $user->name }}</td>
                                    <td>{{ $user->email }}</td>
                                    <td>
                                        @if($user->user_type === 'user')
                                        <span class="badge bg-primary" style="color:#fff;">Customer</span>
                                        @elseif($user->user_type === 'admin')
                                        <span class="badge bg-success" style="color:#fff;">Admin</span>
                                        @elseif($user->user_type === 'seller')
                                        <span class="badge bg-warning" style="color:#fff;">Seller</span>
                                        @else
                                        <span class="badge bg-secondary">{{ $user->user_type }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        {{ $user->last_login_at ? $user->last_login_at->format('M d, Y H:i') : 'Never'
                                        }}
                                        @if($user->last_login_ip)
                                        <br><small>{{ $user->last_login_ip }}</small>
                                        @endif
                                    </td>
                                    <td>
                                        {{ $user->last_logout_at ? $user->last_logout_at->format('M d, Y H:i') : 'Never'
                                        }}
                                        @if($user->last_logout_ip)
                                        <br><small>{{ $user->last_logout_ip }}</small>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.users.show', $user->id) }}"
                                            class="btn btn-sm btn-info">View</a>
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>

                    {{ $users->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection