import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_web/pages/access_management/bloc/access_bloc.dart';
import 'package:syncrow_web/pages/access_management/bloc/access_event.dart';
import 'package:syncrow_web/pages/access_management/bloc/access_state.dart';
import 'package:syncrow_web/pages/common/custom_table.dart';
import 'package:syncrow_web/pages/common/date_time_widget.dart';
import 'package:syncrow_web/pages/common/default_button.dart';
import 'package:syncrow_web/pages/visitor_password/view/visitor_password_dialog.dart';
import 'package:syncrow_web/utils/color_manager.dart';
import 'package:syncrow_web/utils/constants/const.dart';
import 'package:syncrow_web/utils/style.dart';
import 'package:syncrow_web/web_layout/web_scaffold.dart';

class AccessManagementPage extends StatelessWidget {
  const AccessManagementPage({super.key});
  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return WebScaffold(
        enableMenuSideba: false,
        appBarTitle: Row(
          children: [
            Text(
              'Access Management',
              style: Theme.of(context).textTheme.headlineLarge,
            )
          ],
        ),
        appBarBody: [
          Text(
            'Physical Access',
            style: Theme.of(context)
                .textTheme
                .headlineMedium!
                .copyWith(color: Colors.white),
          ),
        ],
        scaffoldBody: BlocProvider(create: (BuildContext context) => AccessBloc()..add(FetchTableData()),
            child: BlocConsumer<AccessBloc, AccessState>(listener: (context, state) {
              if (state is FailedState) {
                // CustomSnackBar.displaySnackBar(
                // state.errorMessage
                // );
              }
            }, builder: (context, state) {
              final accessBloc = BlocProvider.of<AccessBloc>(context);
              return Container(
                padding: EdgeInsets.all(30),
                height: size.height,
                width: size.width,
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Container(
                      decoration: containerDecoration,
                      height: size.height * 0.05,
                        child: Flexible(
                          child: ListView.builder(
                            scrollDirection: Axis.horizontal,
                            itemCount: BlocProvider.of<AccessBloc>(context).tabs.length,
                            shrinkWrap: true,
                            itemBuilder: (context, index) {
                              final isSelected = index ==
                                  BlocProvider.of<AccessBloc>(context).selectedIndex;
                              return InkWell(
                                onTap: () {
                                  BlocProvider.of<AccessBloc>(context).add(TabChangedEvent(index));
                                },
                                child: Container(
                                  decoration: BoxDecoration(
                                      color: ColorsManager.boxColor,
                                      border: Border.all(
                                        color: isSelected ? Colors.blue : Colors.transparent,
                                        width: 2.0,),
                                      borderRadius: index == 0
                                          ? const BorderRadius.only(
                                          topLeft: Radius.circular(10),
                                          bottomLeft: Radius.circular(10))
                                          : index == 3
                                          ? const BorderRadius.only(
                                          topRight: Radius.circular(10),
                                          bottomRight: Radius.circular(10))
                                          : null),
                                  padding: const EdgeInsets.only(left: 10,right: 10),
                                  child: Center(
                                    child: Text(
                                      BlocProvider.of<AccessBloc>(context).tabs[index],
                                      style: TextStyle(
                                        color: isSelected
                                            ? Colors.blue
                                            : Colors.black,
                                      ),
                                    ),
                                  ),
                                ),
                              );
                            },
                          ),
                        ),
                      ),
                    const SizedBox(
                      height: 20,
                    ),
                    Row(
                      children: [
                        Column(

                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            const Text('Name'),
                            Container(
                                width: size.width * 0.15,
                                decoration: containerDecoration,
                                child: TextFormField(
                                  controller: accessBloc.passwordName,
                                  style: const TextStyle(color: Colors.black),
                                  decoration: textBoxDecoration()!
                                      .copyWith(hintText: 'Please enter'),
                                )),
                          ],
                        ),
                        const SizedBox(
                          width: 15,
                        ),
                        DateTimeWebWidget(
                          isRequired: false,
                            title: 'Access Time',
                            size: size,
                            endTime: () {
                              accessBloc.add(SelectTime(context: context, isStart: false));
                            },
                            startTime: () {
                              accessBloc.add(SelectTime(context: context, isStart: true));
                            },
                            firstString:BlocProvider.of<AccessBloc>(context).startTime ,
                            secondString:BlocProvider.of<AccessBloc>(context).endTime ,
                        ) ,
                        const SizedBox(
                          width: 15,
                        ),

                        SizedBox(
                          width: size.width * 0.06,
                          child: Column(
                            children: [
                              Text(''),
                              Container(
                               decoration: containerDecoration,
                               child: DefaultButton(
                                   onPressed: () {
                                     accessBloc.add(FilterDataEvent(
                                         passwordName: accessBloc.passwordName.text,
                                          startTime: accessBloc.effectiveTimeTimeStamp,
                                          endTime: accessBloc.expirationTimeTimeStamp
                                      ));
                                    }, borderRadius: 9,
                               child: const Text('Search'))),
                            ],
                          ),
                        ),
                        const SizedBox(
                          width: 10,
                        ),
                        SizedBox(
                          width: size.width * 0.06,
                          child: Column(
                            children: [
                              Text(''),
                              Container(
                                decoration: containerDecoration,
                                child: DefaultButton(
                                  onPressed: () {
                                    accessBloc.add(ResetSearch());
                                  },
                                  backgroundColor: ColorsManager.whiteColors,
                                  borderRadius: 9,
                                  child: Text(
                                    'Reset',
                                    style: Theme.of(context)
                                        .textTheme
                                        .bodySmall!
                                        .copyWith(color: Colors.black),
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                    const SizedBox(
                      height: 20,
                    ),
                    Wrap(
                      children: [
                        Container(
                          width: size.width * 0.15,
                          decoration: containerDecoration,
                          child:  DefaultButton(
                            onPressed: () {
                               showDialog(
                                context: context,
                                barrierDismissible: false,
                                builder: (BuildContext context) {
                                  return const VisitorPasswordDialog();
                                },
                              );
                            },
                              borderRadius: 8,
                              child: const Text('+    Create Visitor Password ')),
                        ),
                        const SizedBox(
                          width: 10,
                        ),
                        Container(
                            width: size.width * 0.12,
                            decoration: containerDecoration,
                            child: DefaultButton(
                                borderRadius: 8,
                                backgroundColor: ColorsManager.whiteColors,
                                child: Text(
                                  'Admin Password',
                                  style: Theme.of(context)
                                      .textTheme
                                      .bodySmall!
                                      .copyWith(color: Colors.black),
                                )))
                      ],
                    ),
                    const SizedBox(
                      height: 20,
                    ),
                    Expanded(
                      child: state is TableLoaded
                          ? DynamicTable(
                        size: size,
                        cellDecoration: containerDecoration,
                        headers: const [
                          'Name',
                          'Access Type',
                          'Access Period',
                          'Device Id',
                          'Authorizer',
                          'Authorization Date & Time',
                          'Access Status'
                        ],
                        data: state.data.map((item) {
                          return [
                            item.passwodName.toString(),
                            item.passwordType.value,
                            ('${accessBloc.timestampToDate(item.effectiveTime)} - ${accessBloc.timestampToDate(item.invalidTime)}'),
                            item.deviceUuid.toString(),
                            '',
                            '',
                            ''
                          ];
                        }).toList(),
                      )
                          : const Center(child: CircularProgressIndicator()),
                    )

                  ],
                ),
              );
            })));
  }


  // Container TableWidget(Size size, TableLoaded state,AccessBloc accessBloc) {
  //   return Container(
  //     decoration: containerDecoration,
  //     width: size.width,
  //     child: Padding(
  //       padding: const EdgeInsets.all(10.0),
  //       child: ListView(
  //         scrollDirection: Axis.horizontal,
  //         children: [
  //           Container(
  //             width: size.width,
  //             height: size.height,
  //             child: Column(
  //               children: [
  //                 Container(
  //                   color: ColorsManager.boxColor,
  //                   child: Row(
  //                     children: [
  //                        _buildTableHeaderCell('Password name'),
  //                       _buildTableHeaderCell(' Password Type'),
  //                       _buildTableHeaderCell('Start Time'),
  //                       _buildTableHeaderCell('End Time'),
  //                       _buildTableHeaderCell('Device Id'),
  //                       // _buildTableHeaderCell('Authorization Source'),
  //                       // _buildTableHeaderCell('Authorizer'),
  //                       _buildTableHeaderCell('Password Created'),
  //                       // _buildTableHeaderCell('Access Status'),
  //                       _buildTableHeaderCell('Password Status'),
  //                     ],
  //                   ),
  //                 ),
  //                 Expanded(
  //                   child: Container(
  //                     width: size.width,
  //                     color: ColorsManager.whiteColors,
  //                     child: ListView(
  //                       shrinkWrap: true,
  //                       children: [
  //                         Column(
  //                           children: state.data.map((item) {
  //                             return Row(
  //                               children: [
  //                                 _buildTableCell(item.passwodName),
  //                                 _buildTableCell(item.passwordType),
  //
  //                                 _buildTableCell(accessBloc.timestampToDateTime(item.effectiveTime).toString()),
  //                                 _buildTableCell(accessBloc.timestampToDateTime(item.invalidTime).toString()),
  //                                 _buildTableCell(item.deviceUuid.toString()),
  //                                 // _buildTableCell(item.authorizationSource),
  //                                 // _buildTableCell(item.authorizer),
  //                                 _buildTableCell(item.passwordCreated!=null?accessBloc.timestampToDateTime(item.passwordCreated).toString():'no data'),
  //                                 // _buildTableCell(item.accessStatus),
  //                                 _buildTableCell(item.passwordStatus.toString()),
  //                               ],
  //                             );
  //                           }).toList(),
  //                         ),
  //                       ],
  //                     ),
  //                   ),
  //                 ),
  //               ],
  //             ),
  //           ),
  //         ],
  //       ),
  //     ),
  //   );
  // }
}