@extends('admin.layouts.app')

@section('content')
<div class="p-4 space-y-6">
    <h2 class="text-2xl font-bold text-gray-700 mb-4 flex items-center gap-2">
        <i class="fas fa-users text-belseha-primary"></i> Users List
    </h2>

    {{-- Success Message --}}
    @if(session('success'))
        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative">
            {{ session('success') }}
        </div>
    @endif

    {{-- Create Button --}}
    <div class="mb-4">
        <a href="{{ route('admin.users.create') }}" class="inline-block bg-belseha-primary hover:bg-green-700 text-white font-bold py-2 px-4 rounded">
            <i class="fas fa-plus mr-1"></i> Add New User
        </a>
    </div>

    {{-- Users Table --}}
    <div class="overflow-x-auto">
        <table class="min-w-full bg-white border border-gray-200 rounded shadow-sm">
            <thead class="bg-gray-100 text-gray-700 text-sm font-semibold">
                <tr>
                    <th class="py-2 px-4 border">ID</th>
                    <th class="py-2 px-4 border">Image</th>
                    <th class="py-2 px-4 border">Name</th>
                    <th class="py-2 px-4 border">Email</th>
                    <th class="py-2 px-4 border">National ID</th>
                    <th class="py-2 px-4 border">DOB</th>
                    <th class="py-2 px-4 border">Gender</th>
                    <th class="py-2 px-4 border">Phone</th>
                    <th class="py-2 px-4 border">Language</th>
                    <th class="py-2 px-4 border">Role</th>
                    <th class="py-2 px-4 border">Stats</th>
                    <th class="py-2 px-4 border text-center">Procedures</th>
                </tr>
            </thead>
            <tbody class="text-sm text-gray-700">
                @forelse($users as $user)
                    <tr class="hover:bg-gray-50">
                        <td class="py-2 px-4 border">{{ $user->id }}</td>
                        <td class="py-2 px-4 border text-center">
                            <img src="{{ $user->profile_image ? asset('storage/' . $user->profile_image) : asset('images/default-profile.png') }}"
                                 class="w-10 h-10 object-cover rounded-full mx-auto"
                                 alt="User Image">
                        </td>
                        <td class="py-2 px-4 border">{{ $user->name }}</td>
                        <td class="py-2 px-4 border">{{ $user->email }}</td>
                        <td class="py-2 px-4 border">{{ $user->national_id }}</td>
                        <td class="py-2 px-4 border">{{ $user->dob ? \Carbon\Carbon::parse($user->dob)->format('Y-m-d') : '-' }}</td>
                        <td class="py-2 px-4 border">{{ ucfirst($user->gender ?? '-') }}</td>
                        <td class="py-2 px-4 border">{{ $user->phone ?? '-' }}</td>
                        <td class="py-2 px-4 border">{{ strtoupper($user->language) }}</td>
                        <td class="py-2 px-4 border">{{ optional($user->role)->name ?? '-' }}</td>
                        <td class="py-2 px-4 border">
                            @if(method_exists($user, 'isActive') && !$user->isActive())
                                <span class="text-red-600 font-semibold">Inactive</span>
                            @else
                                <span class="text-green-600 font-semibold">Active</span>
                            @endif
                        </td>
                        <td class="py-2 px-4 border text-center space-x-2">
                            <a href="{{ route('admin.users.edit', $user) }}" class="text-blue-600 hover:underline">
                                <i class="fas fa-edit"></i> Edit
                            </a>
                            <form action="{{ route('admin.users.destroy', $user) }}" method="POST" class="inline-block" onsubmit="return confirm('هل أنت متأكد من حذف هذا المستخدم؟');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="text-red-600 hover:underline ml-2">
                                    <i class="fas fa-trash"></i> Delete
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="12" class="text-center py-4 text-gray-500">لا يوجد مستخدمين</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- Pagination --}}
    <div class="mt-6">
        {{ $users->links() }}
    </div>
</div>
@endsection