import 'package:flutter/material.dart';
import 'package:lightmeter/data/models/exposure_pair.dart';
import 'package:lightmeter/res/dimens.dart';

import 'package:lightmeter/screens/metering/components/shared/exposure_pairs_list/components/empty_exposure_pairs_list/widget_list_exposure_pairs_empty.dart';
import 'package:lightmeter/screens/metering/components/shared/exposure_pairs_list/components/exposure_pairs_list_item/widget_item_list_exposure_pairs.dart';

class ExposurePairsList extends StatelessWidget {
  final List<ExposurePair> exposurePairs;

  const ExposurePairsList(this.exposurePairs, {super.key});

  @override
  Widget build(BuildContext context) {
    if (exposurePairs.isEmpty) {
      return const EmptyExposurePairsList();
    }
    return Stack(
      alignment: Alignment.center,
      children: [
        Positioned.fill(
          child: ListView.builder(
            key: ValueKey(exposurePairs.hashCode),
            padding: const EdgeInsets.symmetric(vertical: Dimens.paddingL),
            itemCount: exposurePairs.length,
            itemBuilder: (_, index) => Stack(
              alignment: Alignment.center,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Expanded(
                      child: Align(
                        alignment: Alignment.centerLeft,
                        child: ExposurePairsListItem(
                          exposurePairs[index].aperture,
                          tickOnTheLeft: false,
                        ),
                      ),
                    ),
                    Expanded(
                      child: Align(
                        alignment: Alignment.centerLeft,
                        child: ExposurePairsListItem(
                          exposurePairs[index].shutterSpeed,
                          tickOnTheLeft: true,
                        ),
                      ),
                    ),
                  ],
                ),
                Positioned(
                  top: 0,
                  bottom: 0,
                  child: LayoutBuilder(
                    builder: (context, constraints) => Align(
                      alignment: index == 0
                          ? Alignment.bottomCenter
                          : (index == exposurePairs.length - 1
                              ? Alignment.topCenter
                              : Alignment.center),
                      child: SizedBox(
                        height: index == 0 || index == exposurePairs.length - 1
                            ? constraints.maxHeight / 2
                            : constraints.maxHeight,
                        child: ColoredBox(
                          color: Theme.of(context).colorScheme.onBackground,
                          child: const SizedBox(width: 1),
                        ),
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }
}