import 'package:SEFER/constant/box_name.dart';
import 'package:SEFER/main.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:flutter/cupertino.dart';

class AboutPage extends StatelessWidget {
  const AboutPage({super.key});

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('About Us'.tr),
      ),
      child: SafeArea(
        child: SingleChildScrollView(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              // Company Logo
              Center(
                child: Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: Image.asset(
                    'assets/images/logo.png', // Replace with your logo image asset path
                    height: 100.0,
                    width: 100.0,
                  ),
                ),
              ),

              // Company Name and Location
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: Text(
                  'SEFER LLC\n${box.read(BoxName.countryCode).toString().tr}',
                  style:
                      CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                            fontSize: 22.0,
                            fontWeight: FontWeight.bold,
                          ),
                  textAlign: TextAlign.center,
                ),
              ),

              // About Us Description
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 16.0),
                child: Text(
                  'SEFER is a ride-sharing app designed with your safety and affordability in mind. We connect you with reliable drivers in your area, ensuring a convenient and stress-free travel experience.\n\nHere are some of the key features that set us apart:'
                      .tr,
                  style:
                      CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                            fontSize: 16.0,
                          ),
                  textAlign: TextAlign.center,
                ),
              ),

              const SizedBox(height: 20),

              // Security Features
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 24.0),
                child: Column(
                  children: [
                    Row(
                      children: [
                        const Icon(CupertinoIcons.lock_fill,
                            color: CupertinoColors.activeBlue),
                        const SizedBox(width: 8.0),
                        Expanded(
                          child: Text(
                            'Most Secure Methods'.tr,
                            style: CupertinoTheme.of(context)
                                .textTheme
                                .textStyle
                                .copyWith(
                                  fontSize: 16.0,
                                  fontWeight: FontWeight.w500,
                                ),
                          ),
                        ),
                      ],
                    ),
                    const SizedBox(height: 8.0),
                    Row(
                      children: [
                        const Icon(CupertinoIcons.phone_fill,
                            color: CupertinoColors.activeBlue),
                        const SizedBox(width: 8.0),
                        Expanded(
                          child: Text(
                            'In-App VOIP Calls'.tr,
                            style: CupertinoTheme.of(context)
                                .textTheme
                                .textStyle
                                .copyWith(
                                  fontSize: 16.0,
                                  fontWeight: FontWeight.w500,
                                ),
                          ),
                        ),
                      ],
                    ),
                    const SizedBox(height: 8.0),
                    Row(
                      children: [
                        const Icon(CupertinoIcons.videocam_fill,
                            color: CupertinoColors.activeBlue),
                        const SizedBox(width: 8.0),
                        Expanded(
                          child: Text(
                            'Recorded Trips for Safety'.tr,
                            style: CupertinoTheme.of(context)
                                .textTheme
                                .textStyle
                                .copyWith(
                                  fontSize: 16.0,
                                  fontWeight: FontWeight.w500,
                                ),
                          ),
                        ),
                      ],
                    ),
                  ],
                ),
              ),

              // Affordability Highlight
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 16.0),
                child: Text(
                  '\nWe also prioritize affordability, offering competitive pricing to make your rides accessible.'
                      .tr,
                  style:
                      CupertinoTheme.of(context).textTheme.textStyle.copyWith(
                            fontSize: 16.0,
                            fontWeight: FontWeight.w500,
                          ),
                  textAlign: TextAlign.center,
                ),
              ),

              const SizedBox(height: 20),
            ],
          ),
        ),
      ),
    );
  }
}