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

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../../providers/auth_provider.dart';
import '../../../providers/customer_provider.dart';
import '../../widgets/search_bar.dart' as sw;
import '../../widgets/empty_state.dart';
import '../../widgets/customer_card.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 GridView.builder(
                      padding: const EdgeInsets.all(16),
                      gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
                        maxCrossAxisExtent: 470,
                        mainAxisSpacing: 16,
                        crossAxisSpacing: 16,
                        childAspectRatio: 1.2,
                      ),
                      itemCount: customers.length,
                      itemBuilder: (_, i) =>
                          CustomerCard(cliente: customers[i]),
                    );
                  },
                  loading: () =>
                      const Center(child: CircularProgressIndicator()),
                  error: (e, _) => Center(child: Text('Errore: $e')),
                ) ??
                const Center(child: CircularProgressIndicator()),
          ),
        ],
      ),
    );
  }
}