import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
import 'package:diplomaticquarterapp/pages/medical/balance/advance_payment_page.dart';
import 'package:diplomaticquarterapp/pages/medical/balance/my_balance_page.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/widgets/data_display/text.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 'package:hexcolor/hexcolor.dart';
import 'package:provider/provider.dart';

class PaymentService extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    ProjectViewModel projectViewModel = Provider.of(context);
    return AppScaffold(
      isShowAppBar: true,
      appBarTitle: TranslationBase.of(context).paymentService,
      body: SingleChildScrollView(
        child: Container(
          margin: EdgeInsets.all(12),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                children: [
                  Expanded(
                    child: InkWell(
                      onTap: () => Navigator.push(
                          context, FadePage(page: AdvancePaymentPage())),
                      child: Container(
                        margin: EdgeInsets.all(5.0),
                        padding: EdgeInsets.all(9),
                        decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(8.0),
                            shape: BoxShape.rectangle),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Texts(
                              TranslationBase.of(context).payment,
                              color: Hexcolor('#B61422'),
                              bold: true,
                            ),
                            Texts(
                              TranslationBase.of(context).paymentOnline,
                              fontSize: 14,
                              fontWeight: FontWeight.normal,
                            ),
                            Image.asset(
                              'assets/images/al-habib_online_payment_service_icon.png',
                              fit: BoxFit.fill,
                              height: 55,
                              width: double.infinity,
                            ),
                          ],
                        ),
                      ),
                    ),
                  ),
                  Expanded(
                    child: Container(
                      margin: EdgeInsets.all(5.0),
                      padding: EdgeInsets.all(9),
                      decoration: BoxDecoration(
                          color: Colors.white,
                          borderRadius: BorderRadius.circular(8.0),
                          shape: BoxShape.rectangle),
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Texts(
                            TranslationBase.of(context).onlineCheckIn,
                            color: Hexcolor('#B61422'),
                            bold: true,
                          ),
                          Texts(
                              TranslationBase.of(context).appointment,
                            fontSize: 14,
                            fontWeight: FontWeight.normal,
                          ),
                          Align(
                            alignment: projectViewModel.isArabic
                                ? Alignment.centerRight
                                : Alignment.centerLeft,
                            child: Image.asset(
                              'assets/images/al-habib_online_payment_service_icon.png',
                              height: 55,
                            ),
                          ),
                        ],
                      ),
                    ),
                  )
                ],
              ),
              Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Expanded(
                    child: InkWell(
                      onTap: () => Navigator.push(
                          context, FadePage(page: MyBalancePage())),
                      child: Container(
                        margin: EdgeInsets.all(5.0),
                        padding: EdgeInsets.all(9),
                        decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(8.0),
                            shape: BoxShape.rectangle),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Texts(
                              'My Balances',
                              color: Hexcolor('#B61422'),
                              bold: true,
                            ),
                            Texts(
                              TranslationBase.of(context).payment,
                              fontSize: 14,
                              fontWeight: FontWeight.normal,
                            ),
                            Align(
                              alignment: projectViewModel.isArabic
                                  ? Alignment.centerRight
                                  : Alignment.centerLeft,
                              child: Image.asset(
                                'assets/images/al-habib_online_payment_service_icon.png',
                                height: 55,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ),
                  ),
                  Expanded(
                    child: Container(),
                  )
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}