import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/localization/localization.dart';
import 'package:test_sa/controllers/providers/api/devices_provider.dart';
import 'package:test_sa/controllers/providers/api/user_provider.dart';
import 'package:test_sa/controllers/providers/settings/setting_provider.dart';
import 'package:test_sa/models/device/device.dart';
import 'package:test_sa/models/subtitle.dart';
import 'package:test_sa/views/widgets/equipment/device_item.dart';
import 'package:test_sa/views/widgets/loaders/lazy_loading.dart';
import 'package:test_sa/views/widgets/loaders/loading_manager.dart';
import 'package:test_sa/views/widgets/loaders/no_item_found.dart';
import 'package:test_sa/views/widgets/qr/scan_qr.dart';

import '../app_text_form_field.dart';
class SingleDevicePicker extends StatefulWidget {
  static final String id = "/single-device-Picker";
  final bool sandraChoice = true;
  @override
  _SingleDevicePickerState createState() => _SingleDevicePickerState();
}

class _SingleDevicePickerState extends State<SingleDevicePicker> {
  DevicesProvider _devicesProvider;
  UserProvider _userProvider;
  SettingProvider _settingProvider;
  List<Device> _searchableList = [];
  bool _firstTime = true;
  Subtitle _subtitle;

  TextEditingController numberController = TextEditingController();
  TextEditingController snController = TextEditingController();
  _getDevice(String result) async {
    if(result == null) return;
    showDialog(
        barrierDismissible: false,
        context: context,
        builder: (dialogContext){
          return const Center(child: CircularProgressIndicator());
        }
    );
    List<Device> devices = await _devicesProvider.getDevicesListBySN(
        host: _settingProvider.host,
        user: _userProvider.user,
        hospitalId: _userProvider.user.hospital.id,
        sn: result
    );
    Navigator.of(context).pop();
    if(devices.isEmpty){
      Fluttertoast.showToast(msg: _subtitle.noDeviceFound);
      return;
    }
    Navigator.of(context).pop(devices.first);
  }

  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {
    numberController.dispose();
    snController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    _devicesProvider = Provider.of<DevicesProvider>(context);
    _userProvider = Provider.of<UserProvider>(context);
    _settingProvider = Provider.of<SettingProvider>(context);

    if(_firstTime && _devicesProvider.devices != null){
      _searchableList.clear();
      _searchableList.addAll(_devicesProvider.devices);
    }
    _subtitle = AppLocalization.of(context).subtitle;
    return Scaffold(
      resizeToAvoidBottomInset: false,
      body: LoadingManager(
        isLoading: _devicesProvider.isLoading,
        stateCode: _devicesProvider.stateCode,
        isFailedLoading: _devicesProvider.devices == null,
        onRefresh: () async {
          _devicesProvider.reset();
          await _devicesProvider.getEquipment(
              user: _userProvider.user,
              host: _settingProvider.host,
              hospitalId: _userProvider.user.hospital?.id
          );
        },
        child: Column(
          children: [
            const SizedBox(height: 48),
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 8,horizontal: 16),
              child: Column(
                children: [
                  ATextFormField(
                    hintText: _subtitle.searchBySn,
                    controller: snController,
                    style:  Theme.of(context).textTheme.subtitle1,
                    suffixIcon: const Icon(Icons.search_rounded),
                    textInputAction: TextInputAction.search,
                    onAction: () async {
                      _devicesProvider.reset();
                      await _devicesProvider.getEquipment(
                          user: _userProvider.user,
                          host: _settingProvider.host,
                          hospitalId: _userProvider.user.hospital?.id,
                          serialNumber: snController.text,
                          number: numberController.text
                      );
                      _searchableList.clear();
                      _searchableList.addAll(_devicesProvider.devices);
                    },
                  ),
                  const SizedBox(height: 8,),
                  ATextFormField(
                    hintText: "Search by Number",
                    controller: numberController,
                    style:  Theme.of(context).textTheme.subtitle1,
                    suffixIcon: const Icon(Icons.search_rounded),
                    textInputAction: TextInputAction.search,
                    onAction: () async {
                      _devicesProvider.reset();
                      await _devicesProvider.getEquipment(
                          user: _userProvider.user,
                          host: _settingProvider.host,
                          hospitalId: _userProvider.user.hospital?.id,
                          serialNumber: snController.text,
                          number: numberController.text
                      );
                      _searchableList.clear();
                      _searchableList.addAll(_devicesProvider.devices);
                    },
                  ),
                ],
              ),
            ),
            Expanded(
              child: _searchableList.isEmpty ?
              NoItemFound(message: _subtitle.noDeviceFound,):
              LazyLoading(
                nextPage: _devicesProvider.nextPage,
                onLazyLoad: () async {
                  await _devicesProvider.getDevicesList(
                      user: _userProvider.user,
                      host: _settingProvider.host,
                      hospitalId: _userProvider.user.hospital?.id,
                      serialNumber: snController.text,
                      number: numberController.text
                  );
                },
                child:ListView.builder(
                  padding: EdgeInsets.zero,
                  shrinkWrap: true,
                  itemCount: _searchableList.length,
                  itemBuilder: (listContext,itemIndex){
                    return DeviceItem(
                      device: _searchableList[itemIndex],
                      onPressed: (device){
                        Navigator.of(context).pop(device);
                      },
                    );
                  },
                ),
              )
            ),
          ],
        ),
      ),
      // floatingActionButton: FloatingActionButton(
      //   heroTag: "some tag 2",
      //   child: const Icon(Icons.qr_code_scanner),
      //   onPressed: () async {
      //     String result = await Navigator.of(context).push(
      //       MaterialPageRoute(builder: (_)=> const ScanQr()),
      //     ) as String;
      //     _getDevice(result);
      //   },
      // ),
    );
  }
}