import 'package:aurcache/api/statistics.dart';
import 'package:flutter/material.dart';

import '../api/API.dart';
import '../components/dashboard/header.dart';
import '../constants/color_constants.dart';
import '../utils/responsive.dart';
import '../models/stats.dart';
import '../components/dashboard/quick_info_banner.dart';
import '../components/dashboard/recent_builds.dart';
import '../components/dashboard/your_packages.dart';
import '../components/dashboard/side_panel.dart';

class DashboardScreen extends StatelessWidget {
  final stats = API.listStats();

  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
        future: stats,
        builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
          if (snapshot.hasData) {
            final Stats stats = snapshot.data!;

            return SafeArea(
              child: SingleChildScrollView(
                child: Container(
                  padding: const EdgeInsets.all(defaultPadding),
                  child: Column(
                    children: [
                      const Header(),
                      const SizedBox(height: defaultPadding),
                      QuickInfoBanner(
                        stats: stats,
                      ),
                      const SizedBox(height: defaultPadding),
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Expanded(
                            flex: 5,
                            child: Column(
                              children: [
                                const YourPackages(),
                                const SizedBox(height: defaultPadding),
                                const RecentBuilds(),
                                if (Responsive.isMobile(context))
                                  const SizedBox(height: defaultPadding),
                                if (Responsive.isMobile(context))
                                  SidePanel(
                                      nrbuilds: stats.total_builds,
                                      nrfailedbuilds: stats.failed_builds,
                                      nrActiveBuilds: stats.active_builds),
                              ],
                            ),
                          ),
                          if (!Responsive.isMobile(context))
                            const SizedBox(width: defaultPadding),
                          // On Mobile means if the screen is less than 850 we dont want to show it
                          if (!Responsive.isMobile(context))
                            Expanded(
                              flex: 2,
                              child: SidePanel(
                                  nrbuilds: stats.total_builds,
                                  nrfailedbuilds: stats.failed_builds,
                                  nrActiveBuilds: stats.active_builds),
                            ),
                        ],
                      )
                    ],
                  ),
                ),
              ),
            );
          } else {
            return const Text("loading");
          }
        });
  }
}