import 'dart:math';

import 'package:diplomaticquarterapp/pages/medical/prescriptions/prescriptions_home_page.dart';
import 'package:diplomaticquarterapp/widgets/data_display/medical/medical_profile_item.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/others/sliver_app_bar_delegate.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

import 'doctor/doctor_home_page.dart';

class MedicalProfilePage extends StatefulWidget {
  @override
  _MedicalProfilePageState createState() => _MedicalProfilePageState();
}

class _MedicalProfilePageState extends State<MedicalProfilePage> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
      body: CustomScrollView(
        physics: BouncingScrollPhysics(),
        key: PageStorageKey("medical"),
        slivers: <Widget>[
          SliverPersistentHeader(
            delegate: SliverAppBarDelegate(
              maxHeight: 200.0,
              minHeight: 200.0,
              child: Container(
                width: double.infinity,
                height: 200,
                color: Colors.grey,
              ),
            ),
          ),
          SliverPersistentHeader(
            delegate: SliverAppBarDelegate(
              maxHeight: double.maxFinite,
              minHeight: double.maxFinite,
              child: Padding(
                padding: EdgeInsets.symmetric(vertical: 12.0),
                child: Column(
                  children: <Widget>[
                    Row(
                      children: <Widget>[
                        Expanded(
                          flex: 1,
                          child: InkWell(
                            onTap: (){
                               Navigator.push(context, FadePage(page: DoctorHomePage()));
                            },
                            child: MedicalProfileItem(
                              title: 'My Doctor',
                              imagePath: 'doctor_icon.png',
                              subTitle: 'List',
                            ),
                          ),
                        ),
                        Expanded(
                          flex: 1,
                          child: InkWell(
                            onTap: (){

                            },
                            child: MedicalProfileItem(
                              title: 'Lab',
                              imagePath: 'lab_result_icon.png',
                              subTitle: 'Result',
                            ),
                          ),
                        )
                      ],
                    ),
                    Row(
                      children: <Widget>[
                        Expanded(
                          flex: 1,
                          child: MedicalProfileItem(
                            title: 'Radiology',
                            imagePath: 'radiology_icon.png',
                            subTitle: 'Service',
                          ),
                        ),
                        Expanded(
                          flex: 1,
                          child: InkWell(
                            onTap: (){
                              Navigator.push(context, FadePage(page: HomePrescriptionsPage()));

                            },
                            child: MedicalProfileItem(
                              title: 'Medicines',
                              imagePath: 'prescription_icon.png',
                              subTitle: 'Prescriptions',
                            ),
                          ),
                        )
                      ],
                    ),
                    Row(
                      children: <Widget>[
                        Expanded(
                          flex: 1,
                          child: MedicalProfileItem(
                            title: 'Insurance',
                            imagePath: 'insurance_card_icon.png',
                            subTitle: 'Card',
                          ),
                        ),
                        Expanded(
                          flex: 1,
                          child: MedicalProfileItem(
                            title: 'Insurance',
                            imagePath: 'insurance_approvals_icon.png',
                            subTitle: 'Approvals',
                          ),
                        )
                      ],
                    ),
                    Row(
                      children: <Widget>[
                        Expanded(
                          flex: 1,
                          child: MedicalProfileItem(
                            title: 'Medical',
                            imagePath: 'medical_history_icon.png',
                            subTitle: 'Reports',
                          ),
                        ),
                        Expanded(
                          flex: 1,
                          child: Container(),
                        )
                      ],
                    ),
                  ],
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}