import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/widgets/buttons/defaultButton.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/text/app_texts_widget.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class ProfileSettings extends StatefulWidget {
  @override
  _ProfileSettings createState() => _ProfileSettings();
}

class _ProfileSettings extends State<ProfileSettings>
    with TickerProviderStateMixin {
  Widget build(BuildContext context) {
    bool isVibration = true;
    var language = 1;
    return Container(
        child: ListView(scrollDirection: Axis.vertical, children: <Widget>[
      Container(
        padding: EdgeInsets.all(15),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            AppText(
              'File No',
              color: Colors.black,
            ),
            AppText(
              '124545',
              color: Colors.black,
            ),
          ],
        ),
      ),
      SizedBox(
        height: 1,
        width: MediaQuery.of(context).size.width,
        child: Container(
          color: Colors.grey[300],
        ),
      ),
      Padding(
        child: AppText('SMS and Confirmation Calls Language ',
            fontWeight: FontWeight.bold),
        padding: EdgeInsets.all(10),
      ),
      Container(
          color: Colors.white,
          padding: EdgeInsets.only(top: 0, left: 10, right: 10, bottom: 0),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              AppText('English'),
              new Radio(
                value: 2,
                groupValue: language,
                onChanged: (value) {
                  language = value;
                },
              )
            ],
          )),
      Container(
          color: Colors.white,
          padding: EdgeInsets.only(top: 0, left: 10, right: 10, bottom: 0),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              AppText('Arabic'),
              new Radio(
                value: 1,
                groupValue: language,
                onChanged: (value) {
                  language = value;
                },
              )
            ],
          )),
      Padding(
        child: AppText('Alert'),
        padding: EdgeInsets.all(10),
      ),
      Container(
          color: Colors.white,
          padding: EdgeInsets.only(top: 0, left: 10, right: 10, bottom: 0),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              AppText('Alert by Email'),
              Switch(
                value: isVibration,
                onChanged: (value) {
                  setState(() {
                    isVibration = value;
                  });
                },
                activeTrackColor: Colors.lightGreenAccent,
                activeColor: Colors.green,
              )
            ],
          )),
      Container(
          color: Colors.white,
          padding: EdgeInsets.only(top: 0, left: 10, right: 10, bottom: 0),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              AppText('Alert by SMS'),
              Switch(
                value: isVibration,
                onChanged: (value) {
                  setState(() {
                    isVibration = value;
                  });
                },
                activeTrackColor: Colors.lightGreenAccent,
                activeColor: Colors.green,
              )
            ],
          )),
      Padding(
        child: AppText('Alert'),
        padding: EdgeInsets.all(10),
      ),
      Container(
          color: Colors.white,
          padding: EdgeInsets.only(top: 0, left: 10, right: 10, bottom: 0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              AppText('Email'),
              TextField(
                style: TextStyle(color: Colors.red),
              )
            ],
          )),
      Container(
          color: Colors.white,
          padding: EdgeInsets.only(top: 0, left: 10, right: 10, bottom: 0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              AppText('Emergency contact name'),
              TextField(
                  style: TextStyle(color: Colors.red),
                  decoration: InputDecoration(
                    suffixIcon: Icon(Icons.edit),
                  ))
            ],
          )),
      Container(
          color: Colors.white,
          padding: EdgeInsets.only(top: 0, left: 10, right: 10, bottom: 0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              AppText('Emergency contact number'),
              TextField(
                style: TextStyle(color: Colors.red),
                decoration: InputDecoration(
                  suffixIcon: Icon(Icons.edit),
                ),
              )
            ],
          )),
      Container(
          padding: EdgeInsets.all(10),
          child: Row(
            children: <Widget>[
              Expanded(
                  child: DefaultButton(
                TranslationBase.of(context).submit,
                () {
//                            print(mobileNo.text);
                },
              )),
            ],
          ))
    ]));
  }
}