@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="fw-semibold">
            {{ __('Team Members') }} - {{ $company->name }}
        </h2>
        <a href="{{ route('companies.users.create', $company) }}" class="btn btn-primary">
            <i class="bi bi-plus-circle me-2"></i>{{ __('Add User') }}
        </a>
    </div>

    @if($pendingInvitations->count() > 0)
    <div class="card mb-4">
        <div class="card-header">
            <h6 class="card-title mb-0">
                <i class="bi bi-envelope-plus text-warning"></i>
                Pending Invitations ({{ $pendingInvitations->count() }})
            </h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead class="table-light">
                        <tr>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Role</th>
                            <th>Sent</th>
                            <th>Expires</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($pendingInvitations as $invitation)
                        <tr>
                            <td>{{ $invitation->name }}</td>
                            <td>{{ $invitation->email }}</td>
                            <td>
                                @if($invitation->role === 'hr')
                                    <span class="badge bg-primary">HR</span>
                                @elseif($invitation->role === 'manager')
                                    <span class="badge bg-warning">Manager</span>
                                @else
                                    <span class="badge bg-secondary">Staff</span>
                                @endif
                            </td>
                            <td>{{ $invitation->created_at->diffForHumans() }}</td>
                            <td class="{{ $invitation->expires_at->isPast() ? 'text-danger' : 'text-muted' }}">
                                {{ $invitation->expires_at->diffForHumans() }}
                            </td>
                            <td>
                                <div class="btn-group" role="group">
                                    <form action="{{ route('companies.users.invitations.resend', [$company, $invitation]) }}" method="POST" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-sm btn-outline-primary" title="Resend Invitation">
                                            <i class="bi bi-send"></i>
                                        </button>
                                    </form>
                                    <form action="{{ route('companies.users.invitations.cancel', [$company, $invitation]) }}" method="POST" class="d-inline">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger" title="Cancel Invitation" onclick="return confirm('Are you sure you want to cancel this invitation?')">
                                            <i class="bi bi-x-circle"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    <div class="card">
        <div class="card-body p-0">
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            @if(session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            <div class="table-responsive">
                <table class="table table-hover">
                    <thead class="table-light">
                        <tr>
                            <th>{{ __('Name') }}</th>
                            <th>{{ __('Email') }}</th>
                            <th>{{ __('Role') }}</th>
                            <th>{{ __('Assigned Websites') }}</th>
                            <th>{{ __('Actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($users as $user)
                            <tr>
                                <td class="fw-medium">{{ $user->name }}</td>
                                <td>{{ $user->email }}</td>
                                <td>
                                    @if($user->role === 'hr')
                                        <span class="badge bg-primary">Company Admin</span>
                                    @elseif($user->role === 'manager')
                                        <span class="badge bg-warning">Manager</span>
                                    @else
                                        <span class="badge bg-secondary">Staff</span>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge bg-info">{{ $user->assignedWebsites->count() }} {{ __('websites') }}</span>
                                </td>
                                <td>
                                    <div class="btn-group" role="group">
                                        @php
                                            $canEdit = false;
                                            $currentUserRole = auth()->user()->role;
                                            
                                            // Super admin can edit everyone
                                            if (auth()->user()->isSuperAdmin()) {
                                                $canEdit = true;
                                            }
                                            // HR (Company Admin) can edit managers and staff, but not other HRs
                                            elseif ($currentUserRole === 'hr' && in_array($user->role, ['manager', 'staff'])) {
                                                $canEdit = true;
                                            }
                                            // Manager can only edit staff
                                            elseif ($currentUserRole === 'manager' && $user->role === 'staff') {
                                                $canEdit = true;
                                            }
                                            // Users can always edit their own profile
                                            elseif ($user->id === auth()->id()) {
                                                $canEdit = true;
                                            }
                                        @endphp
                                        
                                        @if($canEdit)
                                            <a href="{{ route('companies.users.edit', [$company, $user]) }}" class="btn btn-sm btn-outline-primary">
                                                <i class="bi bi-pencil"></i> {{ __('Edit') }}
                                            </a>
                                        @else
                                            <button class="btn btn-sm btn-outline-secondary" disabled title="You cannot edit users with equal or higher roles">
                                                <i class="bi bi-lock"></i> {{ __('Edit') }}
                                            </button>
                                        @endif
                                        
                                        @if($user->id !== auth()->id() && $canEdit)
                                            <form action="{{ route('companies.users.destroy', [$company, $user]) }}" method="POST" class="d-inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('{{ __('Are you sure you want to delete this user?') }}')">
                                                    <i class="bi bi-trash"></i> {{ __('Delete') }}
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center text-muted py-4">
                                    <i class="bi bi-people fs-1 d-block mb-3"></i>
                                    {{ __('No users found.') }}
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @if($users->hasPages())
                <div class="d-flex justify-content-center mt-4">
                    {{ $users->links() }}
                </div>
            @endif
        </div>
    </div>
</div>
@endsection