import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:aslan/app_localizations.dart';
import 'package:aslan/chatvibe_ui/components/text/at_text.dart';

import 'package:aslan/chatvibe_ui/components/appbar/chatvibe_appbar.dart';
import 'package:aslan/chatvibe_core/constants/at_global_config.dart';
import 'package:aslan/chatvibe_ui/widgets/pop/pop_route.dart';
import 'package:aslan/chatvibe_features/webview/webview_page.dart';

class AboutPage extends StatefulWidget {
  @override
  _AboutPageState createState() => _AboutPageState();
}

class _AboutPageState extends State<AboutPage> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Image.asset(
          "atu_images/room/at_icon_room_settig_bg.png",
          width: ScreenUtil().screenWidth,
          height: ScreenUtil().screenHeight,
          fit: BoxFit.fill,
        ),
        Scaffold(
          backgroundColor: Colors.transparent,
          resizeToAvoidBottomInset: false,
          appBar: ChatVibeStandardAppBar(title: ATAppLocalizations.of(context)!.about, actions: []),
          body: SafeArea(top: false,child: Column(
            children: [
              SizedBox(height: 35.w),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Image.asset(
                    "atu_images/splash/at_icon_splash_icon.png",
                    width: 80.w,
                    height: 120.w,
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  text("v${ATGlobalConfig.version}(${ATGlobalConfig.build})", fontSize: 14.sp, textColor: Colors.black38),
                ],
              ),
              SizedBox(height: 15.w,),
              Container(
                padding: EdgeInsets.symmetric(vertical: 12.w),
                margin: EdgeInsets.symmetric(vertical: 8.w, horizontal: 35.w),
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(12),
                  color: Colors.white,
                  border: Border.all(color: Color(0xffE6E6E6), width: 1.w),
                ),
                child: Column(
                  children: [
                    GestureDetector(
                      behavior: HitTestBehavior.opaque,
                      child: Row(
                        children: [
                          SizedBox(width: 18.w),
                          text(
                            ATAppLocalizations.of(context)!.termsofService,
                            textColor: Colors.black,
                            fontSize: 13.sp,
                          ),
                          Spacer(),
                          Icon(
                            Icons.keyboard_arrow_right,
                            size: 15.w,
                            color: Colors.black26,
                          ),
                          SizedBox(width: 18.w),
                        ],
                      ),
                      onTap: () {
                        Navigator.push(
                          context,
                          PopRoute(
                            child: WebViewPage(
                              title: ATAppLocalizations.of(context)!.termsofService,
                              url: '${ATGlobalConfig.userAgreementUrl}',
                            ),
                          ),
                        );
                      },
                    ),
                    Divider(color: Colors.black12, thickness: 0.5),
                    GestureDetector(
                      behavior: HitTestBehavior.opaque,
                      child: Row(
                        children: [
                          SizedBox(width: 18.w),
                          text(
                            ATAppLocalizations.of(context)!.privaceyPolicy,
                            textColor: Colors.black,
                            fontSize: 13.sp,
                          ),
                          Spacer(),
                          Icon(
                            Icons.keyboard_arrow_right,
                            size: 15.w,
                            color: Colors.black26,
                          ),
                          SizedBox(width: 18.w),
                        ],
                      ),
                      onTap: () {
                        Navigator.push(
                          context,
                          PopRoute(
                            child: WebViewPage(
                              title: ATAppLocalizations.of(context)!.privaceyPolicy,
                              url:
                              '${ATGlobalConfig.privacyAgreementUrl}',
                            ),
                          ),
                        );
                      },
                    ),
                  ],
                ),
              )
            ],
          ),),
        ),
      ],
    );
  }
}