diplomatic-quarter/lib/pages/insurance/insurance_card_screen.dart

import 'package:flutter/material.dart';
import 'package:diplomaticquarterapp/config/size_config.dart';
import 'package:diplomaticquarterapp/core/enum/viewstate.dart';
import 'package:flutter/cupertino.dart';
import '../base/base_view.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/data_display/text.dart';
import 'package:diplomaticquarterapp/core/model/insurance/insurance_card.dart';
import 'package:diplomaticquarterapp/core/viewModels/insurance_card_View_model.dart';
import 'package:diplomaticquarterapp/widgets/others/rounded_container.dart';
import 'package:diplomaticquarterapp/widgets/buttons/button.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';

class InsuranceCard extends StatefulWidget {
  @override
  _InsuranceCardState createState() => _InsuranceCardState();
}

class _InsuranceCardState extends State<InsuranceCard> {
  @override
  Widget build(BuildContext context) {
    return BaseView<InsuranceViewModel>(
      onModelReady: (model) => model.getInsurance(),
      builder: (BuildContext context, InsuranceViewModel model, Widget child) =>
          AppScaffold(
        isShowAppBar: true,
        baseViewModel: model,
        appBarTitle: TranslationBase.of(context).insuranceCards,
        body: Container(
          margin: EdgeInsets.only(
              left: SizeConfig.screenWidth * 0.004,
              right: SizeConfig.screenWidth * 0.004,
              top: SizeConfig.screenWidth * 0.04),
          child: ListView.builder(
              itemCount: model.insurance == null ? 0 : model.insurance.length,
              itemBuilder: (BuildContext context, int index) {
                return RoundedContainer(
                  backgroundColor: Colors.white,
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      ExpansionTile(
                        title: Container(
                          height: 65.0,
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: <Widget>[
                              Padding(
                                padding: EdgeInsets.symmetric(vertical: 15.0),
                                child: Texts(
                                  model.insurance[index].groupName,
                                ),
                              ),
                            ],
                          ),
                        ),
                        children: <Widget>[
                          Divider(
                            color: Colors.black,
                            height: 25.0,
                            thickness: 0.5,
                          ),
                          Texts(
                            TranslationBase.of(context).companyName +
                                model.insurance[index].companyName,
                            fontSize: 20.0,
                          ),
                          Divider(
                            color: Colors.black,
                            height: 25.0,
                            thickness: 0.5,
                          ),
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.stretch,
                            children: <Widget>[
                              Text(
                                TranslationBase.of(context).category +
                                    model.insurance[index].subCategoryDesc,
                                style: TextStyle(fontSize: 18.5),
                              ),
                              Text(
                                TranslationBase.of(context).expirationDate +
                                    convertDateFormat(
                                        model.insurance[index].cardValidTo),
                                style: TextStyle(fontSize: 18.5),
                              ),
                              Text(
                                TranslationBase.of(context).patientCard +
                                    model.insurance[index].patientCardID,
                                style: TextStyle(fontSize: 18.5),
                              ),
                              Text(
                                TranslationBase.of(context).policyNumber +
                                    model
                                        .insurance[index].insurancePolicyNumber,
                                style: TextStyle(fontSize: 18.5),
                              ),
                            ],
                          ),
                          Column(
                            children: <Widget>[
                              model.insurance[index].isActive == true
                                  ? Text('Active',
                                      style: TextStyle(
                                          color: Colors.green,
                                          fontWeight: FontWeight.w900,
                                          fontSize: 17.9))
                                  : Text('Not Active',
                                      style: TextStyle(
                                          color: Colors.red,
                                          fontWeight: FontWeight.w900,
                                          fontSize: 17.9))
                            ],
                          ),
                          SizedBox(
                            height: 14.5,
                          ),
                          if (model.insurance[index].isActive == true)
                            Container(
                              child: Button(
                                label: TranslationBase.of(context).seeDetails,
                              ),
                              width: 400.0,
                            ),
                        ],
                      ),
                    ],
                  ),
                );
              }),
        ),
      ),
    );
  }

  convertDateFormat(String exDate) {
    const start = "/Date(";
    const end = "+0300)";

    final startIndex = exDate.indexOf(start);
    final endIndex = exDate.indexOf(end, startIndex + start.length);

    var date = new DateTime.fromMillisecondsSinceEpoch(
        int.parse(exDate.substring(startIndex + start.length, endIndex)));
    String newDate = date.year.toString() +
        "-" +
        date.month.toString().padLeft(2, '0') +
        "-" +
        date.day.toString().padLeft(2, '0');

    return newDate.toString();
  }
}