@extends('layouts.dashboard')

@section('title', app()->getLocale() == 'ar' ? 'إدارة المستخدمين' : 'Users Management')

@section('page-content')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">
        <i class="bi bi-people me-2"></i>
        {{ app()->getLocale() == 'ar' ? 'إدارة المستخدمين' : 'Users Management' }}
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <a href="{{ route('users.create') }}" class="btn btn-primary">
            <i class="bi bi-person-plus me-2"></i>
            {{ app()->getLocale() == 'ar' ? 'إضافة مستخدم' : 'Add User' }}
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        @if($users->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{ app()->getLocale() == 'ar' ? 'الاسم' : 'Name' }}</th>
                            <th>{{ app()->getLocale() == 'ar' ? 'البريد الإلكتروني' : 'Email' }}</th>
                            <th>{{ app()->getLocale() == 'ar' ? 'الهاتف' : 'Phone' }}</th>
                            <th>{{ app()->getLocale() == 'ar' ? 'الحالة' : 'Status' }}</th>
                            <th>{{ app()->getLocale() == 'ar' ? 'قفل الحساب' : 'Account Lock' }}</th>
                            <th>{{ app()->getLocale() == 'ar' ? 'الإجراءات' : 'Actions' }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($users as $user)
                            <tr>
                                <td>{{ $user->id }}</td>
                                <td>
                                    @if($user->avatar)
                                        <img src="{{ asset($user->avatar) }}" class="rounded-circle me-2" width="30" height="30">
                                    @else
                                        <i class="bi bi-person-circle me-2"></i>
                                    @endif
                                    {{ $user->name }}
                                </td>
                                <td>{{ $user->email }}</td>
                                <td>{{ $user->phone ?? '-' }}</td>
                                <td>
                                    <form action="{{ route('users.toggle-status', $user->id) }}" method="POST" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-sm {{ $user->is_active ? 'btn-success' : 'btn-danger' }}" 
                                            {{ $user->id == session('user_id') ? 'disabled' : '' }}>
                                            <i class="bi bi-{{ $user->is_active ? 'check-circle' : 'x-circle' }}"></i>
                                            {{ $user->is_active ? (app()->getLocale() == 'ar' ? 'نشط' : 'Active') : (app()->getLocale() == 'ar' ? 'غير نشط' : 'Inactive') }}
                                        </button>
                                    </form>
                                </td>
                                <td>
                                    @php
                                        $isLocked = $user->locked_until && \Carbon\Carbon::parse($user->locked_until)->isFuture();
                                    @endphp
                                    @if($isLocked)
                                        <span class="badge bg-warning text-dark" title="Locked until {{ $user->locked_until }}">
                                            <i class="bi bi-lock-fill me-1"></i>
                                            {{ app()->getLocale() == 'ar' ? 'مقفل' : 'Locked' }}
                                        </span>
                                    @else
                                        <span class="badge bg-success">
                                            <i class="bi bi-unlock-fill me-1"></i>
                                            {{ app()->getLocale() == 'ar' ? 'مفتوح' : 'Unlocked' }}
                                        </span>
                                    @endif
                                </td>
                                <td>
                                    <a href="{{ route('users.edit', $user->id) }}" class="btn btn-sm btn-info" title="{{ app()->getLocale() == 'ar' ? 'تعديل' : 'Edit' }}">
                                        <i class="bi bi-pencil"></i>
                                    </a>
                                    @if($isLocked)
                                        <form action="{{ route('users.unlock', $user->id) }}" method="POST" class="d-inline">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-warning" title="{{ app()->getLocale() == 'ar' ? 'فتح قفل الحساب' : 'Unlock Account' }}">
                                                <i class="bi bi-unlock"></i>
                                            </button>
                                        </form>
                                    @endif
                                    @if($user->id != session('user_id'))
                                        <form action="{{ route('users.destroy', $user->id) }}" method="POST" class="d-inline" 
                                            onsubmit="return confirm('{{ app()->getLocale() == 'ar' ? 'هل أنت متأكد؟' : 'Are you sure?' }}')">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-danger" title="{{ app()->getLocale() == 'ar' ? 'حذف' : 'Delete' }}">
                                                <i class="bi bi-trash"></i>
                                            </button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            
            <div class="mt-3">
                {{ $users->links() }}
            </div>
        @else
            <div class="text-center text-muted py-5">
                <i class="bi bi-inbox" style="font-size: 4rem;"></i>
                <p class="mt-3">{{ app()->getLocale() == 'ar' ? 'لا يوجد مستخدمون' : 'No users found' }}</p>
                <a href="{{ route('users.create') }}" class="btn btn-primary">
                    <i class="bi bi-person-plus me-2"></i>
                    {{ app()->getLocale() == 'ar' ? 'إضافة أول مستخدم' : 'Add First User' }}
                </a>
            </div>
        @endif
    </div>
</div>
@endsection