import 'package:fcs/domain/entities/carton.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/widgets/local_app_bar.dart';
import 'package:fcs/pages/widgets/multi_img_controller.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:flutter/material.dart';

import '../widgets/multi_img_file.dart';

typedef void FindCallBack();

class CartonImageUploadEditor extends StatefulWidget {
  final Carton? box;
  const CartonImageUploadEditor({this.box});
  @override
  _CartonImageUploaState createState() => _CartonImageUploaState();
}

class _CartonImageUploaState extends State<CartonImageUploadEditor> {
  bool _isLoading = false;
  Carton? _box;
  MultiImgController multiImgController = MultiImgController();

  @override
  void initState() {
    super.initState();
    _box = widget.box;
    multiImgController.setImageUrls = _box?.photoUrls;
  }

  @override
  Widget build(BuildContext context) {
    return LocalProgress(
        inAsyncCall: _isLoading,
        child: Scaffold(
            appBar: LocalAppBar(
                labelKey: "box.imageupload.title",
                backgroundColor: Colors.white,
                labelColor: primaryColor,
                arrowColor: primaryColor,
                actions: []
                // isEdiable
                //     ? <Widget>[
                //         IconButton(
                //           icon: Icon(Icons.edit, color: primaryColor),
                //           onPressed: _gotoEditor,
                //         ),
                //         IconButton(
                //           icon: Icon(Icons.delete, color: primaryColor),
                //           onPressed: _delete,
                //         ),
                //       ]
                //     : [],
                ),
            body:  ListView(
                  children: [
                    Center(
                        child: Text("${_box?.cartonNumber}",
                            style: TextStyle(
                              color: primaryColor,
                              fontSize: 25,
                            ))),
                    MultiImageFile(
                      enabled: true,
                      controller: multiImgController,
                      title: "Receipt File",
                    ),
                    Center(
                      child: ElevatedButton(
                        style: ElevatedButton.styleFrom(
                          backgroundColor: Color(0xff272262),
                          elevation: 3,
                          shape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(5.0)),
                          minimumSize: Size(300, 45), //////// HERE
                        ),
                        onPressed: () {},
                        child:
                            const Text('Save', style: TextStyle(fontSize: 20)),
                      ),
                    ),
                  ],
                )));
  }
}