// ignore_for_file: file_names

import 'dart:developer' as dev;

import 'package:enhance_stepper/enhance_stepper.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:kurir/function/allFunction.dart';
import 'package:kurir/models/pengirimimanModel.dart';

import '../../../api/kurirApi.dart';

class ProgressPenghantaranControllerKurir extends GetxController {
  Rx<String> text = "heheh".obs;
  String id = Get.arguments;
  Rx<Widget> enhanceStepContainer = Container(
    height: Get.height * 0.6,
    width: double.infinity,
    color: Colors.transparent,
    child: const Center(
      child: CircularProgressIndicator(
        valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
      ),
    ),
  ).obs;
  RxInt currentStep = 0.obs;

  @override
  void onInit() {
    super.onInit();
    // text.value = "heheh222";
    dev.log("disini progress penghantaran bagian kurir berlaku");

    // future 3 sec
    getData();
  }

  void getData() async {
    Map<String, dynamic> _data = await KurirApi.detailPengiriman(id);
    if (_data["status"] == 200) {
      final PengirimanModel _pengiriman =
          PengirimanModel.fromJson(_data["data"]);
      List<EnhanceStep> _step = [];
      var _history = _data["data"]["history"];
      currentStep.value = _history.length - 1;
      for (var i = 0; i < _history.length; i++) {
        final History _historyItem = History.fromJson(_history[i]);
        _step.add(
          _enhanceStepChild(_historyItem, _pengiriman),
        );
      }

      enhanceStepContainer.value = Container(
        height: Get.height * 0.6,
        width: double.infinity,
        color: Colors.transparent,
        child: _EnhanceStepper(step: _step, currentStep: currentStep),
      );
    }
  }

  EnhanceStep _enhanceStepChild(History data, PengirimanModel pengiriman) {
    late Icon _icon;
    late Widget _title, _content;
    Widget _subtitle = Text(
      AllFunction.timeZoneAdd8(data.waktu),
      style: const TextStyle(
        color: Colors.white,
        fontSize: 15,
      ),
    );
    switch (data.statusPengiriman) {
      case "Dalam Pengesahan Kurir":
        _icon = const Icon(
          Icons.info_outline,
          color: Colors.white,
          size: 30,
        );
        _title = const Text(
          "Dalam Pengesahan Kurir",
          style: TextStyle(
            color: Colors.white,
            fontSize: 20,
          ),
        );
        _content = Text(
          "Pengirim melakukan pengiriman dan menunggu pengesahan kurir pada waktu ${AllFunction.timeZoneAdd8(data.waktu)}",
          style: const TextStyle(
            color: Colors.white,
            fontSize: 15,
          ),
        );
        break;
      case "Disahkan Kurir":
        _icon = const Icon(
          Icons.check_box,
          color: Colors.white,
          size: 30,
        );
        _title = const Text(
          "Disahkan Kurir",
          style: TextStyle(
            color: Colors.white,
            fontSize: 20,
          ),
        );
        _content = Text(
          "Kurir mengkonfirmasi pengiriman pada waktu ${AllFunction.timeZoneAdd8(data.waktu)}",
          style: const TextStyle(
            color: Colors.white,
            fontSize: 15,
          ),
        );
        break;
      case "Mengambil Paket Pengiriman Dari Pengirim":
        _icon = const Icon(
          Icons.motorcycle_outlined,
          color: Colors.white,
          size: 30,
        );
        _title = const Text(
          "Mengambil Paket Pengiriman Dari Pengirim",
          style: TextStyle(
            color: Colors.white,
            fontSize: 20,
          ),
        );
        _content = const _MengambilPaketKirimanRichtext();
        break;
    }

    return EnhanceStep(
      icon: _icon,
      title: _title,
      subtitle: _subtitle,
      content: _content,
      isActive: true,
    );
  }
}

class _MengambilPaketKirimanRichtext extends StatelessWidget {
  const _MengambilPaketKirimanRichtext({
    Key? key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        RichText(
          textAlign: TextAlign.justify,
          text: const TextSpan(
            style: TextStyle(
              color: Colors.white,
              fontSize: 15,
            ),
            children: [
              TextSpan(
                  text:
                      "Dalam perjalanan mengambail paker dari pengirim. Klik "),
              TextSpan(
                text: "'Terima Paket Pengiriman' ",
                style: TextStyle(
                  fontStyle: FontStyle.italic,
                  fontWeight: FontWeight.bold,
                ),
              ),
              TextSpan(text: "jika sampai ke lokasi pengirim & scan "),
              TextSpan(
                text: "QRcode ",
                style: TextStyle(
                  fontStyle: FontStyle.italic,
                  fontWeight: FontWeight.bold,
                ),
              ),
              TextSpan(text: "yang ada pada aplikasi pengirim. Klik "),
              TextSpan(
                text: "'Rute Lokasi' ",
                style: TextStyle(
                  fontStyle: FontStyle.italic,
                  fontWeight: FontWeight.bold,
                ),
              ),
              TextSpan(text: "untuk melihat rute lokasi pengirim."),
            ],
          ),
        ),
        const SizedBox(
          height: 10,
        ),
        SizedBox(
          width: double.infinity,
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: const [
              _ExpandedButton(flex: 2, text: 'Terima Paket\nPengiriman'),
              Expanded(flex: 1, child: SizedBox()),
              _ExpandedButton(flex: 2, text: 'Rute Lokasi'),
            ],
          ),
        ),
      ],
    );
  }
}

class _ExpandedButton extends StatelessWidget {
  const _ExpandedButton({
    Key? key,
    required this.text,
    required this.flex,
  }) : super(key: key);

  final String text;
  final int flex;

  @override
  Widget build(BuildContext context) {
    return Expanded(
      flex: flex,
      child: FittedBox(
        child: SizedBox(
          width: 100,
          height: 35,
          child: ElevatedButton(
            style: ElevatedButton.styleFrom(
              primary: Colors.white,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(20),
              ),
            ),
            onPressed: () {},
            child: FittedBox(
              child: Text(
                text,
                textAlign: TextAlign.center,
                style: const TextStyle(
                  color: Color.fromARGB(255, 2, 72, 72),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

class _EnhanceStepper extends StatelessWidget {
  const _EnhanceStepper({
    Key? key,
    required List<EnhanceStep> step,
    required this.currentStep,
  })  : _step = step,
        super(key: key);

  final List<EnhanceStep> _step;
  final RxInt currentStep;

  @override
  Widget build(BuildContext context) {
    return GetX<ProgressPenghantaranControllerKurir>(
      init: ProgressPenghantaranControllerKurir(),
      builder: (c) {
        return EnhanceStepper(
          stepIconSize: 30,
          controlsBuilder: (BuildContext context, ControlsDetails details) {
            return const SizedBox();
          },
          type: StepperType.vertical,
          steps: _step,
          currentStep: c.currentStep.value,
          onStepTapped: (int index) {
            c.currentStep.value = index;
          },
        );
      },
    );
  }
}