import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/api/visits_api_client.dart';

import '../../../../controllers/localization/localization.dart';
import '../../../../controllers/providers/api/regular_visits_provider.dart';
import '../../../../models/subtitle.dart';
import '../../../../models/visits/visits_search.dart';
import '../../../app_style/colors.dart';
import '../../../widgets/buttons/app_back_button.dart';
import '../../../widgets/buttons/app_button.dart';
import '../../../widgets/buttons/app_icon_button.dart';
import '../../../widgets/loaders/loading_manager.dart';
import '../../../widgets/search/visits_search_bar.dart';
import '../../../widgets/visits/visits_list.dart';

class RegularVisitsPage extends StatefulWidget {
  static const String id = "/Regular-visits";

  const RegularVisitsPage({super.key});

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

class RegularVisitsPageState extends State<RegularVisitsPage> with TickerProviderStateMixin {
  late RegularVisitsProvider _visitsProvider;
  final bool _expandedSearch = false;
  late Subtitle? _subtitle;

  @override
  Widget build(BuildContext context) {
    _visitsProvider = Provider.of<RegularVisitsProvider>(context);
    _subtitle = AppLocalization.of(context)?.subtitle;
    return Scaffold(
      body: SafeArea(
        child: LoadingManager(
          isLoading: _visitsProvider.loading,
          stateCode: _visitsProvider.stateCode,
          onRefresh: () async {
            _visitsProvider.reset();
            //_visitsProvider.visitsSearch = VisitsSearch();
            await _visitsProvider.getVisits();
          },
          child: Stack(
            children: [
              Column(
                children: [
                  Container(
                    color: AColors.primaryColor,
                    padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 4),
                    child: Column(
                      children: [
                        Row(
                          children: [
                            const ABackButton(),
                            Expanded(
                              child: Center(
                                child: Text(
                                  _subtitle?.preventiveMaintenance ?? '',
                                  style: Theme.of(context).textTheme.titleLarge?.copyWith(color: AColors.white, fontStyle: FontStyle.italic),
                                ),
                              ),
                            ),
                            AnimatedSwitcher(
                              duration: const Duration(milliseconds: 400),
                              child: AIconButton(
                                key: ValueKey(_expandedSearch),
                                iconData: _expandedSearch ? Icons.keyboard_arrow_up : Icons.search,
                                color: AColors.secondaryColor,
                                buttonSize: 42,
                                backgroundColor: AColors.white,
                                onPressed: () async {
                                  VisitsSearch temp = await showModalBottomSheet(
                                      context: context,
                                      isScrollControlled: true,
                                      builder: (context) {
                                        return VisitsSearchDialog(
                                          initialSearchValue: _visitsProvider.visitsSearch!,
                                          onSearch: (visitsSearch) {},
                                        );
                                      });
                                  _visitsProvider.visitsSearch?.fromSearch(temp);
                                  _visitsProvider.reset();
                                  setState(() {});
                                },
                              ),
                            ),
                            const SizedBox(width: 16)
                          ],
                        ),
                      ],
                    ),
                  ),
                  Visibility(
                    visible: _visitsProvider.visitsSearch?.queryParameters().isNotEmpty ?? false,
                    child: Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: AButton(
                        text: _subtitle?.clearSearch ?? '',
                        onPressed: () {
                          _visitsProvider.visitsSearch = VisitsSearch();
                          _visitsProvider.reset();
                          setState(() {});
                        },
                      ),
                    ),
                  ),
                  Expanded(
                    child: VisitsList(
                      nextPage: _visitsProvider.nextPage,
                      onLazyLoad: () async {
                        await _visitsProvider.getVisits();
                      },
                      onEditGroup: (visits) async {
                        await _visitsProvider.updateGroupOfVisits(context);
                      },
                      visits: VisitsApiClient().visits,
                    ),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}