Rain/lib/app/ui/main/view/main.dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:rain/app/controller/controller.dart';
import 'package:rain/app/data/db.dart';
import 'package:rain/app/ui/widgets/weather/daily/daily_card_list.dart';
import 'package:rain/app/ui/widgets/weather/daily/daily_container.dart';
import 'package:rain/app/ui/widgets/weather/desc/desc_container.dart';
import 'package:rain/app/ui/widgets/weather/hourly.dart';
import 'package:rain/app/ui/widgets/weather/now.dart';
import 'package:rain/app/ui/widgets/shimmer.dart';
import 'package:rain/app/ui/widgets/weather/sunset_sunrise.dart';
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';

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

  @override
  State<MainPage> createState() => _MainPageState();
}

class _MainPageState extends State<MainPage> {
  final weatherController = Get.put(WeatherController());

  @override
  Widget build(BuildContext context) {
    return RefreshIndicator(
      onRefresh: _handleRefresh,
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 10),
        child: Obx(() {
          if (weatherController.isLoading.isTrue) {
            return _buildLoadingView();
          }

          final mainWeather = weatherController.mainWeather;
          final weatherCard = WeatherCard.fromJson(mainWeather.toJson());
          final hourOfDay = weatherController.hourOfDay.value;
          final dayOfNow = weatherController.dayOfNow.value;
          final sunrise = mainWeather.sunrise![dayOfNow];
          final sunset = mainWeather.sunset![dayOfNow];
          final tempMax = mainWeather.temperature2MMax![dayOfNow];
          final tempMin = mainWeather.temperature2MMin![dayOfNow];

          return _buildMainView(
            context,
            mainWeather,
            weatherCard,
            hourOfDay,
            dayOfNow,
            sunrise,
            sunset,
            tempMax!,
            tempMin!,
          );
        }),
      ),
    );
  }

  Future<void> _handleRefresh() async {
    await weatherController.deleteAll(false);
    await weatherController.setLocation();
    setState(() {});
  }

  Widget _buildLoadingView() {
    return ListView(
      children: const [
        MyShimmer(height: 200),
        MyShimmer(height: 130, margin: EdgeInsets.symmetric(vertical: 15)),
        MyShimmer(height: 90, margin: EdgeInsets.only(bottom: 15)),
        MyShimmer(height: 400, margin: EdgeInsets.only(bottom: 15)),
        MyShimmer(height: 450, margin: EdgeInsets.only(bottom: 15)),
      ],
    );
  }

  Widget _buildMainView(
    BuildContext context,
    MainWeatherCache mainWeather,
    WeatherCard weatherCard,
    int hourOfDay,
    int dayOfNow,
    String sunrise,
    String sunset,
    double tempMax,
    double tempMin,
  ) {
    return ListView(
      children: [
        _buildNowWidget(
          mainWeather,
          hourOfDay,
          dayOfNow,
          sunrise,
          sunset,
          tempMax,
          tempMin,
        ),
        _buildHourlyList(context, mainWeather, hourOfDay, dayOfNow),
        _buildSunsetSunriseWidget(sunrise, sunset),
        _buildHourlyDescContainer(mainWeather, hourOfDay),
        _buildDailyContainer(weatherCard),
      ],
    );
  }

  Widget _buildNowWidget(
    MainWeatherCache mainWeather,
    int hourOfDay,
    int dayOfNow,
    String sunrise,
    String sunset,
    double tempMax,
    double tempMin,
  ) {
    return Now(
      time: mainWeather.time![hourOfDay],
      weather: mainWeather.weathercode![hourOfDay],
      degree: mainWeather.temperature2M![hourOfDay],
      feels: mainWeather.apparentTemperature![hourOfDay]!,
      timeDay: sunrise,
      timeNight: sunset,
      tempMax: tempMax,
      tempMin: tempMin,
    );
  }

  Widget _buildHourlyList(
    BuildContext context,
    MainWeatherCache mainWeather,
    int hourOfDay,
    int dayOfNow,
  ) {
    return Card(
      margin: const EdgeInsets.only(bottom: 15),
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
        child: SizedBox(
          height: 135,
          child: ScrollablePositionedList.separated(
            key: const PageStorageKey(0),
            separatorBuilder: (BuildContext context, int index) {
              return const VerticalDivider(
                width: 10,
                indent: 40,
                endIndent: 40,
              );
            },
            scrollDirection: Axis.horizontal,
            itemScrollController: weatherController.itemScrollController,
            itemCount: mainWeather.time!.length,
            itemBuilder: (ctx, i) {
              return _buildHourlyItem(
                context,
                mainWeather,
                i,
                hourOfDay,
                dayOfNow,
              );
            },
          ),
        ),
      ),
    );
  }

  Widget _buildHourlyItem(
    BuildContext context,
    MainWeatherCache mainWeather,
    int i,
    int hourOfDay,
    int dayOfNow,
  ) {
    final i24 = (i / 24).floor();

    return GestureDetector(
      onTap: () {
        weatherController.hourOfDay.value = i;
        weatherController.dayOfNow.value = i24;
        setState(() {});
      },
      child: Container(
        margin: const EdgeInsets.symmetric(vertical: 5),
        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 5),
        decoration: BoxDecoration(
          color: i == hourOfDay
              ? context.theme.colorScheme.secondaryContainer
              : Colors.transparent,
          borderRadius: const BorderRadius.all(Radius.circular(20)),
        ),
        child: Hourly(
          time: mainWeather.time![i],
          weather: mainWeather.weathercode![i],
          degree: mainWeather.temperature2M![i],
          timeDay: mainWeather.sunrise![i24],
          timeNight: mainWeather.sunset![i24],
        ),
      ),
    );
  }

  Widget _buildSunsetSunriseWidget(String sunrise, String sunset) {
    return SunsetSunrise(timeSunrise: sunrise, timeSunset: sunset);
  }

  Widget _buildHourlyDescContainer(
    MainWeatherCache mainWeather,
    int hourOfDay,
  ) {
    return DescContainer(
      humidity: mainWeather.relativehumidity2M?[hourOfDay],
      wind: mainWeather.windspeed10M?[hourOfDay],
      visibility: mainWeather.visibility?[hourOfDay],
      feels: mainWeather.apparentTemperature?[hourOfDay],
      evaporation: mainWeather.evapotranspiration?[hourOfDay],
      precipitation: mainWeather.precipitation?[hourOfDay],
      direction: mainWeather.winddirection10M?[hourOfDay],
      pressure: mainWeather.surfacePressure?[hourOfDay],
      rain: mainWeather.rain?[hourOfDay],
      cloudcover: mainWeather.cloudcover?[hourOfDay],
      windgusts: mainWeather.windgusts10M?[hourOfDay],
      uvIndex: mainWeather.uvIndex?[hourOfDay],
      dewpoint2M: mainWeather.dewpoint2M?[hourOfDay],
      precipitationProbability:
          mainWeather.precipitationProbability?[hourOfDay],
      shortwaveRadiation: mainWeather.shortwaveRadiation?[hourOfDay],
      initiallyExpanded: false,
      title: 'hourlyVariables'.tr,
    );
  }

  Widget _buildDailyContainer(WeatherCard weatherCard) {
    return DailyContainer(
      weatherData: weatherCard,
      onTap: () => Get.to(
        () => DailyCardList(weatherData: weatherCard),
        transition: Transition.downToUp,
      ),
    );
  }
}