powerage-ristoris-flutter/lib/ui/pages/customers/customer_list_page.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import '../../../providers/auth_provider.dart';
import '../../../providers/customer_provider.dart';
import '../../../database/tables/clienti.dart';
import '../../widgets/search_bar.dart' as sw;
import '../../widgets/empty_state.dart';

class CustomerListPage extends ConsumerStatefulWidget {
  const CustomerListPage({super.key});

  @override
  ConsumerState<CustomerListPage> createState() => _CustomerListPageState();
}

class _CustomerListPageState extends ConsumerState<CustomerListPage> {
  String _filter = '';
  final _searchCtrl = TextEditingController();

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

  @override
  Widget build(BuildContext context) {
    final agente = ref.watch(authProvider).agente;
    final customersAsync = agente != null
        ? ref.watch(
            _filter.isEmpty
                ? customerListProvider(agente.idAgente)
                : customerSearchProvider((
                    idAgente: agente.idAgente,
                    filter: _filter,
                  )),
          )
        : null;

    return Scaffold(
      appBar: AppBar(title: const Text('Clienti')),
      body: Column(
        children: [
          sw.SearchBarWidget(
            controller: _searchCtrl,
            hint: 'Cerca cliente...',
            onChanged: (v) => setState(() => _filter = v),
            onClear: () {
              _searchCtrl.clear();
              setState(() => _filter = '');
            },
          ),
          Expanded(
            child:
                customersAsync?.when(
                  data: (customers) {
                    if (customers.isEmpty)
                      return const EmptyState(
                        icon: Icons.people_outline,
                        title: 'Nessun cliente',
                      );
                    return ListView.builder(
                      itemCount: customers.length,
                      itemBuilder: (_, i) => ListTile(
                        onTap: () => context.go(
                          '/dashboard/customers/${customers[i].idCliente}',
                        ),
                        leading: CircleAvatar(
                          child: Text(
                            customers[i].ragioneSociale?.substring(0, 2) ??
                                '??',
                          ),
                        ),
                        title: Text(customers[i].ragioneSociale ?? ''),
                        subtitle: Text(customers[i].codCliente ?? ''),
                        trailing: const Icon(Icons.chevron_right),
                      ),
                    );
                  },
                  loading: () =>
                      const Center(child: CircularProgressIndicator()),
                  error: (e, _) => Center(child: Text('Errore: $e')),
                ) ??
                const Center(child: CircularProgressIndicator()),
          ),
        ],
      ),
    );
  }
}