import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:siro_driver/views/home/Captin/home_captain/home_captin.dart';

import '../../constant/finance_design_system.dart';
import '../../controller/local/local_controller.dart';

class Language extends StatelessWidget {
  const Language({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('Choose Language'.tr),
        border: null,
      ),
      child: Material(
        // Wrap SafeArea with Material widget
        child: SafeArea(
          child: GetBuilder<LocaleController>(
            builder: (controller) => Center(
              child: Padding(
                padding: const EdgeInsets.symmetric(horizontal: 20),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    _buildHeader(),
                    const SizedBox(height: 20),
                    Expanded(
                      child: ListView(
                        physics: const BouncingScrollPhysics(),
                        children: [
                          _buildLanguageButton(
                              'العربية', 'ar', controller, context, 'AR'),
                          _buildLanguageButton(
                              'English', 'en', controller, context, 'EN'),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }

  Widget _buildHeader() {
    return Padding(
      padding: const EdgeInsets.only(top: 20, bottom: 10),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            'Language Options'.tr,
            style: const TextStyle(
              fontSize: 24,
              fontWeight: FontWeight.bold,
              color: CupertinoColors.black, // Or your theme primary color
            ),
            textAlign: TextAlign.start,
          ),
          const SizedBox(height: 8),
          Text(
            'Select your preferred language for the app interface.',
            style: TextStyle(
              fontSize: 16,
              color: CupertinoColors.secondaryLabel,
            ),
            textAlign: TextAlign.start,
          ),
        ],
      ),
    );
  }

  Widget _buildLanguageButton(String title, String langCode,
      LocaleController controller, BuildContext context, String flagIcon) {
    return Container(
      margin: const EdgeInsets.only(bottom: 12),
      decoration: BoxDecoration(
        color: CupertinoColors.white,
        borderRadius: BorderRadius.circular(16),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withOpacity(0.03),
            spreadRadius: 1,
            blurRadius: 10,
            offset: const Offset(0, 4),
          ),
        ],
      ),
      child: ListTile(
        contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
        leading: Container(
          width: 44,
          height: 44,
          decoration: BoxDecoration(
            color: FinanceDesignSystem.primaryDark.withOpacity(0.05),
            borderRadius: BorderRadius.circular(12),
          ),
          alignment: Alignment.center,
          child: Text(
            flagIcon,
            style: TextStyle(
              fontSize: 16,
              fontWeight: FontWeight.bold,
              color: FinanceDesignSystem.primaryDark,
            ),
          ),
        ),
        title: Text(
          title,
          style: const TextStyle(
            fontWeight: FontWeight.w600,
            fontSize: 16,
          ),
        ),
        trailing: const Icon(CupertinoIcons.chevron_forward,
            color: CupertinoColors.inactiveGray),
        onTap: () async {
          controller.changeLang(langCode);
          showCupertinoDialog(
            context: context,
            builder: (context) => CupertinoAlertDialog(
              title: Text('You should restart app to change language'.tr),
              actions: [
                CupertinoDialogAction(
                  child: Text('Ok'.tr),
                  onPressed: () {
                    Get.offAll(() => HomeCaptain());
                  },
                ),
              ],
            ),
          );
        },
      ),
    );
  }
}