import 'package:flutter/material.dart';
import 'package:test_sa/controllers/localization/localization.dart';
import 'package:test_sa/models/subtitle.dart';
import 'package:test_sa/models/visits/visit.dart';
import 'package:test_sa/models/visits/visits_group.dart';
import 'package:test_sa/views/app_style/colors.dart';
import 'package:test_sa/views/app_style/sizing.dart';
import 'package:test_sa/views/widgets/buttons/app_button.dart';
import 'package:test_sa/views/widgets/buttons/app_small_button.dart';
import 'package:test_sa/views/widgets/status/employee/engineers_mune.dart';
import 'package:test_sa/views/widgets/visits/visit_status.dart';
class UpdateVisitsGroupSheet extends StatefulWidget {
  final List<Visit> visits;
  final String title;
  const UpdateVisitsGroupSheet({Key key, this.visits, this.title}) : super(key: key);

  @override
  _UpdateVisitsGroupSheetState createState() => _UpdateVisitsGroupSheetState();
}

class _UpdateVisitsGroupSheetState extends State<UpdateVisitsGroupSheet> {
  // List<Lookup> status = [
  //   Lookup(name: "Done", id: 0,),
  //   Lookup(name: "Not Yet", id: 1),
  //   Lookup(name: "On Hold", id: 2,),
  // ];
  //
  // List<Lookup> taskStatus = [
  //   Lookup(name: "Passed", id: 0,),
  //   Lookup(name: "Failed", id: 1),
  // ];
  VisitsGroup _group = VisitsGroup();
  // File _image;
  Subtitle _subtitle;

  @override
  void initState() {
    super.initState();
    _group.visits = widget.visits;
    //_group.date = DateTime.now();
  }

  @override
  Widget build(BuildContext context) {
    _subtitle = AppLocalization.of(context).subtitle;
    return Container(
      height: MediaQuery.of(context).size.height / 1.3,
      padding: EdgeInsets.symmetric(
        horizontal: 16.0 * AppStyle.getScaleFactor(context),
        vertical: 8.0 * AppStyle.getScaleFactor(context),
      ),
      child: Stack(
        children: [
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                children: [
                  Expanded(
                    child: Text(
                      widget.title ?? _subtitle.updateVisitsGroup,
                      style: Theme.of(context).textTheme.subtitle1,
                      textScaleFactor: AppStyle.getScaleFactor(context),
                    ),
                  ),
                  ASmallButton(
                    text: _subtitle.cancel,
                    onPressed: (){
                      Navigator.of(context).pop();
                    },
                  ),
                ],
              ),
              SizedBox(height: 8 * AppStyle.getScaleFactor(context),),
              EngineersMenu(
                initialValue: _group.engineer,
                onSelect: (engineer){
                  _group.engineer = engineer;
                },
              ),
              SizedBox(height: 8 * AppStyle.getScaleFactor(context),),
              // AOneImagePicker(
              //   image: _image,
              //   onPick: (image){
              //     _image =image;
              //     _group.image = base64Encode(image.readAsBytesSync());
              //   },
              // ),
             //  SizedBox(height: 12 * AppStyle.getScaleFactor(context),),
             //  ATextFormField(
             //    initialValue: _group.jobSheetNumber,
             //    hintText: _subtitle.jobSheetNumber,
             //    style:  Theme.of(context).textTheme.headline6,
             //    onSaved: (value){
             //      _group.jobSheetNumber = value;
             //    },
             //  ),
             //  SizedBox(height: 8 * AppStyle.getScaleFactor(context),),
             //  ATextFormField(
             //    initialValue: _group.workingHours,
             //    hintText: _subtitle.workingHours,
             //    style:  Theme.of(context).textTheme.headline6,
             //    onSaved: (value){
             //      _group.workingHours = value;
             //    },
             //  ),
             //  SizedBox(height: 8 * AppStyle.getScaleFactor(context),),
             //  ATextFormField(
             //    initialValue: _group.travelingHours,
             //    hintText: _subtitle.travelingHours,
             //    style:  Theme.of(context).textTheme.headline6,
             //    onSaved: (value){
             //      _group.travelingHours = value;
             //    },
             //  ),
             //  SizedBox(height: 8 * AppStyle.getScaleFactor(context),),
             //  Row(
             //    children: [
             //      Expanded(
             //        child: Text(
             //            "${_subtitle.date} :",
             //          style: Theme.of(context).textTheme.subtitle1,
             //          textScaleFactor: AppStyle.getScaleFactor(context),
             //        ),
             //      ),
             //      ADatePicker(
             //        date: _group.date ?? DateTime.now(),
             //        onDatePicker: (date){
             //          _group.date = date;
             //          setState(() {});
             //        },
             //      ),
             //    ],
             //  ),
             // // SizedBox(height: 8 * AStyling.getScaleFactor(context),),
             //  Text(
             //    "${_subtitle.status} :",
             //    style: Theme.of(context).textTheme.subtitle1,
             //    textScaleFactor: AppStyle.getScaleFactor(context),
             //  ),
             //  SizedBox(height: 8 * AppStyle.getScaleFactor(context),),
             //  Center(
             //    child: Wrap(
             //      spacing: 10,
             //      runSpacing: 10,
             //      children: List.generate(
             //          status.length,
             //              (index) {
             //            bool isSelected = _group.status == status[index];
             //            return FilterItem(
             //              isSelected: isSelected,
             //              onSelected: (){
             //                if(isSelected)
             //                  _group.status = null;
             //                else
             //                  _group.status = status[index];
             //
             //                setState(() {});
             //              },
             //              status: status[index],
             //            );
             //          }
             //
             //      ),
             //    ),
             //  ),
             //  Text(
             //    "${_subtitle.taskStatus} :",
             //    style: Theme.of(context).textTheme.subtitle1,
             //    textScaleFactor: AppStyle.getScaleFactor(context),
             //  ),
             //  SizedBox(height: 8 * AppStyle.getScaleFactor(context),),
             //  Center(
             //    child: Wrap(
             //      spacing: 10,
             //      runSpacing: 10,
             //      children: List.generate(
             //          taskStatus.length,
             //              (index) {
             //            bool isSelected = _group.taskStatus == taskStatus[index];
             //            return FilterItem(
             //              isSelected: isSelected,
             //              onSelected: (){
             //                if(isSelected)
             //                  _group.taskStatus = null;
             //                else
             //                  _group.taskStatus = taskStatus[index];
             //
             //                setState(() {});
             //              },
             //              status: taskStatus[index],
             //            );
             //          }
             //
             //      ),
             //    ),
             //  ),
              SizedBox(height: 8 * AppStyle.getScaleFactor(context),),
              Expanded(
                child: ListView.builder(
                  itemCount: widget.visits.length,
                  itemBuilder: (context,index){
                    Visit visit = widget.visits[index];
                    return Container(
                      padding: EdgeInsets.symmetric(vertical: 8,horizontal: 8),
                      margin: EdgeInsets.symmetric(vertical: 4),
                      decoration: BoxDecoration(
                        color: AColors.primaryColor,
                        borderRadius: BorderRadius.circular(
                            AppStyle.getBorderRadius(context)
                        ),
                        boxShadow: [
                          AppStyle.boxShadow
                        ]
                      ),
                      child: Row(
                        children: [
                          Expanded(
                            child: Text(
                              "${_subtitle.sn}: "+visit.deviceSerialNumber ?? _subtitle.noSerialNumberFound,
                              style: Theme.of(context).textTheme.headline6.copyWith(
                                  color: AColors.white,
                                  fontSize: 16,
                                  fontWeight: FontWeight.bold
                              ),
                            ),
                          ),
                          VisitStatusLabel(visit: visit,)
                        ],
                      ),
                    );
                  },
                ),
              ),
              AButton(
                text: _subtitle.update,
                onPressed: (){
                   Navigator.of(context).pop(_group);
                },
              ),
            ],
          ),

        ],
      ),
    );
  }
}