@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="mb-0">الموظفين والمستخدمين</h4>
    <a href="{{ route('users.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> إضافة مستخدم</a>
</div>

<!-- Stats Section -->
<div class="row g-3 mb-4">
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center py-3">
            <h6 class="text-muted">إجمالي الموظفين</h6>
            <h3 class="fw-bold text-primary mb-0">{{ $totalEmployees }}</h3>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center py-3">
            <h6 class="text-muted">الموظفين النشطين</h6>
            <h3 class="fw-bold text-success mb-0">{{ $activeEmployees }}</h3>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card border-0 shadow-sm p-3">
            <h6 class="text-muted mb-2">الموظفين حسب المشروع</h6>
            <div class="d-flex flex-wrap gap-2">
                @foreach($projectsWithStats as $p)
                    @if($p->employees_count > 0)
                    <span class="badge bg-secondary-subtle text-body border">
                        {{ $p->name }}: <span class="fw-bold text-primary">{{ $p->employees_count }}</span>
                    </span>
                    @endif
                @endforeach
                @if($projectsWithStats->sum('employees_count') == 0)
                    <small class="text-muted">لا يوجد موظفين معينين لمشاريع بعد.</small>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Users Cards Grid -->
<div class="row g-3">
    @foreach($users as $u)
    <div class="col-md-4 col-sm-6">
        <div class="card h-100 shadow-sm border-0">
            <div class="card-body position-relative">
                <div class="d-flex justify-content-between align-items-start mb-2">
                    <h5 class="card-title fw-bold text-body mb-0 text-truncate" style="max-width: 70%;">{{ $u->name }}</h5>
                    @if($u->active)
                        <span class="badge bg-success-subtle text-success rounded-pill">نشط</span>
                    @else
                        <span class="badge bg-secondary-subtle text-secondary rounded-pill">غير نشط</span>
                    @endif
                </div>
                
                <div class="text-muted small mb-2">
                    <i class="bi bi-person-badge me-1"></i> {{ $u->job_title ?? 'غير محدد' }}
                </div>
                <div class="text-muted small mb-2">
                    <i class="bi bi-building me-1"></i> {{ $u->department ?? 'غير محدد' }}
                </div>
                <div class="text-muted small mb-3">
                    <i class="bi bi-envelope me-1"></i> {{ $u->email }}
                </div>
                
                <div class="mb-1">
                    @if($u->project)
                        <span class="badge bg-primary-subtle text-primary border border-primary-subtle"><i class="bi bi-briefcase me-1"></i> {{ $u->project->name }}</span>
                    @elseif($u->campaign)
                        <span class="badge bg-warning-subtle text-warning border border-warning-subtle"><i class="bi bi-megaphone me-1"></i> {{ $u->campaign->title }}</span>
                    @elseif($u->guestHouse)
                        <span class="badge bg-info-subtle text-info border border-info-subtle"><i class="bi bi-house me-1"></i> {{ $u->guestHouse->name }}</span>
                    @else
                        <span class="badge bg-secondary-subtle text-secondary border">غير معين</span>
                    @endif
                </div>

                <!-- Roles -->
                @if($u->roles->count() > 0)
                <div class="mt-2">
                    @foreach($u->roles as $role)
                        <span class="badge bg-secondary-subtle text-secondary" style="font-size: 0.75rem;">{{ $role->name }}</span>
                    @endforeach
                </div>
                @endif

                <a href="{{ route('users.show', $u) }}" class="stretched-link"></a>
            </div>
            
            <div class="card-footer bg-transparent border-top-0 d-flex justify-content-end py-2" style="position: relative; z-index: 2;">
                <a href="{{ route('users.edit', $u) }}" class="btn btn-sm btn-outline-secondary me-1" title="تعديل"><i class="bi bi-pencil"></i></a>
                <form class="d-inline" method="POST" action="{{ route('users.destroy', $u) }}" onsubmit="return confirm('هل أنت متأكد؟');">
                    @csrf @method('DELETE')
                    <button class="btn btn-sm btn-outline-danger" title="حذف"><i class="bi bi-trash"></i></button>
                </form>
            </div>
        </div>
    </div>
    @endforeach
</div>

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