import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import '../core/api_service.dart';
import '../models/zone.dart';

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

  @override
  State<ZonesTab> createState() => _ZonesTabState();
}

class _ZonesTabState extends State<ZonesTab> {
  late Future<List<Zone>> _future;

  @override
  void initState() {
    super.initState();
    _future = _load();
  }

  Future<List<Zone>> _load() => context.read<ApiService>().zones();

  Future<void> _refresh() async {
    final future = _load();
    setState(() => _future = future);
    await future;
  }

  @override
  Widget build(BuildContext context) {
    return RefreshIndicator(
      onRefresh: _refresh,
      child: FutureBuilder<List<Zone>>(
        future: _future,
        builder: (context, snapshot) {
          if (snapshot.connectionState != ConnectionState.done) {
            return const Center(child: CircularProgressIndicator());
          }
          if (snapshot.hasError) {
            return ListView(
              physics: const AlwaysScrollableScrollPhysics(),
              children: [
                Padding(
                  padding: const EdgeInsets.all(24),
                  child: Text('${snapshot.error}', textAlign: TextAlign.center),
                ),
              ],
            );
          }

          final zones = snapshot.data!;
          return ListView.separated(
            physics: const AlwaysScrollableScrollPhysics(),
            itemCount: zones.length,
            separatorBuilder: (context, index) => const Divider(height: 1),
            itemBuilder: (context, index) {
              final zone = zones[index];
              return ListTile(
                title: Text(zone.name),
                subtitle: zone.description != null ? Text(zone.description!) : null,
                trailing: Text('${zone.devicesCount ?? 0} устр.'),
              );
            },
          );
        },
      ),
    );
  }
}