import 'package:flutter/material.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/models/enums/translation_keys.dart';
import 'package:test_sa/new_views/common_widgets/app_text_form_field.dart';
import 'package:test_sa/views/widgets/equipment/single_device_picker.dart';

import '../../../models/device/device.dart';

class PickAsset extends StatelessWidget {
  final Function(Device) onPickAsset;
  final Device device;

  const PickAsset({Key key, this.device, this.onPickAsset}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        AppTextFormField(
          enable: false,
          labelText: TranslationKeys.device,
          initialValue: context.translate(TranslationKeys.pickAsset),
          suffixIcon: "qr".toSvgAsset(height: 24, fit: BoxFit.fitHeight).paddingOnly(end: 16),
        ).onPress(() async {
          Device device = await Navigator.of(context).pushNamed(SingleDevicePicker.id) as Device;
          onPickAsset(device);
        }),
        if (device != null) 8.height,
        if (device != null)
          Card(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                context.translate(TranslationKeys.myAssets).heading5(context),
                8.height,
                "${context.translate(TranslationKeys.assetNo)}: ${device.assetNumber}".bodyText(context),
                "${context.translate(TranslationKeys.manufacture)}: ${device.modelDefinition?.manufacturerName}".bodyText(context),
                "${context.translate(TranslationKeys.model)}: ${device.modelDefinition?.modelName}".bodyText(context),
                "${context.translate(TranslationKeys.serialNumber)}: ${device.assetNumber}".bodyText(context),
                const Divider().defaultStyle(context),
                "${context.translate(TranslationKeys.department)}: ${device.department?.departmentName}".bodyText(context),
                "${context.translate(TranslationKeys.site)}: ${device.site?.custName}".bodyText(context),
              ],
            ).paddingAll(16),
          ),
      ],
    );
  }
}