Tanami_App/lib/features/MainScreens/Invest/presentation/pages/invest_layout.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:tanami_app/core/routes/route_name.dart';
import 'package:tanami_app/core/routes/routes.dart';
import 'package:tanami_app/core/styles/app_color.dart';
import 'package:tanami_app/core/styles/app_text.dart';
import 'package:tanami_app/features/MainScreens/Invest/presentation/widgets/kyc_card.dart';

import '../../../../../core/utils/language/localizations_delegate.dart';
import '../bloc/tab_bloc.dart';
import '../bloc/tab_event.dart';
import '../bloc/tab_state.dart';
import '../widgets/invest_closed_details_section.dart';
import '../widgets/invest_details_section.dart';
import '../widgets/invest_image_carousel.dart';

class InvestLayout extends StatelessWidget {
  const InvestLayout({super.key});

  @override
  Widget build(BuildContext context) {
    var localizations = AppLocalizations.of(context);
    return DefaultTabController(
      length: 2,
      child: Scaffold(
        backgroundColor: AppColor.plainWhite,
        body: Column(
          children: [
            TabBar(
              tabs: [
                Tab(text: localizations.translate(AppText.availableText)),
                Tab(text: localizations.translate(AppText.closedText)),
              ],
              labelStyle: GoogleFonts.dmSans(
                fontWeight: FontWeight.bold,
                fontSize: 14.0,
              ),
              unselectedLabelStyle: GoogleFonts.dmSans(
                fontWeight: FontWeight.normal,
                fontSize: 14.0,
              ),
              overlayColor: WidgetStateProperty.all(Colors.transparent),
              labelColor: AppColor.plainBlack,
              unselectedLabelColor: AppColor.charcoalColor,
              indicatorColor: AppColor.plainBlack,
              indicatorSize: TabBarIndicatorSize.tab,
              indicatorWeight: 1.0,
              indicatorPadding: const EdgeInsets.symmetric(horizontal: 16.0),
            ),
            const Expanded(
              child: TabBarView(
                children: [
                  AvailableItemsScreen(),
                  ClosedItemsScreen(),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class AvailableItemsScreen extends StatelessWidget {
  const AvailableItemsScreen({super.key});

  @override
  Widget build(BuildContext context) {
    context.read<TabBloc>().add(LoadAvailableItems());

    return BlocBuilder<TabBloc, TabState>(
      builder: (context, state) {
        if (state.loading) {
          return const Center(child: CircularProgressIndicator());
        } else if (state.errorMessage.isNotEmpty) {
          return Center(child: Text(state.errorMessage));
        } else if (state.availableItems.data!.rows!.isEmpty) {
          return const Center(child: Text('No available items.'));
        } else {
          return ListView.builder(
            itemCount: state.availableItems.data!.rows!.length + 1,
            itemBuilder: (context, index) {
              return index == 0
                  ? Container(
                      margin: const EdgeInsets.symmetric(
                        horizontal: 16,
                        vertical: 18,
                      ),
                      child: kycCard(context))
                  : GestureDetector(
                      onTap: () {
                        goRouter.pushNamed(RouteName.investDetailScreen,
                            pathParameters: {
                              "type": "available",
                              "id": state
                                  .availableItems.data!.rows![index - 1].id!
                                  .toString()
                            });
                      },
                      child: Container(
                        margin: const EdgeInsets.symmetric(
                          horizontal: 16,
                          vertical: 18,
                        ),
                        decoration: BoxDecoration(
                          color: AppColor.plainWhite,
                          borderRadius:
                              const BorderRadius.all(Radius.circular(20.0)),
                          boxShadow: [
                            BoxShadow(
                              color: AppColor.plainBlack.withOpacity(0.15),
                              spreadRadius: 2,
                              blurRadius: 10,
                              offset: const Offset(0, 3),
                            ),
                          ],
                        ),
                        child: Column(
                          children: [
                            InvestCarouselView(
                              imageList: state.availableItems.data!
                                  .rows![index - 1].artifactsImage!,
                            ),
                            InvestDetailsSection(
                              availableIOModel:
                                  state.availableItems.data!.rows![index - 1],
                            ),
                          ],
                        ),
                      ),
                    );
            },
          );
        }
      },
    );
  }
}

class ClosedItemsScreen extends StatelessWidget {
  const ClosedItemsScreen({super.key});

  @override
  Widget build(BuildContext context) {
    context.read<TabBloc>().add(LoadClosedItems());

    return BlocBuilder<TabBloc, TabState>(
      builder: (context, state) {
        if (state.loading) {
          return const Center(child: CircularProgressIndicator());
        } else if (state.errorMessage.isNotEmpty) {
          return Center(child: Text(state.errorMessage));
        } else if (state.closedItems.data!.rows!.isEmpty) {
          return const Center(child: Text('No available items.'));
        } else {
          return ListView.builder(
            itemCount: state.closedItems.data!.rows!.length,
            itemBuilder: (context, index) {
              return GestureDetector(
                onTap: () {
                  goRouter
                      .pushNamed(RouteName.investDetailScreen, pathParameters: {
                    "type": "closed",
                    "id": state.closedItems.data!.rows![index].id!.toString()
                  });
                },
                child: Container(
                  margin: const EdgeInsets.symmetric(
                    horizontal: 16,
                    vertical: 18,
                  ),
                  decoration: BoxDecoration(
                    color: AppColor.plainWhite,
                    borderRadius: const BorderRadius.all(Radius.circular(20.0)),
                    boxShadow: [
                      BoxShadow(
                        color: AppColor.plainBlack.withOpacity(0.15),
                        spreadRadius: 2,
                        blurRadius: 10,
                        offset: const Offset(0, 3),
                      ),
                    ],
                  ),
                  child: Column(
                    children: [
                      InvestCarouselView(
                        imageList: const [],
                      ),
                      InvestClosedDetailsSection(
                        closedIoModel: state.closedItems.data!.rows![index],
                      ),
                    ],
                  ),
                ),
              );
            },
          );
        }
      },
    );
  }
}