mobile-app/lib/presentation/screens/plot_detail/sc_plot_detail.dart

import 'package:farm_tpf/custom_model/CropPlot.dart';
import 'package:farm_tpf/data/repository/repository.dart';
import 'package:farm_tpf/presentation/custom_widgets/app_bar_widget.dart';
import 'package:farm_tpf/presentation/custom_widgets/widget_loading.dart';
import 'package:farm_tpf/presentation/screens/plot_detail/bloc/plot_detail_bloc.dart';
import 'package:farm_tpf/presentation/screens/plot_detail/widget_tab.dart';
import 'package:farm_tpf/utils/const_assets.dart';
import 'package:farm_tpf/utils/formatter.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

class PlotDetailScreen extends StatefulWidget {
  int? cropId;
  String? cropCode;
  int cropType;
  int initialIndex;
  PlotDetailScreen({
    this.cropId,
    this.initialIndex = 0,
    this.cropCode,
    required this.cropType,
  });
  @override
  _PlotDetailScreenState createState() => _PlotDetailScreenState();
}

class _PlotDetailScreenState extends State<PlotDetailScreen> {
  Widget content({
    String? suppliesName,
    String? code,
    num? areaM2,
  }) {
    return Column(
      children: [
        Container(
          padding: EdgeInsets.all(8),
          width: double.infinity,
          color: Colors.white,
          child: Row(
            children: [
              SizedBox(
                width: 12,
              ),
              Expanded(
                child: Container(
                  height: 75,
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Text('${suppliesName ?? ''}', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18)),
                      Expanded(
                        child: SizedBox(),
                      ),
                      Text(
                        'Mã lô: ${code ?? ''}',
                        style: TextStyle(color: Colors.grey),
                        overflow: TextOverflow.clip,
                      ),
                      Text('Diện tích: ${areaM2?.formatNumtoStringDecimal() ?? '0'} m\u00B2', style: TextStyle(color: Colors.grey))
                    ],
                  ),
                ),
              ),
              Image.asset(
                AppAssets.tempImage,
                width: 75,
                height: 75,
              )
            ],
          ),
        ),
        Expanded(
            child: HomeTabbarWidget(
          cropType: widget.cropType,
          cropId: widget.cropId,
          cropCode: widget.cropCode,
          initialIndex: widget.initialIndex,
        ))
      ],
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBarWidget(),
        body: BlocProvider(
          create: (context) => PlotDetailBloc(repository: Repository())
            ..add(
              CheckInfo(cropId: widget.cropId ?? -1, cropCode: widget.cropCode ?? ''),
            ),
          child: BlocConsumer<PlotDetailBloc, PlotDetailState>(listener: (context, state) {
            if (state is PlotDetailLoading) {
              LoadingDialog.showLoadingDialog(context);
            } else if (state is PlotDetailFailure) {
              LoadingDialog.hideLoadingDialog(context);
            } else {
              LoadingDialog.hideLoadingDialog(context);
            }
          }, builder: (context, state) {
            if (state is PlotDetailSuccess) {
              var cropPlot = state.ownerItem as CropPlot;
              return content(
                suppliesName: cropPlot.tbCropDTO?.suppliesName ?? '',
                code: cropPlot.tbCropDTO?.code,
                areaM2: cropPlot.tbCropDTO?.areaM2,
              );
            } else {
              return content(suppliesName: '', code: '', areaM2: 0);
            }
          }),
        ));
  }
}