import 'dart:math';

import 'package:fl_clash/fragments/dashboard/intranet_ip.dart';
import 'package:fl_clash/models/models.dart';
import 'package:flutter/material.dart';
import 'package:fl_clash/widgets/widgets.dart';
import 'package:provider/provider.dart';
import 'network_detection.dart';
import 'outbound_mode.dart';
import 'start_button.dart';
import 'network_speed.dart';
import 'traffic_usage.dart';

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

  @override
  State<DashboardFragment> createState() => _DashboardFragmentState();
}

class _DashboardFragmentState extends State<DashboardFragment> {
  @override
  Widget build(BuildContext context) {
    return FloatLayout(
      floatingWidget: const FloatWrapper(
        child: StartButton(),
      ),
      child: Align(
        alignment: Alignment.topCenter,
        child: SingleChildScrollView(
          padding: const EdgeInsets.all(16),
          child: Selector<AppState, double>(
            selector: (_, appState) => appState.viewWidth,
            builder: (_, viewWidth, ___) {
              // final viewMode = other.getViewMode(viewWidth);
              // final isDesktop = viewMode == ViewMode.desktop;
              return Grid(
                crossAxisCount: max(4 * ((viewWidth / 350).ceil()), 8),
                crossAxisSpacing: 16,
                mainAxisSpacing: 16,
                children: const [
                  GridItem(
                    crossAxisCellCount: 8,
                    child: NetworkSpeed(),
                  ),
                  GridItem(
                    crossAxisCellCount: 4,
                    child: OutboundMode(),
                  ),
                  GridItem(
                    crossAxisCellCount: 4,
                    child: NetworkDetection(),
                  ),
                  GridItem(
                    crossAxisCellCount: 4,
                    child: TrafficUsage(),
                  ),
                  GridItem(
                    crossAxisCellCount: 4,
                    child: IntranetIP(),
                  ),
                ],
              );
            },
          ),
        ),
      ),
    );
  }
}