import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:generp/Notifiers/GeneratorDetailsProvider.dart';
import 'package:generp/screens/genTracker/ComplaintHistory.dart';
import 'package:provider/provider.dart';

import '../../Notifiers/HomeScreenNotifier.dart';
import '../../Utils/app_colors.dart';
import '../../Utils/commonWidgets.dart';
class Generatordetails extends StatefulWidget {
  const Generatordetails({super.key});

  @override
  State<Generatordetails> createState() => _GeneratordetailsState();
}

class _GeneratordetailsState extends State<Generatordetails> {
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      var details = Provider.of<Generatordetailsprovider>(
        context,
        listen: false,
      );
      var homeProvider = Provider.of<HomescreenNotifier>(context,listen: false);
      details.LoadgeneratorDetailsApifunction(homeProvider,context, "",details.genID);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Consumer<Generatordetailsprovider>(
      builder: (context, provider, child) {

        return Scaffold(
          appBar: appbar(context, "Visit Details"),
          backgroundColor: AppColors.scaffold_bg_color,
          body: Container(
            child: SingleChildScrollView(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text("Customer Details"),
                  Container(
                    margin: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                    padding: EdgeInsets.symmetric(horizontal: 15, vertical: 10),
                    decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.circular(20),
                    ),
                    child: Column(
                      children: [
                        Row(
                          children: [
                            Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: List.generate(4, (j) {
                                final textheads = [
                                  "${provider.cname}",
                                  "Mobile Number",
                                  "Contact Person Number",
                                  "Mail ID",
                                ];
                                final textSubheads = [
                                  "${provider.aname}",
                                  "${provider.mob1}",
                                  "${provider.mob2}",
                                  "${provider.mail}",
                                ];
                                return Container(
                                  padding: EdgeInsets.symmetric(vertical: 3),
                                  child: Container(
                                    padding: EdgeInsets.symmetric(
                                      vertical: 3,
                                      horizontal: 0,
                                    ),
                                    child: Column(
                                      children: [
                                        Row(
                                          mainAxisAlignment:
                                          MainAxisAlignment.spaceBetween,
                                          children: [
                                            if (j == 0) ...[
                                              SvgPicture.asset(
                                                "assets/svg/se_block_head.svg",
                                              ),
                                              SizedBox(width: 5),
                                            ],
                                            Column(
                                              crossAxisAlignment:
                                              CrossAxisAlignment.start,
                                              children: [
                                                Text(textheads[j].toString()),
                                                SizedBox(
                                                  // height:45,
                                                  width:
                                                  MediaQuery.of(
                                                    context,
                                                  ).size.width *
                                                      0.75,
                                                  child: Text(
                                                    textSubheads[j],
                                                    maxLines: 2,
                                                    overflow:
                                                    TextOverflow.ellipsis,
                                                    style: TextStyle(
                                                      color: Color(0xFF818181),
                                                    ),
                                                  ),
                                                ),
                                              ],
                                            ),
                                          ],
                                        ),
                                      ],
                                    ),
                                  ),
                                );
                              }),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),

                  Text("Generator Details"),
                  Container(
                    margin: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
                    padding: EdgeInsets.symmetric(horizontal: 15, vertical: 10),
                    decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.circular(20),
                    ),
                    child: Column(
                      children: [
                        Row(
                          children: [
                            SvgPicture.asset("assetName"),
                            Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: List.generate(6, (j) {
                                final textheads = [
                                  "Gen ID",
                                  "Engine Number",
                                  "Address",
                                  "Product Name",
                                  "Engine Model",
                                  "Date Of Supply",
                                ];
                                final textSubheads = [
                                  "${provider.genID}",
                                  "${provider.engineNo}",
                                  "${provider.address}",
                                  "${provider.spname}",
                                  "${provider.emodel}",
                                  "${provider.dateOfEngineSale}",
                                ];
                                return Container(
                                  padding: EdgeInsets.symmetric(vertical: 3),
                                  child: Column(
                                    children: [
                                      Row(
                                        mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                        children: [
                                          Container(
                                            padding: EdgeInsets.symmetric(
                                              vertical: 3,
                                              horizontal: 0,
                                            ),
                                            child: Column(
                                              crossAxisAlignment:
                                              CrossAxisAlignment.start,
                                              children: [
                                                Text(textheads[j].toString()),
                                                SizedBox(
                                                  // height:45,
                                                  width:
                                                  MediaQuery.of(
                                                    context,
                                                  ).size.width *
                                                      0.8,
                                                  child: Text(
                                                    textSubheads[j],
                                                    maxLines: 2,
                                                    overflow:
                                                    TextOverflow.ellipsis,
                                                    style: TextStyle(
                                                      color: Color(0xFF818181),
                                                    ),
                                                  ),
                                                ),
                                              ],
                                            ),
                                          ),
                                        ],
                                      ),
                                    ],
                                  ),
                                );
                              }),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),


                  SizedBox(height: 75),
                ],
              ),
            ),
          ),
          floatingActionButton: Align(
            alignment: Alignment.bottomCenter,
            child: InkWell(
              onTap: () {
                Navigator.push(context, MaterialPageRoute(builder: (context) => Complainthistory(),));

              },
              child: Container(
                alignment: Alignment.bottomCenter,
                height: 45,
                width: MediaQuery.of(context).size.width,
                margin: EdgeInsets.symmetric(horizontal: 10),
                decoration: BoxDecoration(
                  color: AppColors.app_blue,
                  borderRadius: BorderRadius.circular(30.0),
                ),
                child: Center(
                  child: Text(
                    "Complaint History",
                    textAlign: TextAlign.center,
                    style: TextStyle(color: Colors.white),
                  ),
                ),
              ),
            ),
          ),
          floatingActionButtonLocation:
          FloatingActionButtonLocation.centerFloat,
        );
      },
    );
  }
}