import 'package:SEFER/controller/home/home_page_controller.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:SEFER/constant/colors.dart';
import 'package:SEFER/constant/style.dart';
import 'package:SEFER/views/lang/languages.dart';
import 'package:SEFER/views/widgets/my_scafold.dart';

import 'HomePage/about_page.dart';
import 'HomePage/frequentlyQuestionsPage.dart';
import 'HomePage/trip_record_page.dart';
import 'profile/passenger_profile_page.dart';

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

  @override
  Widget build(BuildContext context) {
    Get.put(HomePageController());
    return MyScafolld(
      isleading: true,
      title: 'Home Page'.tr,
      body: [
        Column(
          children: [
            ListTile(
              onTap: () {
                Get.to(() => const Language());
              },
              title: Text(
                'Language'.tr,
                style: AppStyle.headTitle2,
              ),
              subtitle: Text(
                'To change Language the App'.tr,
                style: AppStyle.title,
              ),
              trailing: const Icon(
                Icons.arrow_forward_ios,
                size: 30,
                color: AppColor.primaryColor,
              ),
              leading: const Icon(
                Icons.language_sharp,
                color: AppColor.primaryColor,
              ),
            ),
            ListTile(
              leading: const Icon(Icons.location_city_outlined),
              title: Text(
                'Change Country'.tr,
                style: AppStyle.headTitle2,
              ),
              subtitle: Text(
                'You can change the Country to get all features'.tr,
                style: AppStyle.title,
              ),
              onTap: () => Get.to(MyScafolld(
                  title: 'Change Country'.tr,
                  body: [CountryPickerFromSetting()],
                  isleading: true)),
            ),
            ListTile(
              leading: const Icon(Icons.question_answer),
              title: Text(
                'Frequently Questions'.tr,
                style: AppStyle.headTitle2,
              ),
              subtitle: Text(
                'You can change the Country to get all features'.tr,
                style: AppStyle.title,
              ),
              onTap: () => Get.to(() => const FrequentlyQuestionsPage()),
            ),
            ListTile(
              leading: const Icon(Icons.vibration),
              title: GetBuilder<HomePageController>(builder: (controller) {
                return SwitchListTile(
                  title: Text(
                    'Vibration'.tr,
                    style: AppStyle.headTitle2,
                  ),
                  value: controller.isVibrate,
                  onChanged: controller.changeVibrateOption,
                  activeColor: AppColor.primaryColor,
                );
              }),
              subtitle: Text(
                "You can change the vibration feedback for all buttons".tr,
                style: AppStyle.title,
              ),
              onTap: () => Get.to(() => const FrequentlyQuestionsPage()),
            ),
            ListTile(
                leading: const Icon(Icons.record_voice_over_outlined),
                title: Text(
                  'Trips recorded'.tr,
                  style: AppStyle.headTitle2,
                ),
                subtitle: Text(
                  'Here recorded trips audio'.tr,
                  style: AppStyle.title,
                ),
                onTap: () async {
                  Get.to(() => TripsRecordedPage());
                }),
            ListTile(
              leading: const Icon(Icons.account_balance_outlined),
              title: Text(
                'About Us'.tr,
                style: AppStyle.headTitle2,
              ),
              subtitle: Text(
                'You can change the Country to get all features'.tr,
                style: AppStyle.title,
              ),
              onTap: () => Get.to(() => const AboutPage()),
            ),
          ],
        ),
      ],
    );
  }
}