Training kann nun angeklickt werden

trainerbox/lib/screens/favorites_tab.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:cloud_firestore/cloud_firestore.dart';
 import 'package:firebase_auth/firebase_auth.dart';
+import 'training_detail_screen.dart';
 
 class FavoritesTab extends StatelessWidget {
   const FavoritesTab({super.key});
@@ -44,6 +45,15 @@ class FavoritesTab extends StatelessWidget {
                   final trainingData = trainingSnapshot.data!.data() as Map<String, dynamic>;
                   return Card(
                     margin: const EdgeInsets.all(8.0),
+                    child: InkWell(
+                      onTap: () {
+                        Navigator.push(
+                          context,
+                          MaterialPageRoute(
+                            builder: (context) => TrainingDetailScreen(trainingId: favorites[index]),
+                          ),
+                        );
+                      },
                       child: Padding(
                         padding: const EdgeInsets.all(16.0),
                         child: Column(
@@ -87,6 +97,7 @@ class FavoritesTab extends StatelessWidget {
                           ],
                         ),
                       ),
+                    ),
                   );
                 },
               );

trainerbox/lib/screens/search_tab.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:cloud_firestore/cloud_firestore.dart';
 import 'package:firebase_auth/firebase_auth.dart';
+import 'training_detail_screen.dart';
 
 class SearchTab extends StatefulWidget {
   const SearchTab({super.key});
@@ -180,6 +181,15 @@ class _SearchTabState extends State<SearchTab> {
                       final isFavorite = _favorites.contains(docs[index].id);
                       return Card(
                         clipBehavior: Clip.antiAlias,
+                        child: InkWell(
+                          onTap: () {
+                            Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                builder: (context) => TrainingDetailScreen(trainingId: docs[index].id),
+                              ),
+                            );
+                          },
                           child: Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -253,6 +263,7 @@ class _SearchTabState extends State<SearchTab> {
                               ),
                             ],
                           ),
+                        ),
                       );
                     }, childCount: docs.length),
                   );

trainerbox/lib/screens/training_detail_screen.dart

@@ -0,0 +1,78 @@
+import 'package:flutter/material.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+
+class TrainingDetailScreen extends StatelessWidget {
+  final String trainingId;
+
+  const TrainingDetailScreen({super.key, required this.trainingId});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Training Details'),
+      ),
+      body: FutureBuilder<DocumentSnapshot>(
+        future: FirebaseFirestore.instance.collection('Training').doc(trainingId).get(),
+        builder: (context, snapshot) {
+          if (snapshot.connectionState == ConnectionState.waiting) {
+            return const Center(child: CircularProgressIndicator());
+          }
+          if (!snapshot.hasData || !snapshot.data!.exists) {
+            return const Center(child: Text('Training nicht gefunden'));
+          }
+          final data = snapshot.data!.data() as Map<String, dynamic>;
+          return SingleChildScrollView(
+            padding: const EdgeInsets.all(16.0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Container(
+                  width: double.infinity,
+                  height: 200,
+                  color: Colors.grey[300],
+                  child: const Center(
+                    child: Icon(Icons.image, size: 64, color: Colors.grey),
+                  ),
+                ),
+                const SizedBox(height: 16),
+                Text(
+                  data['title'] ?? 'Unbekannt',
+                  style: const TextStyle(
+                    fontSize: 24,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+                const SizedBox(height: 8),
+                Text(
+                  data['description'] ?? 'Keine Beschreibung',
+                  style: TextStyle(color: Colors.grey[600]),
+                ),
+                const SizedBox(height: 16),
+                Text(
+                  'Dauer: ${data['duration'] ?? '-'} Minuten',
+                  style: TextStyle(color: Colors.grey[600]),
+                ),
+                const SizedBox(height: 8),
+                Text(
+                  'Level: ${data['year'] ?? '-'}',
+                  style: TextStyle(color: Colors.grey[600]),
+                ),
+                const SizedBox(height: 8),
+                Text(
+                  'Bewertung: ${data['rating overall'] ?? '-'}',
+                  style: TextStyle(color: Colors.grey[600]),
+                ),
+                const SizedBox(height: 8),
+                Text(
+                  'Kategorie: ${data['category'] ?? '-'}',
+                  style: TextStyle(color: Colors.grey[600]),
+                ),
+              ],
+            ),
+          );
+        },
+      ),
+    );
+  }
+}