Why architecture: the price of a 1000-line widget

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

  @override
  State<ProductsPage> createState() => _ProductsPageState();
}

class _ProductsPageState extends State<ProductsPage> {
  List<dynamic> _items = [];
  bool _loading = true;
  String? _error;

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

  Future<void> _load() async {
    try {
      // Endpoint və token widget-in içində.
      final response = await http.get(
        Uri.parse('https://api.example.com/v1/products?active=true'),
        headers: {'Authorization': 'Bearer $kToken'},
      );
      if (response.statusCode != 200) {
        setState(() {
          _error = 'Xəta: ${response.statusCode}';
          _loading = false;
        });
        return;
      }
      final decoded = jsonDecode(response.body) as Map<String, dynamic>;
      setState(() {
        _items = decoded['data'] as List<dynamic>;
        _loading = false;
      });
    } catch (e) {
      setState(() {
        _error = e.toString(); // istifadəçi "SocketException" görür
        _loading = false;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    if (_loading) return const Center(child: CircularProgressIndicator());
    if (_error != null) return Center(child: Text(_error!));

    return ListView.builder(
      itemCount: _items.length,
      itemBuilder: (context, i) {
        final raw = _items[i] as Map<String, dynamic>;
        // Biznes qaydası widget-in içində: qəpik → manat.
        final price = (raw['price_cents'] as int) / 100;
        return ListTile(
          title: Text(raw['title'] as String),
          subtitle: Text('$price AZN'),
        );
      },
    );
  }
}