Holzleitner-Lieferservice-App/lib/feature/delivery/detail/presentation/delivery_detail_page.dart

import 'dart:typed_data';

import 'package:easy_stepper/easy_stepper.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:hl_lieferservice/feature/delivery/detail/bloc/note_bloc.dart';
import 'package:hl_lieferservice/feature/delivery/detail/bloc/note_event.dart';
import 'package:hl_lieferservice/feature/delivery/detail/presentation/delivery_sign.dart';
import 'package:hl_lieferservice/feature/delivery/detail/presentation/steps/step.dart';
import 'package:hl_lieferservice/feature/delivery/detail/repository/note_repository.dart';
import 'package:hl_lieferservice/feature/delivery/detail/service/notes_service.dart';
import 'package:hl_lieferservice/feature/delivery/overview/bloc/tour_bloc.dart';
import 'package:hl_lieferservice/feature/delivery/overview/bloc/tour_event.dart';
import 'package:hl_lieferservice/feature/delivery/overview/bloc/tour_state.dart';
import 'package:hl_lieferservice/model/delivery.dart';
import 'package:hl_lieferservice/widget/operations/bloc/operation_bloc.dart';

class DeliveryDetail extends StatefulWidget {
  final String deliveryId;

  const DeliveryDetail({super.key, required this.deliveryId});

  @override
  State<StatefulWidget> createState() => _DeliveryDetailState();
}

class _DeliveryDetailState extends State<DeliveryDetail> {
  late int _step;
  late List<EasyStep> _steps;

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

    // Reset Note BLOC
    // otherwise the notes of the previously
    // opened delivery would be loaded
    context.read<NoteBloc>().add(ResetNotes());

    // Initialize steps
    _step = 0;
    _steps = [
      EasyStep(
        icon: const Icon(Icons.info),
        customTitle: Text("Info", textAlign: TextAlign.center),
      ),
      EasyStep(
        icon: const Icon(Icons.book),
        customTitle: Text("Notizen", textAlign: TextAlign.center),
      ),
      EasyStep(
        icon: const Icon(Icons.shopping_cart),
        customTitle: Text("Artikel/Gutschriften", textAlign: TextAlign.center),
      ),
      EasyStep(
        icon: const Icon(Icons.settings),
        customTitle: Text("Optionen", textAlign: TextAlign.center),
      ),
      EasyStep(
        icon: const Icon(Icons.check_box),
        customTitle: Text(
          "Überprüfen",
          textAlign: TextAlign.center,
          overflow: TextOverflow.clip,
        ),
      ),
    ];
  }

  Widget _stepInfo() {
    return DecoratedBox(
      decoration: const BoxDecoration(),
      child: SizedBox(
        height: 115,
        child: EasyStepper(
          activeStep: _step,
          showLoadingAnimation: false,
          activeStepTextColor: Theme.of(context).primaryColor,
          activeStepBorderType: BorderType.dotted,
          finishedStepBorderType: BorderType.normal,
          unreachedStepBorderType: BorderType.normal,
          activeStepBackgroundColor: Colors.white,
          borderThickness: 2,
          internalPadding: 0.0,
          enableStepTapping: true,
          stepRadius: 25.0,
          onStepReached:
              (index) => {
                setState(() {
                  _step = index;
                }),
              },
          steps: _steps,
        ),
      ),
    );
  }

  Widget _stepMissingWarning() {
    return Center(
      child: Text("Kein Inhalt für den aktuellen Step $_step gefunden."),
    );
  }

  void _clickForward() {
    if (_step < _steps.length) {
      setState(() {
        _step += 1;
      });
    }
  }

  void _clickBack() {
    if (_step > 0) {
      setState(() {
        _step -= 1;
      });
    }
  }

  void _openSignatureView(Delivery delivery) {
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) {
          return BlocProvider(
            create:
                (context) => NoteBloc(
                  repository: NoteRepository(service: NoteService()),
                  opBloc: context.read<OperationBloc>(),
                  deliveryId: delivery.id,
                ),
            child: SignatureView(onSigned: _onSign, delivery: delivery),
          );
        },
      ),
    );
  }

  void _onSign(Uint8List customer, Uint8List driver) async {
    context.read<TourBloc>().add(
      FinishDeliveryEvent(
        deliveryId: widget.deliveryId,
        customerSignature: customer,
        driverSignature: driver,
      ),
    );
  }

  Widget _stepsNavigation(Delivery delivery) {
    return SizedBox(
      width: double.infinity,
      height: 90,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          OutlinedButton(
            onPressed: _step == 0 ? null : _clickBack,
            child: const Text("zurück"),
          ),
          Padding(
            padding: const EdgeInsets.only(left: 20),
            child: FilledButton(
              onPressed:
                  () =>
                      _step == _steps.length - 1
                          ? _openSignatureView(delivery)
                          : _clickForward,
              child:
                  _step == _steps.length - 1
                      ? const Text("Unterschreiben")
                      : const Text("weiter"),
            ),
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Auslieferungsdetails")),
      body: BlocBuilder<TourBloc, TourState>(
        builder: (context, state) {
          final currentState = state;

          if (currentState is TourLoaded) {
            Delivery delivery = currentState.tour.deliveries.firstWhere(
              (delivery) => delivery.id == widget.deliveryId,
            );
            return Column(
              children: [
                _stepInfo(),
                const Divider(),
                Expanded(
                  child:
                      StepFactory().make(_step, delivery) ??
                      _stepMissingWarning(),
                ),
                _stepsNavigation(delivery),
              ],
            );
          }

          return const Center(child: CircularProgressIndicator());
        },
      ),
    );
  }
}