afterwork/lib/presentation/screens/home/home_screen.dart

import 'package:flutter/material.dart';

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateMixin {
  late TabController _tabController;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 5, vsync: this);
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  void _onMenuSelected(BuildContext context, String option) {
    // Implémente la logique pour chaque option ici
    switch (option) {
      case 'Publier':
      // Redirige vers la page de publication
        break;
      case 'Story':
      // Redirige vers la page de création de Story
        break;
      default:
        break;
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.black, // Fond noir pour l'AppBar
        elevation: 0, // Enlève l'ombre sous l'AppBar
        leading: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Image.asset(
            'lib/assets/images/logo.png',  // Chemin correct de ton logo
            height: 40,
          ),
        ),
        actions: [
          // Bouton +
          CircleAvatar(
            backgroundColor: Colors.white,  // Cercle blanc
            radius: 18, // Réduit la taille du bouton
            child: PopupMenuButton<String>(
              onSelected: (value) => _onMenuSelected(context, value),
              itemBuilder: (context) => [
                const PopupMenuItem(
                  value: 'Publier',
                  child: Text('Publier'),
                ),
                const PopupMenuItem(
                  value: 'Story',
                  child: Text('Story'),
                ),
              ],
              icon: const Icon(Icons.add, color: Colors.blueAccent, size: 20), // Icône bleue légèrement plus petite
              color: Colors.white,  // Menu contextuel en blanc
            ),
          ),
          const SizedBox(width: 8), // Réduit l'espacement entre les boutons
          // Bouton Recherche
          CircleAvatar(
            backgroundColor: Colors.white,
            radius: 18, // Réduit la taille du bouton
            child: IconButton(
              icon: const Icon(Icons.search, color: Colors.blueAccent, size: 20),  // Icône bleue légèrement plus petite
              onPressed: () {
                // Implémente la logique de recherche ici
              },
            ),
          ),
          const SizedBox(width: 8), // Réduit l'espacement entre les boutons
          // Bouton Messagerie
          CircleAvatar(
            backgroundColor: Colors.white,
            radius: 18, // Réduit la taille du bouton
            child: IconButton(
              icon: const Icon(Icons.message, color: Colors.blueAccent, size: 20),  // Icône bleue légèrement plus petite
              onPressed: () {
                // Implémente la logique de messagerie ici
              },
            ),
          ),
          const SizedBox(width: 8), // Réduit l'espacement entre les boutons
        ],
        bottom: TabBar(
          controller: _tabController,
          indicatorColor: Colors.blueAccent,
          tabs: const [
            Tab(icon: Icon(Icons.home), text: 'Accueil'),
            Tab(icon: Icon(Icons.event), text: 'Événements'),
            Tab(icon: Icon(Icons.location_city), text: 'Établissements'),
            Tab(icon: Icon(Icons.people), text: 'Social'),
            Tab(icon: Icon(Icons.person), text: 'Profil'),
          ],
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: [
          _getSelectedScreen(0),
          _getSelectedScreen(1),
          _getSelectedScreen(2),
          _getSelectedScreen(3),
          _getSelectedScreen(4),
        ],
      ),
      backgroundColor: Colors.black, // Arrière-plan de l'écran en noir
    );
  }

  // Cette méthode retourne le widget correspondant à l'index sélectionné
  Widget _getSelectedScreen(int index) {
    switch (index) {
      case 0:
        return const Center(
          child: Text(
            'Accueil',
            style: TextStyle(color: Colors.white, fontSize: 24),
          ),
        );
      case 1:
        return const Center(
          child: Text(
            'Événements',
            style: TextStyle(color: Colors.white, fontSize: 24),
          ),
        );
      case 2:
        return const Center(
          child: Text(
            'Établissements',
            style: TextStyle(color: Colors.white, fontSize: 24),
          ),
        );
      case 3:
        return const Center(
          child: Text(
            'Social',
            style: TextStyle(color: Colors.white, fontSize: 24),
          ),
        );
      case 4:
        return const Center(
          child: Text(
            'Profil',
            style: TextStyle(color: Colors.white, fontSize: 24),
          ),
        );
      default:
        return const Center(
          child: Text(
            'Accueil',
            style: TextStyle(color: Colors.white, fontSize: 24),
          ),
        );
    }
  }
}