import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:mohem_flutter_app/api/my_team/my_team_api_client.dart';
import 'package:mohem_flutter_app/classes/colors.dart';
import 'package:mohem_flutter_app/classes/utils.dart';
import 'package:mohem_flutter_app/config/routes.dart';
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
import 'package:mohem_flutter_app/models/my_team/get_employee_subordinates_list.dart';
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
import 'package:url_launcher/url_launcher.dart';

class TeamMembers extends StatefulWidget {
  const TeamMembers({Key? key}) : super(key: key);

  @override
  _TeamMembersState createState() => _TeamMembersState();
}

class _TeamMembersState extends State<TeamMembers> {
  String searchEmpEmail ="";
  String searchEmpName ="";
  String searchEmpNo = "";
  String? empId;
  List<GetEmployeeSubordinatesList> getEmployeeSubordinatesList = [];
  GetEmployeeSubordinatesList? getEmployeeSubordinates;

  void initState() {
    super.initState();
   employeeSubordinates();
  }

  void employeeSubordinates() async {
    try {
      Utils.showLoading(context);
      getEmployeeSubordinatesList = await MyTeamApiClient().getEmployeeSubordinates(searchEmpEmail.toString(), searchEmpName.toString(), searchEmpNo.toString());
      getEmployeeSubordinatesList = await MyTeamApiClient().employeeSubordinates(searchEmpEmail.toString(), searchEmpName.toString(), searchEmpNo.toString(),getEmployeeSubordinates?.eMPLOYEENUMBER);
      Utils.hideLoading(context);
      setState(() {});
    } catch (ex) {
      Utils.hideLoading(context);
      Utils.handleException(ex, context, null);
    }
  }

  @override
  Widget build(BuildContext context) {
    getEmployeeSubordinates ??= ModalRoute.of(context)?.settings.arguments as GetEmployeeSubordinatesList;
    return Scaffold(
        appBar: AppBarWidget(
          context,
          title: LocaleKeys.teamMembers.tr(),
        ),
        backgroundColor: MyColors.backgroundColor,
        body: SingleChildScrollView(
         scrollDirection: Axis.vertical,
         child: Column(
            children: <Widget>[
            getEmployeeSubordinatesList != 0
            ? ListView.separated(
            scrollDirection: Axis.vertical,
            shrinkWrap: true,
            padding: EdgeInsets.all(21),
            physics: ScrollPhysics(),
            separatorBuilder: (cxt, index) => 12.height,
            itemCount: getEmployeeSubordinatesList.length,
            itemBuilder: (context, index) {
            var phoneNumber = Uri.parse('tel:${getEmployeeSubordinatesList[index].eMPLOYEEMOBILENUMBER}');
              return Container(
                child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                   CircleAvatar(
                  radius: 25,
                  backgroundImage: MemoryImage(Utils.getPostBytes(getEmployeeSubordinatesList[index].eMPLOYEEIMAGE)),
                  backgroundColor: Colors.black,
                  ),
                 SizedBox(width: 10,),
                  Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                  // "Present".toText13(color: MyColors.greenColor),
                  "${getEmployeeSubordinatesList[index].eMPLOYEENAME}".toText16(isBold: true, color: MyColors.grey3AColor),
                  "${getEmployeeSubordinatesList[index].pOSITIONNAME}".toText10(isBold: true, color: MyColors.grey57Color),
                  ],
                  ).expanded,
                        Column(
                        children: [
                          IconButton(
                        onPressed: () {
                        launchUrl(phoneNumber);
                        },
                            icon: Icon(
                            Icons.whatsapp,
                            color: Colors.green,
                            ),),],
                            ),],
                  ),).objectContainerView();
                        }): Container(
                         child: LocaleKeys.noResultsFound.tr().toText16(color: MyColors.blackColor),
                          ).paddingOnly(top: 10),
        ],
        )
    ));
  }
}