add favorites function

lib/custom_info_card.dart

@@ -1,11 +1,13 @@
 import 'package:flutter/material.dart';
-import 'detail_page.dart'; // Importa la nueva pantalla
+import 'package:shared_preferences/shared_preferences.dart';
+import 'detail_page.dart';
 
-class CustomInfoCard extends StatelessWidget {
+class CustomInfoCard extends StatefulWidget {
   final String imagePath;
   final String title;
   final String subtitle;
   final String texto;
+  final bool isFavorite;
 
   const CustomInfoCard({
     super.key,
@@ -13,9 +15,39 @@ class CustomInfoCard extends StatelessWidget {
     required this.title,
     required this.subtitle,
     required this.texto,
+    this.isFavorite = false,
   });
 
   @override
+  State<CustomInfoCard> createState() => _CustomInfoCardState();
+}
+
+class _CustomInfoCardState extends State<CustomInfoCard> {
+  late bool _isFavorite;
+
+  @override
+  void initState() {
+    super.initState();
+    _isFavorite = widget.isFavorite;
+    if (!widget.isFavorite) _loadFavorite();
+  }
+
+  Future<void> _loadFavorite() async {
+    final prefs = await SharedPreferences.getInstance();
+    setState(() {
+      _isFavorite = prefs.getBool('fav_${widget.title}') ?? false;
+    });
+  }
+
+  Future<void> _toggleFavorite() async {
+    final prefs = await SharedPreferences.getInstance();
+    setState(() {
+      _isFavorite = !_isFavorite;
+      prefs.setBool('fav_${widget.title}', _isFavorite);
+    });
+  }
+
+  @override
   Widget build(BuildContext context) {
     return GestureDetector(
       onTap: () {
@@ -23,8 +55,8 @@ class CustomInfoCard extends StatelessWidget {
           context,
           MaterialPageRoute(
             builder: (context) => DetailPage(
-              title: title,
-              texto: texto,
+              title: widget.title,
+              texto: widget.texto,
             ),
           ),
         );
@@ -32,62 +64,77 @@ class CustomInfoCard extends StatelessWidget {
       child: SizedBox(
         width: double.infinity,
         height: 130,
-        child: Card(
-          margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
-          shape: RoundedRectangleBorder(
-            borderRadius: BorderRadius.circular(30),
-          ),
-          color: const Color.fromARGB(255, 254, 242, 221),
-          child: Padding(
-            padding: const EdgeInsets.only(right: 8),
-            child: Row(
-              children: [
-                Container(
-                  width: 90,
-                  height: 90,
-                  decoration: BoxDecoration(
-                    color: Colors.white,
-                    borderRadius: BorderRadius.circular(36),
-                  ),
-                  child: ClipRRect(
-                    borderRadius: BorderRadius.circular(36),
-                    child: Image.asset(
-                      imagePath,
-                      fit: BoxFit.cover,
+        child: Stack(
+          children: [
+            Card(
+              margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(30),
+              ),
+              color: const Color.fromARGB(255, 254, 242, 221),
+              child: Padding(
+                padding: const EdgeInsets.only(right: 8),
+                child: Row(
+                  children: [
+                    Container(
                       width: 90,
                       height: 90,
-                    ),
-                  ),
-                ),
-                const SizedBox(width: 16),
-                Expanded(
-                  child: Column(
-                    mainAxisAlignment: MainAxisAlignment.center,
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Text(
-                        title,
-                        style: const TextStyle(
-                          fontSize: 16,
-                          fontWeight: FontWeight.bold,
-                        ),
+                      decoration: BoxDecoration(
+                        color: Colors.white,
+                        borderRadius: BorderRadius.circular(36),
                       ),
-                      const SizedBox(height: 4),
-                      Text(
-                        subtitle,
-                        style: TextStyle(
-                          fontSize: 14,
-                          color: Colors.grey[600],
+                      child: ClipRRect(
+                        borderRadius: BorderRadius.circular(36),
+                        child: Image.asset(
+                          widget.imagePath,
+                          fit: BoxFit.cover,
+                          width: 90,
+                          height: 90,
                         ),
                       ),
-                    ],
-                  ),
+                    ),
+                    const SizedBox(width: 16),
+                    Expanded(
+                      child: Column(
+                        mainAxisAlignment: MainAxisAlignment.center,
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            widget.title,
+                            style: const TextStyle(
+                              fontSize: 16,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                          const SizedBox(height: 4),
+                          Text(
+                            widget.subtitle,
+                            style: TextStyle(
+                              fontSize: 14,
+                              color: Colors.grey[600],
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ],
                 ),
-              ],
+              ),
             ),
-          ),
+            Positioned(
+              top: 12,
+              right: 28,
+              child: IconButton(
+                icon: Icon(
+                  _isFavorite ? Icons.favorite : Icons.favorite_border,
+                  color: _isFavorite ? Colors.red : Colors.grey[400],
+                ),
+                onPressed: _toggleFavorite,
+              ),
+            ),
+          ],
         ),
       ),
     );
   }
-}
+}

lib/detail_page.dart

@@ -15,7 +15,7 @@ class DetailPage extends StatelessWidget {
     return Scaffold(
       appBar: AppBar(
         flexibleSpace: Padding(
-          padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
+          padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top + -20),
           child: Image.asset(
             'assets/header_image.png',
             fit: BoxFit.cover,
@@ -23,24 +23,28 @@ class DetailPage extends StatelessWidget {
         ),
         toolbarHeight: MediaQuery.of(context).size.height * 0.19,
       ),
-      body: SingleChildScrollView( // Permite el desplazamiento
+      body: Container(
+        decoration: const BoxDecoration(
+          color: Color.fromARGB(255, 254, 242, 221),
+        ),
         child: Padding(
           padding: const EdgeInsets.all(16.0),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.center,
-            children: [
-              Text(
-                title,
-                style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
-                textAlign: TextAlign.center,
-              ),
-              const SizedBox(height: 8),
-              Text(
-                texto,
-                style: const TextStyle(fontSize: 18, color: Colors.black),
-                textAlign: TextAlign.justify,
-              ),
-            ],
+          child: SingleChildScrollView( // Agregado para evitar overflow
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: [
+                Text(
+                  title,
+                  style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
+                ),
+                const SizedBox(height: 8),
+                Text(
+                  texto,
+                  style: const TextStyle(fontSize: 18, color: Colors.black),
+                  textAlign: TextAlign.center,
+                ),
+              ],
+            ),
           ),
         ),
       ),

lib/favorites_page.dart

@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+import 'custom_info_card.dart';
+
+class FavoritesPage extends StatelessWidget {
+  final List<Map<String, dynamic>> favoriteCards;
+
+  const FavoritesPage({super.key, required this.favoriteCards});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        flexibleSpace: Padding(
+          padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top - 20),
+          child: Image.asset(
+            'assets/header_image.png',
+            fit: BoxFit.cover,
+          ),
+        ),
+        toolbarHeight: MediaQuery.of(context).size.height * 0.19,
+        title: const Text('Mis Favoritos', style: TextStyle(color: Colors.white)),
+      ),
+      body: Container(
+        decoration: const BoxDecoration(
+          gradient: LinearGradient(
+            colors: [Color.fromARGB(255, 254, 100, 91), Colors.orange],
+            begin: Alignment.topCenter,
+            end: Alignment.bottomCenter,
+          ),
+        ),
+        child: favoriteCards.isEmpty
+            ? const Center(
+                child: Text(
+                  'No tienes favoritos aún',
+                  style: TextStyle(color: Colors.white, fontSize: 18),
+                ),
+              )
+            : ListView.builder(
+                padding: const EdgeInsets.only(top: 16),
+                itemCount: favoriteCards.length,
+                itemBuilder: (context, index) {
+                  final card = favoriteCards[index];
+                  return CustomInfoCard(
+                    imagePath: "assets/icons/${card['image']}",
+                    title: card['title'],
+                    subtitle: card['subtitle'],
+                    texto: card['texto'],
+                    isFavorite: true,
+                  );
+                },
+              ),
+      ),
+    );
+  }
+}

lib/main.dart

@@ -3,7 +3,8 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:http/http.dart' as http;
 import 'package:shared_preferences/shared_preferences.dart';
-import 'custom_info_card.dart'; // Ensure this path is correct
+import 'custom_info_card.dart';
+import 'favorites_page.dart'; // Nuevo import
 
 void main() => runApp(const MyApp());
 
@@ -39,6 +40,8 @@ class HomePage extends StatefulWidget {
 
 class _HomePageState extends State<HomePage> {
   List<Map<String, dynamic>> infoCards = [];
+  List<Map<String, dynamic>> favoriteCards = [];
+  int _currentIndex = 0;
   static const String googleSheetUrl = 'https://script.google.com/macros/s/AKfycbw1htmk7rlwLMOkOrpZ9ED-7ErWgMlYNtLKxoQ9QO-FopqTAhJuQkR7Gs1LxTJakbMT/exec';
 
   @override
@@ -49,106 +52,72 @@ class _HomePageState extends State<HomePage> {
 
   Future<void> _loadInfoCards() async {
     final prefs = await SharedPreferences.getInstance();
-
-    // Load default data if no saved data
     String? savedData = prefs.getString('infoCardsData');
+    
     setState(() {
-      if (savedData != null) {
-        try {
-          final decoded = json.decode(savedData);
-          infoCards = List<Map<String, dynamic>>.from(decoded);
-        } catch (e) {
-          if (kDebugMode) {
-            print('Error decoding saved data: $e');
-          }
-          infoCards = _defaultInfoCards();
-        }
-      } else {
-        infoCards = _defaultInfoCards();
-      }
+      infoCards = savedData != null 
+          ? List<Map<String, dynamic>>.from(json.decode(savedData))
+          : _defaultInfoCards();
     });
-  
+    
     await _fetchUpdatedData();
   }
 
+  Future<void> _loadFavorites() async {
+    final prefs = await SharedPreferences.getInstance();
+    final allKeys = prefs.getKeys().where((key) => key.startsWith('fav_')).toList();
+    
+    setState(() {
+      favoriteCards = infoCards.where((card) {
+        return allKeys.contains('fav_${card['title']}') && 
+               (prefs.getBool('fav_${card['title']}') ?? false);
+      }).toList();
+    });
+  }
+
   List<Map<String, dynamic>> _defaultInfoCards() {
     return [
       {
         'image': 'assets/icons/icono1.jpg',
         'title': 'Tutorias de programación',
         'subtitle': '8:00am a 11:30am En biblioteca Lázaro',
+        'texto': 'Detalles completos sobre tutorías...',
       },
     ];
   }
 
-  Future<void> _fetchUpdatedData() async {    
+  Future<void> _fetchUpdatedData() async {
     try {
       final response = await http.get(Uri.parse(googleSheetUrl));
-      if (response.statusCode == 200 && response.body.isNotEmpty) {
-        try {
-          final dynamic decodedData = json.decode(response.body);
-          List<Map<String, dynamic>> newData = [];
-          
-          if (decodedData is Map && decodedData.containsKey('feed')) {
-            final entries = decodedData['feed']['entry'] as List?;
-            if (entries != null) {
-              for (var entry in entries) {
-                final Map<String, dynamic> card = {
-                  'image': entry['gsx\$image']?['\$t'] ?? '',
-                  'title': entry['gsx\$title']?['\$t'] ?? '',
-                  'subtitle': entry['gsx\$subtitle']?['\$t'] ?? '',
-                  'texto': entry['gsx\$texto']?['\$t'] ?? '',
-                };
-                newData.add(card);
-              }
-            }
-          } else if (decodedData is List) {
-            newData = List<Map<String, dynamic>>.from(decodedData);
-          } else {
-            throw Exception('Unexpected JSON format');
-          }
-
-          if (json.encode(newData) != json.encode(infoCards)) {
-            setState(() {
-              infoCards = newData;
-            });
-            final prefs = await SharedPreferences.getInstance();
-            prefs.setString('infoCardsData', json.encode(newData));
-            
-            if (kDebugMode) {
-              print('Updated with new data from Google Sheet');
-            }
-          }
-        } catch (e) {
-          if (kDebugMode) {
-            print('Error parsing response data: $e');
-          }
-        }
-      } else {
-        if (kDebugMode) {
-          print('Failed to fetch updated data: ${response.statusCode}');
+      if (response.statusCode == 200) {
+        final List<Map<String, dynamic>> newData = List<Map<String, dynamic>>.from(json.decode(response.body));
+        
+        if (json.encode(newData) != json.encode(infoCards)) {
+          setState(() => infoCards = newData);
+          final prefs = await SharedPreferences.getInstance();
+          await prefs.setString('infoCardsData', json.encode(newData));
         }
       }
     } catch (e) {
-      if (kDebugMode) {
-        print('Error fetching data: $e');
-      }
+      if (kDebugMode) print('Error fetching data: $e');
     }
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(
-        flexibleSpace: Padding(
-          padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
-          child: Image.asset(
-            'assets/header_image.png',
-            fit: BoxFit.cover,
-          ),
-        ),
-        toolbarHeight: MediaQuery.of(context).size.height * 0.19,
-      ),
+      appBar: _currentIndex == 0 
+          ? AppBar(
+              flexibleSpace: Padding(
+                padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top - 20),
+                child: Image.asset(
+                  'assets/header_image.png',
+                  fit: BoxFit.cover,
+                ),
+              ),
+              toolbarHeight: MediaQuery.of(context).size.height * 0.19,
+            )
+          : null,
       body: Container(
         decoration: const BoxDecoration(
           gradient: LinearGradient(
@@ -157,71 +126,78 @@ class _HomePageState extends State<HomePage> {
             end: Alignment.bottomCenter,
           ),
         ),
-        child: SafeArea(
-          child: Column(
-            children: [
-              Expanded(
-                child: RefreshIndicator(
-                  onRefresh: _fetchUpdatedData,
-                  color: MyApp.primaryColor,
-                  child: ListView.builder(
-                    padding: const EdgeInsets.all(0),
-                    itemCount: infoCards.isEmpty ? 1 : infoCards.length,
-                    itemBuilder: (context, index) {
-                      // Show error widget if no data is available
-                      if (infoCards.isEmpty) {
-                        return Card(
-                          margin: const EdgeInsets.all(16),
-                          color: Colors.white,
-                          child: Padding(
-                            padding: const EdgeInsets.all(16),
-                            child: Column(
-                              children: [
-                                const Icon(Icons.warning_amber_rounded, 
-                                  size: 48, color: Colors.orange),
-                                const SizedBox(height: 16),
-                                const Text(
-                                  'No se pudo cargar la información',
-                                  style: TextStyle(
-                                    fontSize: 18,
-                                    fontWeight: FontWeight.bold,
-                                  ),
-                                ),
-                                const SizedBox(height: 8),
-                                const Text(
-                                  'Desliza hacia abajo para intentar de nuevo',
-                                  textAlign: TextAlign.center,
-                                ),
-                                const SizedBox(height: 16),
-                                ElevatedButton(
-                                  onPressed: () => _fetchUpdatedData(),
-                                  style: ElevatedButton.styleFrom(
-                                    backgroundColor: MyApp.primaryColor,
-                                  ),
-                                  child: const Text('Reintentar'),
-                                ),
-                              ],
-                            ),
-                          ),
-                        );
-                      }
-                      
-                      // Show data card
-                      final card = infoCards[index];
-                      return CustomInfoCard(
-                        imagePath: "assets/icons/${card['image']}",
-                        title: card['title'],
-                        subtitle: card['subtitle'],
-                        texto: card['texto'],
-                      );
-                    },
-                  ),
-                ),
-              ),
-            ],
+        child: _currentIndex == 0
+            ? RefreshIndicator(
+                onRefresh: _fetchUpdatedData,
+                child: _buildMainContent(),
+              )
+            : FavoritesPage(favoriteCards: favoriteCards),
+      ),
+      bottomNavigationBar: BottomNavigationBar(
+        currentIndex: _currentIndex,
+        selectedItemColor: Colors.white,
+        unselectedItemColor: Colors.white70,
+        backgroundColor: MyApp.primaryColor,
+        items: const [
+          BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Inicio'),
+          BottomNavigationBarItem(icon: Icon(Icons.favorite), label: 'Favoritos'),
+        ],
+        onTap: (index) {
+          if (index == 1) _loadFavorites();
+          setState(() => _currentIndex = index);
+        },
+      ),
+    );
+  }
+
+  Widget _buildMainContent() {
+    return SafeArea(
+      child: Column(
+        children: [
+          Expanded(
+            child: ListView.builder(
+              itemCount: infoCards.isEmpty ? 1 : infoCards.length,
+              itemBuilder: (context, index) {
+                if (infoCards.isEmpty) {
+                  return _buildErrorWidget();
+                }
+                final card = infoCards[index];
+                return CustomInfoCard(
+                  imagePath: "assets/icons/${card['image']}",
+                  title: card['title'],
+                  subtitle: card['subtitle'],
+                  texto: card['texto'],
+                );
+              },
+            ),
           ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildErrorWidget() {
+    return Card(
+      margin: const EdgeInsets.all(16),
+      color: Colors.white,
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          children: [
+            const Icon(Icons.warning_amber_rounded, size: 48, color: Colors.orange),
+            const SizedBox(height: 16),
+            const Text('No se pudo cargar la información', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
+            const SizedBox(height: 8),
+            const Text('Desliza hacia abajo para intentar de nuevo', textAlign: TextAlign.center),
+            const SizedBox(height: 16),
+            ElevatedButton(
+              onPressed: _fetchUpdatedData,
+              style: ElevatedButton.styleFrom(backgroundColor: MyApp.primaryColor),
+              child: const Text('Reintentar'),
+            ),
+          ],
         ),
       ),
     );
   }
-}
+}