PatientApp-KKUMC/lib/pages/BookAppointment/widgets/reminder_dialog.dart

import 'package:diplomaticquarterapp/theme/colors.dart';
import 'package:diplomaticquarterapp/uitl/utils_new.dart';
import 'package:flutter/material.dart';

class ReminderDialog extends StatefulWidget {
  Function onClick;

  ReminderDialog({this.onClick});

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

class _ReminderDialogState extends State<ReminderDialog> {
  int i = 0;

  @override
  Widget build(BuildContext context) {
    return Container(
      width: MediaQuery.of(context).size.width / 0.8,
      padding: const EdgeInsets.all(20.0),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Icon(
                Icons.notifications_active,
                size: 50,
              ),
              IconButton(
                icon: Icon(Icons.clear),
                onPressed: () {
                  Navigator.of(context).pop();
                },
              ),
            ],
          ),
          mHeight(20),
          Text(
            "When would you like to set a reminder for this appointment?",
            style: TextStyle(
              fontSize: 16,
              fontWeight: FontWeight.w600,
              letterSpacing: -0.48,
            ),
          ),
          mHeight(20),
          Text(
            "Please select from below options:",
            style: TextStyle(
              fontSize: 12,
              fontWeight: FontWeight.w600,
              letterSpacing: -0.48,
            ),
          ),
          ListTile(
            contentPadding: EdgeInsets.zero,
            title: const Text('Before 30 Mins'),
            leading: Radio<int>(
              value: 0,
              groupValue: i,
              onChanged: (int value) {
                setState(() {
                  i = value;
                });
              },
            ),
          ),
          ListTile(
            contentPadding: EdgeInsets.zero,
            title: const Text('Before 1 Hour'),
            leading: Radio<int>(
              value: 1,
              groupValue: i,
              onChanged: (int value) {
                setState(() {
                  i = value;
                });
              },
            ),
          ),
          ListTile(
            contentPadding: EdgeInsets.zero,
            title: const Text('Before 1 Hour and 30 Mins'),
            leading: Radio<int>(
              value: 2,
              groupValue: i,
              onChanged: (int value) {
                setState(() {
                  i = value;
                });
              },
            ),
          ),
          ListTile(
            contentPadding: EdgeInsets.zero,
            title: const Text('Before 2 Hours'),
            leading: Radio<int>(
              value: 3,
              groupValue: i,
              onChanged: (int value) {
                setState(() {
                  i = value;
                });
              },
            ),
          ),
          mHeight(12),
          InkWell(
            onTap: () {
              widget.onClick(i);
              Navigator.pop(context);
            },
            child: Container(
              width: double.infinity,
              height: 45,
              decoration: containerRadius(CustomColors.green, 12),
              child: Center(
                child: Text(
                  "Save",
                  style: TextStyle(
                    fontSize: 16,
                    letterSpacing: -0.48,
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ),
          )
        ],
      ),
    );
  }
}