// lib/ui/impostazioni/impostazioni_view.dart
import 'package:flutter/material.dart';
import 'package:flux/theme.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Impostazioni')),
      body: ListView(
        padding: const EdgeInsets.all(16),
        children: [
          _settingsSection('Account', [
            _settingsTile(
              Icons.person,
              'Profilo Utente',
              'Configura i tuoi dati',
            ),
            _settingsTile(Icons.store, 'Mio Negozio', 'Piacenza Centro'),
          ]),
          const SizedBox(height: 16),
          _settingsSection('Applicazione', [
            _settingsTile(Icons.sync, 'Sincronizzazione', 'Ultima: 5 min fa'),
            _settingsTile(
              Icons.dark_mode,
              'Tema (FLUX Dark Active)',
              'Configurazione visiva',
            ),
          ]),
          const SizedBox(height: 24),
          TextButton.icon(
            onPressed: () {},
            icon: const Icon(Icons.exit_to_app, color: Colors.red),
            label: const Text('Logout', style: TextStyle(color: Colors.red)),
          ),
        ],
      ),
    );
  }

  Widget _settingsSection(String title, List<Widget> tiles) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          title.toUpperCase(),
          style: const TextStyle(
            color: FluxColors.accentTurquoise,
            fontWeight: FontWeight.bold,
            letterSpacing: 1,
          ),
        ),
        const SizedBox(height: 8),
        Card(child: Column(children: tiles)),
      ],
    );
  }

  Widget _settingsTile(IconData icon, String title, String subtitle) {
    return ListTile(
      leading: Icon(icon, color: FluxColors.primaryBlue),
      title: Text(title, style: const TextStyle(color: FluxColors.textPrimary)),
      subtitle: Text(subtitle),
      trailing: const Icon(
        Icons.chevron_right,
        color: FluxColors.textSecondary,
      ),
    );
  }
}