import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:provider/provider.dart';
import 'package:tm_app/core/constants/assets.dart';
import 'package:tm_app/core/constants/strings.dart';
import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/view_models/tender_detail_view_model.dart';
import 'package:tm_app/views/detail/widgets/tender_detail_action.dart';
import 'package:tm_app/views/detail/widgets/tender_detail_card.dart';
import 'package:tm_app/views/detail/widgets/tender_detail_header.dart';

class TenderDetailTabletPage extends StatefulWidget {
  final String tenderId;
  const TenderDetailTabletPage({required this.tenderId, super.key});

  @override
  State<TenderDetailTabletPage> createState() => _TenderDetailTabletPageState();
}

class _TenderDetailTabletPageState extends State<TenderDetailTabletPage> {
  late final TenderDetailViewModel viewModel;
  @override
  void initState() {
    viewModel = context.read<TenderDetailViewModel>();
    viewModel.addListener(_viewModelListener);
    super.initState();
  }

  void _viewModelListener() {
    if (viewModel.status.isNotEmpty &&
        viewModel.status == 'approved' &&
        viewModel.approvalStatus == true) {
      ScaffoldMessenger.of(
        context,
      ).showSnackBar(SnackBar(content: Text('tender approved successfully!')));
    }
    if (viewModel.status.isNotEmpty &&
        viewModel.status == 'unapproved' &&
        viewModel.approvalStatus == true) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('tender approve removed sucessfully!')),
      );
    }
    if (viewModel.status.isNotEmpty &&
        viewModel.status == 'rejected' &&
        viewModel.approvalStatus == true) {
      ScaffoldMessenger.of(
        context,
      ).showSnackBar(SnackBar(content: Text('tender rejected sucessfully!')));
    }
    if (viewModel.status.isNotEmpty &&
        viewModel.status == 'unrejected' &&
        viewModel.approvalStatus == true) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('tender reject removed sucessfully!')),
      );
    }
    // if (viewModel.errorMessage != null) {
    //   ScaffoldMessenger.of(context).showSnackBar(
    //     SnackBar(
    //       backgroundColor: AppColors.errorColor,
    //       content: Text(viewModel.errorMessage!),
    //     ),
    //   );
    // }
  }

  @override
  void dispose() {
    viewModel.removeListener(_viewModelListener);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.backgroundColor,
      appBar: _buildAppBar(context),
      body: Consumer<TenderDetailViewModel>(
        builder: (context, tenderViewModel, child) {
          if (tenderViewModel.isLoading) {
            return const Center(
              child: CircularProgressIndicator(color: AppColors.secondary50),
            );
          }

          if (tenderViewModel.errorMessage != null) {
            return Center(child: Text(tenderViewModel.errorMessage!));
          }

          final detail = tenderViewModel.tenderDetail;
          if (detail == null) {
            return const Center(child: Text('No tender details available'));
          }
          return SingleChildScrollView(
            child: Center(
              child: SizedBox(
                width: 768,

                child: Padding(
                  padding: const EdgeInsets.all(24.0),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      TenderDetailHeader(isScreenBig: true, detail: detail),
                      SizedBox(height: 28.0.h()),
                      TenderDetailCard(detail: detail),
                      SizedBox(height: 24.0.h()),
                      TenderDetailActions(isScreenBig: true, detail: detail),
                    ],
                  ),
                ),
              ),
            ),
          );
        },
      ),
    );
  }

  PreferredSizeWidget _buildAppBar(BuildContext context) {
    return PreferredSize(
      preferredSize: const Size.fromHeight(60),
      child: AppBar(
        backgroundColor: AppColors.backgroundColor,
        elevation: 0,
        titleSpacing: 0,
        leading: IconButton(
          icon: SvgPicture.asset(
            AssetsManager.arrowLeft,
            height: 24.0.w(),
            width: 24.0.w(),
          ),
          onPressed: () => Navigator.pop(context),
        ),
        title: Text(
          AppStrings.tenderDetailTitle,
          style: TextStyle(
            color: AppColors.grey70,
            fontWeight: FontWeight.w600,
            fontSize: 20.0.sp(),
          ),
        ),
      ),
    );
  }
}