import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/api_routes/urls.dart';
import 'package:test_sa/controllers/providers/api/devices_provider.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/string_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/models/device/asset_by_id_model.dart';
import 'package:test_sa/new_views/common_widgets/default_app_bar.dart';
import 'package:test_sa/views/widgets/loaders/app_loading.dart';
import 'package:test_sa/views/widgets/loaders/failed_loading.dart';

import '../../../new_views/app_style/app_color.dart';
import '../requests/request_status.dart';

class AssetDetailPage extends StatefulWidget {
  static const String id = "/asset-details";

  AssetDetailPage({Key key}) : super(key: key);

  @override
  _AssetDetailPageState createState() {
    return _AssetDetailPageState();
  }
}

class _AssetDetailPageState extends State<AssetDetailPage> {
  @override
  void initState() {
    super.initState();
  }

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

  int assetId;
  AssetProvider _assetProvider;

  @override
  Widget build(BuildContext context) {
    assetId ??= ModalRoute.of(context).settings.arguments;
    _assetProvider ??= Provider.of<AssetProvider>(context);
    _assetProvider?.stateCode = null;
    return Scaffold(
      appBar: DefaultAppBar(title: context.translation.assetDetails),
      body: FutureBuilder<AssetByIdModel>(
        future: _assetProvider.getAssetById(assetId, context.translation),
        builder: (BuildContext context, AsyncSnapshot<AssetByIdModel> snapshot) {
          if (snapshot.hasError) {
            return FailedLoading(
              message: snapshot.error.toString(),
              onReload: () {
                setState(() {});
              },
            );
          }
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: ALoading());
          } else if (snapshot.hasData) {}
          if (snapshot.hasData) {
            return SingleChildScrollView(
              padding: const EdgeInsets.all(16),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  AspectRatio(
                    aspectRatio: 159 / 94,
                    child: Container(
                      width: 95,
                      height: 95,
                      decoration: ShapeDecoration(
                          color: AppColor.neutral30,
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(10),
                          ),
                          image: DecorationImage(
                            fit: BoxFit.cover,
                            image: NetworkImage(
                                _assetProvider.assetById?.assetPhoto != null ? URLs.getFileUrl(_assetProvider.assetById.assetPhoto) : "https://www.lasteelcraft.com/images/no-image-available.png"),
                          )),
                    ),
                  ),
                  6.height,
                  Column(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      if (_assetProvider.assetById.commissioningStatus != null)
                        StatusLabel(
                          label: _assetProvider.assetById.commissioningStatus.name,
                          textColor: AppColor.getRequestStatusTextColorByName(context, _assetProvider.assetById.commissioningStatus.name),
                          backgroundColor: AppColor.getRequestStatusColorByName(context, _assetProvider.assetById.commissioningStatus.name),
                        ),
                      if (_assetProvider.assetById.commissioningStatus != null) 8.height,
                      (_assetProvider.assetById?.modelDefinition?.assetName ?? "-").heading5(context),
                      8.height,
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              "${context.translation.assetNo}: ${_assetProvider.assetById.multiAssets.first.assetNumber}".bodyText(context),
                              "${context.translation.modelNo}: ${_assetProvider.assetById.modelDefinition.modelDefCode}".bodyText(context),
                              "${context.translation.supplier}: ${_assetProvider.assetById.supplier?.suppliername ?? "-"}".bodyText(context),
                              "${context.translation.manufacture}: ${_assetProvider.assetById.modelDefinition.manufacturerName}".bodyText(context),
                              "${context.translation.location}: ${_assetProvider.assetById.site.custName}".bodyText(context),
                            ],
                          ).expanded,
                          8.width,
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              /// TODO: theres no [ORACLE CODE] available to preview
                              // "${context.translation.oracleCode}: ${"-"}".bodyText(context),
                              "${context.translation.snNo}: ${_assetProvider.assetById.multiAssets.first.assetSerialNo}".bodyText(context),
                              "${context.translation.site}: ${_assetProvider.assetById?.site?.custName ?? "-"}".bodyText(context),
                              "${context.translation.md}: ${_assetProvider.assetById?.modelDefinition?.modelName ?? "-"}".bodyText(context),
                            ],
                          ).expanded,
                        ],
                      ),
                      8.height,
                      const Divider(color: AppColor.neutral30, height: 1, thickness: 1),
                      8.height,
                      "${context.translation.installationDate}: ${_assetProvider.assetById.installationDate.toAssetDetailsFormat ?? "-"}".bodyText(context),
                      "${context.translation.nextPmDate}: ${_assetProvider.assetById.installationDate.toAssetDetailsFormat}".bodyText(context),
                      "${context.translation.lastPmDate}: ${_assetProvider.assetById.installationDate.toAssetDetailsFormat}".bodyText(context),
                      if ((_assetProvider.assetById.modelDefinition.assetDescription ?? "").isNotEmpty) ...[
                        8.height,
                        const Divider(color: AppColor.neutral30, height: 1, thickness: 1),
                        8.height,
                        _assetProvider.assetById.modelDefinition.assetDescription.bodyText(context),
                      ]
                    ],
                  )
                ],
              ).toShadowContainer(context),
            );
          }
          return const Center(child: ALoading());
        },
      ),
    );
  }
}