import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/localization/localization.dart';
import 'package:test_sa/controllers/providers/api/user_provider.dart';
import 'package:test_sa/models/pantry/pentry.dart';
import 'package:test_sa/views/app_style/sizing.dart';
import 'package:test_sa/views/widgets/app_text_form_field.dart';
import 'package:test_sa/views/widgets/date_and_time/date_picker.dart';
import 'package:test_sa/views/widgets/e_signature/e_signature.dart';
import 'package:test_sa/views/widgets/images/mini_one_image_picker.dart';
import 'package:test_sa/views/widgets/status/pentry/pentry_visit_status_mune.dart';
import 'package:test_sa/views/widgets/timer/app_timer.dart';
import 'package:test_sa/views/widgets/titles/app_sub_title.dart';

class PentryInfoForm extends StatefulWidget {
  final Pentry model;
  final bool enableValidate;
  const PentryInfoForm({
    Key key,
    this.model,
    this.enableValidate,
  }) : super(key: key);

  @override
  State<PentryInfoForm> createState() => _PentryInfoFormState();
}

class _PentryInfoFormState extends State<PentryInfoForm> {
  @override
  Widget build(BuildContext context) {
    final subtitle = AppLocalization.of(context).subtitle;
    final userProvider = Provider.of<UserProvider>(context);
    return ListView(
      padding: EdgeInsets.only(
          top: 12 * AppStyle.getScaleFactor(context), left: 12 * AppStyle.getScaleFactor(context), right: 12 * AppStyle.getScaleFactor(context), bottom: 80 * AppStyle.getScaleFactor(context)),
      shrinkWrap: true,
      physics: const ClampingScrollPhysics(),
      children: [
        const SizedBox(
          height: 8,
        ),
        const ASubTitle("PPM Visit Status"),
        if (widget.enableValidate && widget.model.ppmVisitStatus == null)
          ASubTitle(
            subtitle.requiredWord,
            color: Colors.red,
          ),
        const SizedBox(
          height: 4,
        ),
        PentryVisitsStatusMenu(
          initialValue: widget.model.ppmVisitStatus,
          onSelect: (status) {
            widget.model.ppmVisitStatus = status;
          },
        ),
        const SizedBox(
          height: 8,
        ),
        const ASubTitle("Timer"),
        if (widget.enableValidate && widget.model?.timer?.endAt == null)
          ASubTitle(
            subtitle.requiredWord,
            color: Colors.red,
          ),
        const SizedBox(
          height: 4,
        ),
        AppTimer(
          timer: widget.model.timer,
          onChange: (timer) async {
            widget.model.timer = timer;
            return true;
          },
        ),
        const SizedBox(
          height: 8,
        ),
        // const ASubTitle("Status"),
        // // if(widget.enableValidate && widget.model.status == null)
        // //   ASubTitle(subtitle.requiredWord,color: Colors.red,),
        // const SizedBox(height: 4,),
        // PentryStatusMenu(
        //   initialValue: widget.model.status,
        //   onSelect: (status){
        //     widget.model.status = status;
        //   },
        // ),
        const SizedBox(
          height: 8,
        ),
        const ASubTitle("Actual Visit Date"),
        if (widget.enableValidate && widget.model.actualVisitDate == null)
          ASubTitle(
            subtitle.requiredWord,
            color: Colors.red,
          ),
        const SizedBox(
          height: 4,
        ),
        ADatePicker(
          date: widget.model.actualVisitDate,
          from: DateTime.now().subtract(const Duration(days: 30)),
          onDatePicker: (date) {
            if (date == null) return;
            widget.model.actualVisitDate = date;
            setState(() {});
          },
        ),
        const SizedBox(
          height: 8,
        ),
        const ASubTitle("Expected Visit Date"),
        if (widget.enableValidate && widget.model.expectedVisitDate == null)
          ASubTitle(
            subtitle.requiredWord,
            color: Colors.red,
          ),
        const SizedBox(
          height: 4,
        ),
        ADatePicker(
          date: widget.model.expectedVisitDate,
          from: DateTime.now().subtract(const Duration(days: 30)),
          onDatePicker: (date) {
            if (date == null) return;
            widget.model.expectedVisitDate = date;
            setState(() {});
          },
        ),
        const SizedBox(
          height: 8,
        ),
        const ASubTitle("Traveling Hours"),
        const SizedBox(
          height: 4,
        ),
        ATextFormField(
          initialValue: (widget.model.travelingHours ?? "").toString(),
          textAlign: TextAlign.center,
          style: Theme.of(context).textTheme.subtitle1,
          textInputType: TextInputType.number,
          onChange: (value) {
            widget.model.travelingHours = value;
          },
        ),
        const SizedBox(
          height: 12,
        ),
        const ASubTitle("PPM Attachment"),
        AMiniOneImagePicker(
          //error: _validate && _serviceReport.image == null,
          image: widget.model.imageFile,
          onPick: (image) {
            widget.model.imageFile = image;
          },
        ),
        const SizedBox(
          height: 8,
        ),
        const ASubTitle("Nurse Signature"),
        ESignature(
          oldSignature: widget.model.signatureNurse,
          newSignature: widget.model.localNurseSignature,
          onChange: (signature) {
            if (signature == null || signature.isEmpty) {
              return;
            }
            widget.model.localNurseSignature = signature;
            widget.model.signatureNurse = "${DateTime.now().toIso8601String()}.png|${base64Encode(signature)}";
          },
        ),
        const SizedBox(
          height: 8,
        ),
        const ASubTitle("Engineer Signature"),
        ESignature(
          oldSignature: widget.model.signatureEngineer,
          newSignature: widget.model.localNurseSignature,
          onChange: (signature) {
            if (signature == null || signature.isEmpty) {
              return;
            }
            widget.model.localNurseSignature = signature;
            widget.model.signatureEngineer = "${DateTime.now().toIso8601String()}.png|${base64Encode(signature)}";
          },
        ),
        const SizedBox(
          height: 8,
        ),
      ],
    );
  }
}