import 'package:diplomaticquarterapp/core/enum/filter_type.dart';
import 'package:diplomaticquarterapp/core/viewModels/medical/my_doctor_view_model.dart';
import 'package:diplomaticquarterapp/pages/base/base_view.dart';
import 'package:diplomaticquarterapp/uitl/date_uitl.dart';
import 'package:diplomaticquarterapp/widgets/data_display/medical/doctor_card.dart';
import 'package:diplomaticquarterapp/widgets/others/app_expandable_notifier.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

import 'doctor_profile_page.dart';

class DoctorHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BaseView<MyDoctorViewModel>(
      onModelReady: (model) => model.getMyDoctor(),
      builder: (context, MyDoctorViewModel model, widget) => AppScaffold(
        baseViewModel: model,
        isShowAppBar: true,
        appBarTitle: 'My Doctors',
        body: SingleChildScrollView(
          physics: BouncingScrollPhysics(),
          child: FractionallySizedBox(
            widthFactor: 1.0,
            child: Center(
              child: Column(
                children: <Widget>[
                  Row(
                    children: <Widget>[
                      Expanded(
                        flex: 1,
                        child: InkWell(
                          onTap: () => model.setFilterType(FilterType.Clinic),
                          child: ListTile(
                            title: const Text('Clinic'),
                            leading: Radio(
                              value: FilterType.Clinic,
                              groupValue: model.filterType,
                              activeColor: Colors.red[800],
                              onChanged: (FilterType value) {
                                model.setFilterType(value);
                              },
                            ),
                          ),
                        ),
                      ),
                      Expanded(
                        flex: 1,
                        child: InkWell(
                          onTap: () => model.setFilterType(FilterType.Hospital),
                          child: ListTile(
                            title: const Text('Hospital'),
                            leading: Radio(
                              value: FilterType.Hospital,
                              groupValue: model.filterType,
                              activeColor: Colors.red[800],
                              onChanged: (FilterType value) =>
                                  model.setFilterType(value),
                            ),
                          ),
                        ),
                      )
                    ],
                  ),
                  ...List.generate(
                    model.patientDoctorAppointmentList.length,
                    (index) => AppExpandableNotifier(
                        title: model
                            .patientDoctorAppointmentList[index].filterName,
                        bodyWidget: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: model.patientDoctorAppointmentList[index]
                              .patientDoctorAppointmentList
                              .map((doctor) {
                            return InkWell(
                              onTap: () {
                                Navigator.push(
                                  context,
                                  FadePage(
                                    page: DoctorProfilePage(
                                      patientDoctorAppointment: doctor,
                                    ),
                                  ),
                                );
                              },
                              child: DoctorCard(
                                name: doctor.doctorName,
                                profileUrl: doctor.doctorImageURL,
                                rat: doctor.doctorRate.toDouble(),
                                subName: DateUtil.getMonthDayYearDateFormatted(
                                    doctor.appointmentDate),
                              ),
                            );
                          }).toList(),
                        )),
                  )
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}