import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/auth_provider.dart';
import '../../models/user_model.dart';
import '../admin/admin_dashboard_screen.dart';

class ProfileScreen extends ConsumerWidget {
  const ProfileScreen({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final userDataAsync = ref.watch(userDataProvider);
    final authService = ref.read(authServiceProvider);

    return Scaffold(
      appBar: AppBar(
        title: const Text('Profil'),
        actions: [
          IconButton(
            icon: const Icon(Icons.logout),
            onPressed: () async {
              await authService.signOut();
            },
          ),
        ],
      ),
      body: userDataAsync.when(
        data: (user) {
          if (user == null) return const Center(child: Text('Ingen brukerdata'));
          
          final isAdmin = user.role == UserRole.admin || user.role == UserRole.systemAdmin;

          return ListView(
            padding: const EdgeInsets.all(16.0),
            children: [
              const CircleAvatar(
                radius: 50,
                child: Icon(Icons.person, size: 50),
              ),
              const SizedBox(height: 16),
              Text(
                user.displayName,
                textAlign: TextAlign.center,
                style: Theme.of(context).textTheme.headlineSmall,
              ),
              Text(
                user.email,
                textAlign: TextAlign.center,
                style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                      color: Colors.grey,
                    ),
              ),
              const SizedBox(height: 32),
              
              if (isAdmin) ...[
                Card(
                  color: Theme.of(context).colorScheme.primaryContainer,
                  child: ListTile(
                    leading: const Icon(Icons.admin_panel_settings),
                    title: const Text('Admin Dashboard'),
                    subtitle: const Text('Administrer ansatte og avvik'),
                    trailing: const Icon(Icons.chevron_right),
                    onTap: () {
                      Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => const AdminDashboardScreen(),
                        ),
                      );
                    },
                  ),
                ),
                const SizedBox(height: 16),
              ],

              const Divider(),
              ListTile(
                leading: const Icon(Icons.business),
                title: const Text('Organisasjon'),
                subtitle: Text(user.organizationId),
              ),
              ListTile(
                leading: const Icon(Icons.badge),
                title: const Text('Rolle'),
                subtitle: Text(_getRoleDisplayName(user.role)),
              ),
              ListTile(
                leading: const Icon(Icons.rule),
                title: const Text('Tariffprofil'),
                subtitle: Text(user.tariffProfileId),
              ),
              
              const Divider(),
              
              ListTile(
                leading: const Icon(Icons.logout),
                title: const Text('Logg ut'),
                onTap: () async {
                  await authService.signOut();
                },
              ),
            ],
          );
        },
        loading: () => const Center(child: CircularProgressIndicator()),
        error: (error, _) => Center(child: Text('Feil: $error')),
      ),
    );
  }

  String _getRoleDisplayName(UserRole role) {
    switch (role) {
      case UserRole.employee:
        return 'Ansatt';
      case UserRole.admin:
        return 'Admin';
      case UserRole.systemAdmin:
        return 'System Admin';
    }
  }
}