import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:prosappco/components/general_drawer_header.dart';
import 'package:prosappco/components/general_drawer_item.dart';
import 'package:prosappco/screens/configuration/configuration_screen.dart';

class GeneralDrawer extends StatelessWidget {
  const GeneralDrawer({super.key});

  @override
  Widget build(BuildContext context) {
    return Drawer(
      backgroundColor: Theme.of(context).colorScheme.background,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          const GeneralDrawerHeader(),
          Divider(
            color: Theme.of(context).colorScheme.onSurface.withOpacity(0.1),
            thickness: 0.5,
            height: 1,
          ),
          Expanded(
            child: SingleChildScrollView(
              child: Column(
                children: [
                  GeneralDrawerItem(
                    leading: Icons.history,
                    label: 'Mis servicios',
                    onTap: () {
                      Navigator.pop(context);
                    },
                  ),
                  GeneralDrawerItem(
                    leading: Icons.settings_outlined,
                    label: 'Configuración',
                    onTap: () {
                      Navigator.pop(context);
                      Navigator.push(
                        context,
                        CupertinoPageRoute(
                          builder: (context) => const ConfigurationScreen(),
                        ),
                      );
                    },
                  ),
                  GeneralDrawerItem(
                    leading: Icons.help_outline,
                    label: 'Soporte',
                    onTap: () {
                      Navigator.pop(context);
                    },
                  ),
                  GeneralDrawerItem(
                    leading: Icons.campaign_outlined,
                    label: 'Sugerencias',
                    onTap: () {
                      Navigator.pop(context);
                    },
                  ),
                ],
              ),
            ),
          ),
          Divider(
            color: Theme.of(context).colorScheme.onSurface.withOpacity(0.1),
            thickness: 0.5,
            height: 1,
          ),
          const SizedBox(height: 15),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 20),
            child: ElevatedButton(
              onPressed: () {},
              style: ElevatedButton.styleFrom(
                  backgroundColor: Theme.of(context).colorScheme.primary,
                  padding: const EdgeInsets.symmetric(vertical: 15),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10),
                  )),
              child: const Text(
                'Modo Profesional',
                style: TextStyle(color: Colors.white, fontSize: 18),
              ),
            ),
          ),
          const SizedBox(height: 15),
        ],
      ),
    );
  }
}