feat: add admin panel for managing playlists with add, edit, and delete functionality.

lib/features/admin/screens/admin_panel.dart

@@ -2,10 +2,9 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 import 'package:google_fonts/google_fonts.dart';
-import 'package:uuid/uuid.dart';
-import '../../../core/database/hive_service.dart';
-import '../../../core/models/app_user.dart';
+import '../../../core/services/playlist_api_service.dart';
 import '../../../core/models/playlist_config.dart';
+import '../../iptv/screens/playlist_selection_screen.dart';
 
 class AdminPanel extends ConsumerStatefulWidget {
   const AdminPanel({super.key});
@@ -14,22 +13,7 @@ class AdminPanel extends ConsumerStatefulWidget {
   ConsumerState<AdminPanel> createState() => _AdminPanelState();
 }
 
-class _AdminPanelState extends ConsumerState<AdminPanel>
-    with SingleTickerProviderStateMixin {
-  late TabController _tabController;
-
-  @override
-  void initState() {
-    super.initState();
-    _tabController = TabController(length: 2, vsync: this);
-  }
-
-  @override
-  void dispose() {
-    _tabController.dispose();
-    super.dispose();
-  }
-
+class _AdminPanelState extends ConsumerState<AdminPanel> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -42,229 +26,8 @@ class _AdminPanelState extends ConsumerState<AdminPanel>
           icon: const Icon(Icons.arrow_back),
           onPressed: () => context.go('/playlists'),
         ),
-        bottom: TabBar(
-          controller: _tabController,
-          tabs: const [
-            Tab(text: 'Users'),
-            Tab(text: 'Playlists'),
-          ],
-        ),
-      ),
-      body: TabBarView(
-        controller: _tabController,
-        children: const [
-          _UsersTab(),
-          _PlaylistsTab(),
-        ],
-      ),
-    );
-  }
-}
-
-// ========== USERS TAB ==========
-class _UsersTab extends ConsumerWidget {
-  const _UsersTab();
-
-  @override
-  Widget build(BuildContext context, WidgetRef ref) {
-    final usersBox = HiveService.usersBox;
-
-    return Column(
-      children: [
-        Padding(
-          padding: const EdgeInsets.all(16.0),
-          child: ElevatedButton.icon(
-            onPressed: () => _showUserDialog(context, ref),
-            icon: const Icon(Icons.add),
-            label: const Text('Add User'),
-          ),
-        ),
-        Expanded(
-          child: ListView.builder(
-            itemCount: usersBox.length,
-            itemBuilder: (context, index) {
-              final user = usersBox.getAt(index)!;
-              return Card(
-                margin: const EdgeInsets.symmetric(
-                  horizontal: 16,
-                  vertical: 4,
-                ),
-                child: ListTile(
-                  leading: CircleAvatar(
-                    child: Icon(user.isAdmin ? Icons.admin_panel_settings : Icons.person),
-                  ),
-                  title: Text(user.username),
-                  subtitle: Text(
-                    user.isAdmin
-                        ? 'Administrator'
-                        : '${user.assignedPlaylistIds.length} playlist(s) assigned',
-                    style: GoogleFonts.roboto(fontSize: 12),
-                  ),
-                  trailing: user.username == 'admin'
-                      ? null
-                      : IconButton(
-                          icon: const Icon(Icons.delete),
-                          onPressed: () => _deleteUser(context, user),
-                        ),
-                ),
-              );
-            },
-          ),
-        ),
-      ],
-    );
-  }
-
-  void _showUserDialog(BuildContext context, WidgetRef ref, [AppUser? user]) {
-    final usernameController = TextEditingController(text: user?.username);
-    final passwordController = TextEditingController();
-    bool isAdmin = user?.isAdmin ?? false;
-    List<String> selectedPlaylists = List.from(user?.assignedPlaylistIds ?? []);
-    final playlistsBox = HiveService.playlistsBox;
-
-    showDialog(
-      context: context,
-      builder: (context) => StatefulBuilder(
-        builder: (context, setState) => AlertDialog(
-          title: Text(user == null ? 'Add User' : 'Edit User'),
-          content: SingleChildScrollView(
-            child: Column(
-              mainAxisSize: MainAxisSize.min,
-              children: [
-                TextField(
-                  controller: usernameController,
-                  decoration: const InputDecoration(labelText: 'Username'),
-                ),
-                const SizedBox(height: 8),
-                TextField(
-                  controller: passwordController,
-                  decoration: InputDecoration(
-                    labelText: user == null ? 'Password' : 'New Password (leave empty to keep)',
-                  ),
-                  obscureText: true,
-                ),
-                const SizedBox(height: 8),
-                CheckboxListTile(
-                  title: const Text('Administrator'),
-                  value: isAdmin,
-                  onChanged: (value) {
-                    setState(() {
-                      isAdmin = value ?? false;
-                    });
-                  },
-                ),
-                const Divider(),
-                const SizedBox(height: 8),
-                // Playlist Assignment
-                if (playlistsBox.isNotEmpty) ...[
-                  Align(
-                    alignment: Alignment.centerLeft,
-                    child: Text(
-                      'Assigned Playlists',
-                      style: TextStyle(
-                        fontWeight: FontWeight.bold,
-                        color: Colors.grey.shade700,
-                      ),
-                    ),
-                  ),
-                  const SizedBox(height: 8),
-                  ...playlistsBox.values.map((playlist) {
-                    final isSelected = selectedPlaylists.contains(playlist.id);
-                    return CheckboxListTile(
-                      dense: true,
-                      title: Text(playlist.name),
-                      subtitle: Text(
-                        Uri.parse(playlist.dns).host,
-                        style: const TextStyle(fontSize: 11),
-                      ),
-                      value: isSelected,
-                      onChanged: (value) {
-                        setState(() {
-                          if (value == true) {
-                            selectedPlaylists.add(playlist.id);
-                          } else {
-                            selectedPlaylists.remove(playlist.id);
-                          }
-                        });
-                      },
-                    );
-                  }).toList(),
-                ] else
-                  const Padding(
-                    padding: EdgeInsets.all(8.0),
-                    child: Text(
-                      'No playlists available. Create playlists first.',
-                      style: TextStyle(fontStyle: FontStyle.italic),
-                    ),
-                  ),
-              ],
-            ),
-          ),
-          actions: [
-            TextButton(
-              onPressed: () => Navigator.pop(context),
-              child: const Text('Cancel'),
-            ),
-            FilledButton(
-              onPressed: () {
-                if (usernameController.text.trim().isEmpty) {
-                  ScaffoldMessenger.of(context).showSnackBar(
-                    const SnackBar(content: Text('Username required')),
-                  );
-                  return;
-                }
-
-                if (user == null && passwordController.text.isEmpty) {
-                  ScaffoldMessenger.of(context).showSnackBar(
-                    const SnackBar(content: Text('Password required')),
-                  );
-                  return;
-                }
-
-                final usersBox = HiveService.usersBox;
-                final newUser = AppUser(
-                  id: user?.id ?? const Uuid().v4(),
-                  username: usernameController.text.trim(),
-                  passwordHash: passwordController.text.isNotEmpty
-                      ? HiveService.hashPassword(passwordController.text)
-                      : user!.passwordHash,
-                  isAdmin: isAdmin,
-                  assignedPlaylistIds: selectedPlaylists,
-                  createdAt: user?.createdAt ?? DateTime.now(),
-                );
-
-                usersBox.put(newUser.id, newUser);
-                Navigator.pop(context);
-              },
-              child: const Text('Save'),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  void _deleteUser(BuildContext context, AppUser user) {
-    showDialog(
-      context: context,
-      builder: (context) => AlertDialog(
-        title: const Text('Delete User'),
-        content: Text('Delete user "${user.username}"?'),
-        actions: [
-          TextButton(
-            onPressed: () => Navigator.pop(context),
-            child: const Text('Cancel'),
-          ),
-          FilledButton(
-            onPressed: () {
-              HiveService.usersBox.delete(user.id);
-              Navigator.pop(context);
-            },
-            style: FilledButton.styleFrom(backgroundColor: Colors.red),
-            child: const Text('Delete'),
-          ),
-        ],
       ),
+      body: const _PlaylistsTab(),
     );
   }
 }
@@ -275,7 +38,7 @@ class _PlaylistsTab extends ConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    final playlistsBox = HiveService.playlistsBox;
+    final playlistsAsync = ref.watch(playlistsProvider);
 
     return Column(
       children: [
@@ -288,38 +51,76 @@ class _PlaylistsTab extends ConsumerWidget {
           ),
         ),
         Expanded(
-          child: ListView.builder(
-            itemCount: playlistsBox.length,
-            itemBuilder: (context, index) {
-              final playlist = playlistsBox.getAt(index)!;
-              return Card(
-                margin: const EdgeInsets.symmetric(
-                  horizontal: 16,
-                  vertical: 4,
-                ),
-                child: ListTile(
-                  leading: const CircleAvatar(
-                    child: Icon(Icons.playlist_play),
+          child: playlistsAsync.when(
+            loading: () => const Center(child: CircularProgressIndicator()),
+            error: (error, stack) => Center(
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Icon(Icons.error_outline, size: 48, color: Colors.red.shade400),
+                  const SizedBox(height: 16),
+                  Text('Error loading playlists: $error'),
+                  const SizedBox(height: 8),
+                  ElevatedButton(
+                    onPressed: () => ref.refresh(playlistsProvider),
+                    child: const Text('Retry'),
                   ),
-                  title: Text(playlist.name),
-                  subtitle: Text(
-                    playlist.dns,
-                    style: GoogleFonts.roboto(fontSize: 11),
-                  ),
-                  trailing: Row(
-                    mainAxisSize: MainAxisSize.min,
+                ],
+              ),
+            ),
+            data: (playlists) {
+              if (playlists.isEmpty) {
+                return Center(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
                     children: [
-                      IconButton(
-                        icon: const Icon(Icons.edit),
-                        onPressed: () => _showPlaylistDialog(context, ref, playlist),
+                      Icon(Icons.playlist_remove, size: 64, color: Colors.grey.shade400),
+                      const SizedBox(height: 16),
+                      Text(
+                        'No playlists yet',
+                        style: GoogleFonts.roboto(fontSize: 18, color: Colors.grey.shade600),
                       ),
-                      IconButton(
-                        icon: const Icon(Icons.delete),
-                        onPressed: () => _deletePlaylist(context, playlist),
+                      const SizedBox(height: 8),
+                      Text(
+                        'Click "Add Playlist" to create one',
+                        style: GoogleFonts.roboto(fontSize: 14, color: Colors.grey.shade500),
                       ),
                     ],
                   ),
-                ),
+                );
+              }
+
+              return ListView.builder(
+                itemCount: playlists.length,
+                itemBuilder: (context, index) {
+                  final playlist = playlists[index];
+                  return Card(
+                    margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
+                    child: ListTile(
+                      leading: const CircleAvatar(
+                        child: Icon(Icons.playlist_play),
+                      ),
+                      title: Text(playlist.name),
+                      subtitle: Text(
+                        playlist.dns,
+                        style: GoogleFonts.roboto(fontSize: 11),
+                      ),
+                      trailing: Row(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          IconButton(
+                            icon: const Icon(Icons.edit),
+                            onPressed: () => _showPlaylistDialog(context, ref, playlist),
+                          ),
+                          IconButton(
+                            icon: const Icon(Icons.delete),
+                            onPressed: () => _deletePlaylist(context, ref, playlist),
+                          ),
+                        ],
+                      ),
+                    ),
+                  );
+                },
               );
             },
           ),
@@ -333,93 +134,147 @@ class _PlaylistsTab extends ConsumerWidget {
     final dnsController = TextEditingController(text: playlist?.dns);
     final usernameController = TextEditingController(text: playlist?.username);
     final passwordController = TextEditingController(text: playlist?.password);
+    final service = PlaylistApiService();
+    bool isLoading = false;
 
     showDialog(
       context: context,
-      builder: (context) => AlertDialog(
-        title: Text(playlist == null ? 'Add Playlist' : 'Edit Playlist'),
-        content: SingleChildScrollView(
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              TextField(
-                controller: nameController,
-                decoration: const InputDecoration(labelText: 'Playlist Name'),
-              ),
-              const SizedBox(height: 8),
-              TextField(
-                controller: dnsController,
-                decoration: const InputDecoration(
-                  labelText: 'Server URL',
-                  hintText: 'http://server.com:8080',
+      builder: (dialogContext) => StatefulBuilder(
+        builder: (context, setState) => AlertDialog(
+          title: Text(playlist == null ? 'Add Playlist' : 'Edit Playlist'),
+          content: SingleChildScrollView(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                TextField(
+                  controller: nameController,
+                  decoration: const InputDecoration(labelText: 'Playlist Name'),
                 ),
-              ),
-              const SizedBox(height: 8),
-              TextField(
-                controller: usernameController,
-                decoration: const InputDecoration(labelText: 'Username'),
-              ),
-              const SizedBox(height: 8),
-              TextField(
-                controller: passwordController,
-                decoration: const InputDecoration(labelText: 'Password'),
-                obscureText: true,
-              ),
-            ],
+                const SizedBox(height: 8),
+                TextField(
+                  controller: dnsController,
+                  decoration: const InputDecoration(
+                    labelText: 'Server URL',
+                    hintText: 'http://server.com:8080',
+                  ),
+                ),
+                const SizedBox(height: 8),
+                TextField(
+                  controller: usernameController,
+                  decoration: const InputDecoration(labelText: 'Username'),
+                ),
+                const SizedBox(height: 8),
+                TextField(
+                  controller: passwordController,
+                  decoration: const InputDecoration(labelText: 'Password'),
+                  obscureText: true,
+                ),
+              ],
+            ),
           ),
+          actions: [
+            TextButton(
+              onPressed: isLoading ? null : () => Navigator.pop(dialogContext),
+              child: const Text('Cancel'),
+            ),
+            FilledButton(
+              onPressed: isLoading
+                  ? null
+                  : () async {
+                      if (nameController.text.trim().isEmpty ||
+                          dnsController.text.trim().isEmpty ||
+                          usernameController.text.trim().isEmpty ||
+                          passwordController.text.isEmpty) {
+                        ScaffoldMessenger.of(context).showSnackBar(
+                          const SnackBar(content: Text('All fields required')),
+                        );
+                        return;
+                      }
+
+                      setState(() => isLoading = true);
+
+                      final dns = dnsController.text.trim().replaceAll(RegExp(r'/$'), '');
+
+                      PlaylistConfig? result;
+                      if (playlist == null) {
+                        // Create new playlist
+                        result = await service.createPlaylist(
+                          name: nameController.text.trim(),
+                          dns: dns,
+                          username: usernameController.text.trim(),
+                          password: passwordController.text,
+                        );
+                      } else {
+                        // Update existing playlist
+                        result = await service.updatePlaylist(
+                          id: playlist.id,
+                          name: nameController.text.trim(),
+                          dns: dns,
+                          username: usernameController.text.trim(),
+                          password: passwordController.text,
+                        );
+                      }
+
+                      if (dialogContext.mounted) {
+                        Navigator.pop(dialogContext);
+                      }
+
+                      // Refresh playlists list
+                      ref.invalidate(playlistsProvider);
+
+                      if (result == null && context.mounted) {
+                        ScaffoldMessenger.of(context).showSnackBar(
+                          const SnackBar(
+                            content: Text('Failed to save playlist'),
+                            backgroundColor: Colors.red,
+                          ),
+                        );
+                      }
+                    },
+              child: isLoading
+                  ? const SizedBox(
+                      height: 20,
+                      width: 20,
+                      child: CircularProgressIndicator(strokeWidth: 2, color: Colors.white),
+                    )
+                  : const Text('Save'),
+            ),
+          ],
         ),
-        actions: [
-          TextButton(
-            onPressed: () => Navigator.pop(context),
-            child: const Text('Cancel'),
-          ),
-          FilledButton(
-            onPressed: () {
-              if (nameController.text.trim().isEmpty ||
-                  dnsController.text.trim().isEmpty ||
-                  usernameController.text.trim().isEmpty ||
-                  passwordController.text.isEmpty) {
-                ScaffoldMessenger.of(context).showSnackBar(
-                  const SnackBar(content: Text('All fields required')),
-                );
-                return;
-              }
-
-              final playlistsBox = HiveService.playlistsBox;
-              final newPlaylist = PlaylistConfig(
-                id: playlist?.id ?? const Uuid().v4(),
-                name: nameController.text.trim(),
-                dns: dnsController.text.trim().replaceAll(RegExp(r'/$'), ''),
-                username: usernameController.text.trim(),
-                password: passwordController.text,
-                createdAt: playlist?.createdAt ?? DateTime.now(),
-              );
-
-              playlistsBox.put(newPlaylist.id, newPlaylist);
-              Navigator.pop(context);
-            },
-            child: const Text('Save'),
-          ),
-        ],
       ),
     );
   }
 
-  void _deletePlaylist(BuildContext context, PlaylistConfig playlist) {
+  void _deletePlaylist(BuildContext context, WidgetRef ref, PlaylistConfig playlist) {
+    final service = PlaylistApiService();
+
     showDialog(
       context: context,
-      builder: (context) => AlertDialog(
+      builder: (dialogContext) => AlertDialog(
         title: const Text('Delete Playlist'),
         content: Text('Delete playlist "${playlist.name}"?'),
         actions: [
           TextButton(
-            onPressed: () => Navigator.pop(context),
+            onPressed: () => Navigator.pop(dialogContext),
             child: const Text('Cancel'),
           ),
           FilledButton(
-            onPressed: () {
-              HiveService.playlistsBox.delete(playlist.id);
-              Navigator.pop(context);
+            onPressed: () async {
+              Navigator.pop(dialogContext);
+              
+              final success = await service.deletePlaylist(playlist.id);
+              
+              // Refresh playlists list
+              ref.invalidate(playlistsProvider);
+              
+              if (!success && context.mounted) {
+                ScaffoldMessenger.of(context).showSnackBar(
+                  const SnackBar(
+                    content: Text('Failed to delete playlist'),
+                    backgroundColor: Colors.red,
+                  ),
+                );
+              }
             },
             style: FilledButton.styleFrom(backgroundColor: Colors.red),
             child: const Text('Delete'),