import 'dart:io';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_font_icons/flutter_font_icons.dart';
import 'package:flutter_widget_from_html/flutter_widget_from_html.dart';
import 'package:get/get.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:url_launcher/url_launcher.dart';

// تأكد من صحة المسارات في مشروعك
import '../../../constant/box_name.dart';
import '../../../constant/colors.dart';
import '../../../constant/info.dart';
import '../../../constant/links.dart';
import '../../../constant/style.dart';
import '../../../controller/auth/apple_sigin.dart';
import '../../../controller/auth/captin/login_captin_controller.dart';
import '../../../controller/auth/google_sign.dart';
import '../../../main.dart';
import 'contact_us_page.dart';
// import 'otp_page.dart';

class LoginCaptin extends StatefulWidget {
  const LoginCaptin({super.key});

  @override
  State<LoginCaptin> createState() => _LoginCaptinState();
}

class _LoginCaptinState extends State<LoginCaptin> with WidgetsBindingObserver {
  final AuthController authController = Get.put(AuthController());
  final LoginDriverController controller = Get.put(LoginDriverController());

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    controller.getLocationPermission();
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      controller.getLocationPermission();
    }
  }

  @override
  Widget build(BuildContext context) {
    return GetBuilder<LoginDriverController>(
      builder: (controller) {
        return Scaffold(
          backgroundColor: Colors.white, // خلفية نظيفة
          body: SafeArea(
            child: SizedBox(
              width: double.infinity,
              height: double.infinity,
              child: _buildBodyContent(context, controller),
            ),
          ),
        );
      },
    );
  }

  Widget _buildBodyContent(
      BuildContext context, LoginDriverController controller) {
    // 1. صفحة الشروط
    if (box.read(BoxName.agreeTerms) != 'agreed') {
      return _buildAgreementPage(context, controller);
    }

    // 2. صفحة إذن الموقع
    if (box.read(BoxName.locationPermission) != 'true') {
      return _buildLocationPermissionPage(context, controller);
    }

    // 3. صفحة تسجيل الدخول (التصميم الجديد)
    return Center(
      child: SingleChildScrollView(
        padding: const EdgeInsets.symmetric(horizontal: 24.0),
        child: _buildSocialLoginOptions(context, controller),
      ),
    );
  }

  // --- 1. Agreement Page ---
  Widget _buildAgreementPage(
      BuildContext context, LoginDriverController controller) {
    return Column(
      children: [
        const SizedBox(height: 20),
        // Header ثابت
        const Icon(Icons.policy_outlined,
            size: 50, color: AppColor.primaryColor),
        const SizedBox(height: 10),
        Text('Driver Agreement'.tr,
            textAlign: TextAlign.center, style: AppStyle.headTitle2),

        const SizedBox(height: 10),

        // منطقة المحتوى القابلة للتمرير (Expanded لتأخذ المساحة المتبقية)
        Expanded(
          child: Container(
            margin: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
            decoration: BoxDecoration(
              color: Colors.grey[50],
              border: Border.all(color: Colors.grey.shade300),
              borderRadius: BorderRadius.circular(12),
            ),
            child: Scrollbar(
              thumbVisibility: true,
              child: SingleChildScrollView(
                padding: const EdgeInsets.all(16),
                child: HtmlWidget(
                  box.read(BoxName.lang).toString() == 'ar'
                      ? AppInformation.privacyPolicyArabic
                      : AppInformation.privacyPolicy,
                  textStyle: const TextStyle(
                      fontSize: 14, height: 1.6), // تنسيق نص مريح
                ),
              ),
            ),
          ),
        ),

        // منطقة الإجراءات السفلية
        Container(
          padding: const EdgeInsets.all(20),
          decoration: BoxDecoration(
            color: Colors.white,
            boxShadow: [
              BoxShadow(
                color: Colors.black.withOpacity(0.05),
                blurRadius: 10,
                offset: const Offset(0, -5),
              )
            ],
          ),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              CheckboxListTile(
                contentPadding: EdgeInsets.zero,
                title: Text(
                  'I have read and agree to the Terms of Use and Privacy Policy'
                      .tr,
                  style: const TextStyle(
                      fontSize: 14, fontWeight: FontWeight.w600),
                ),
                value: controller.isAgreeTerms,
                onChanged: (value) => controller.changeAgreeTerm(),
                activeColor: AppColor.primaryColor,
                controlAffinity: ListTileControlAffinity.leading,
              ),
              const SizedBox(height: 10),
              SizedBox(
                width: double.infinity,
                height: 50,
                child: ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    backgroundColor: AppColor.primaryColor,
                    shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(12)),
                    elevation: 0,
                  ),
                  onPressed: controller.isAgreeTerms
                      ? () => controller.saveAgreementTerms()
                      : null,
                  child: Text(
                    'Accept & Continue'.tr,
                    style: const TextStyle(
                        color: Colors.white,
                        fontSize: 16,
                        fontWeight: FontWeight.bold),
                  ),
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }

  // --- 2. Location Permission Page ---
  Widget _buildLocationPermissionPage(
      BuildContext context, LoginDriverController controller) {
    return Padding(
      padding: const EdgeInsets.all(30.0),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Image.asset('assets/images/map.png',
              height: 150,
              errorBuilder: (c, o, s) => const Icon(Icons.location_on,
                  size: 100, color: AppColor.primaryColor)),
          const SizedBox(height: 30),
          Text(
            'Enable Location'.tr,
            textAlign: TextAlign.center,
            style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
          ),
          const SizedBox(height: 16),
          Text(
            'We need your location to receive nearby ride requests and navigation.'
                .tr,
            textAlign: TextAlign.center,
            style:
                TextStyle(color: Colors.grey[600], fontSize: 16, height: 1.5),
          ),
          const SizedBox(height: 40),
          SizedBox(
            width: double.infinity,
            height: 50,
            child: ElevatedButton(
              style: ElevatedButton.styleFrom(
                backgroundColor: AppColor.greenColor,
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(12)),
              ),
              onPressed: () async {
                box.write(BoxName.locationPermission, 'true');
                controller.update();
                var status = await Permission.location.request();
                if (status.isGranted) {
                  var bgStatus = await Permission.locationAlways.request();
                  if (bgStatus.isGranted) {
                    // Granted
                  }
                } else if (status.isPermanentlyDenied) {
                  openAppSettings();
                }
                controller.update();
              },
              child: Text("Allow Access".tr,
                  style: const TextStyle(
                      color: Colors.white,
                      fontSize: 16,
                      fontWeight: FontWeight.bold)),
            ),
          ),
          TextButton(
            onPressed: () => openAppSettings(),
            child: Text("Open Settings".tr,
                style: const TextStyle(color: Colors.grey)),
          )
        ],
      ),
    );
  }

  // --- 3. Social Login Options (RE-DESIGNED) ---
  Widget _buildSocialLoginOptions(
      BuildContext context, LoginDriverController controller) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        // Header Logo
        InkWell(
          onLongPress: () {
            _showTesterLoginDialog(context);
          },
          child: Container(
            padding: const EdgeInsets.all(16),
            decoration: BoxDecoration(
                shape: BoxShape.circle,
                color: Colors.white,
                boxShadow: [
                  BoxShadow(
                      color: Colors.grey.withOpacity(0.1),
                      blurRadius: 20,
                      offset: const Offset(0, 5))
                ]),
            child: Image.asset('assets/images/logo.gif',
                height: 80, width: 80, fit: BoxFit.contain),
          ),
        ),
        const SizedBox(height: 24),
        Text(
          'Welcome Captain!'.tr,
          style: const TextStyle(
              fontSize: 26, fontWeight: FontWeight.bold, color: Colors.black87),
        ),
        const SizedBox(height: 8),
        Text(
          'Login to manage your rides and earnings'.tr,
          textAlign: TextAlign.center,
          style: TextStyle(fontSize: 14, color: Colors.grey[600]),
        ),
        const SizedBox(height: 40),

        // Google Button
        _buildSocialCard(
          label: 'Continue with Google'.tr,
          icon: FontAwesome.google,
          iconColor: Colors.red,
          onTap: () {
            GoogleSignInHelper().signInFromLogin();
          },
        ),

        // Apple Button (IOS Only)
        if (Platform.isIOS) ...[
          const SizedBox(height: 16),
          _buildSocialCard(
            label: 'Continue with Apple'.tr,
            icon: FontAwesome.apple,
            iconColor: Colors.black,
            onTap: () async {
              User? user = await authController.signInWithApple();
              if (user != null) {
                box.write(BoxName.emailDriver, user.email.toString());
                box.write(BoxName.driverID, user.uid);
                controller.loginWithGoogleCredential(
                  user.uid,
                  user.email.toString(),
                );
              }
            },
          ),
        ],

        const SizedBox(height: 30),

        // Divider
        Row(
          children: [
            Expanded(child: Divider(color: Colors.grey[300])),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 16),
              child: Text("OR".tr,
                  style: TextStyle(
                      color: Colors.grey[400],
                      fontSize: 12,
                      fontWeight: FontWeight.bold)),
            ),
            Expanded(child: Divider(color: Colors.grey[300])),
          ],
        ),

        const SizedBox(height: 30),

        // Manual Email Button
        SizedBox(
          width: double.infinity,
          height: 55,
          child: OutlinedButton(
            onPressed: () => controller.isPhoneVerified(),
            style: OutlinedButton.styleFrom(
              side: BorderSide(color: AppColor.primaryColor.withOpacity(0.5)),
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(12)),
            ),
            child: Text(
              'Use Email & Password'.tr,
              style: const TextStyle(
                  color: AppColor.primaryColor,
                  fontSize: 16,
                  fontWeight: FontWeight.bold),
            ),
          ),
        ),

        const SizedBox(height: 40),

        // Support Link
        GestureDetector(
          onTap: () => Get.to(() => ContactUsPage()),
          child: Text(
            'Need help? Contact Support'.tr,
            style: TextStyle(
                color: Colors.grey[500],
                fontSize: 13,
                decoration: TextDecoration.underline),
          ),
        ),
      ],
    );
  }

  // Helper Widget for Social Cards
  Widget _buildSocialCard({
    required String label,
    required IconData icon,
    required Color iconColor,
    required VoidCallback onTap,
  }) {
    return Material(
      color: Colors.transparent,
      child: InkWell(
        onTap: onTap,
        borderRadius: BorderRadius.circular(12),
        child: Container(
          padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 20),
          decoration: BoxDecoration(
            border: Border.all(color: Colors.grey.shade300),
            borderRadius: BorderRadius.circular(12),
            color: Colors.white,
            boxShadow: [
              BoxShadow(
                color: Colors.grey.withOpacity(0.05),
                blurRadius: 10,
                offset: const Offset(0, 4),
              ),
            ],
          ),
          child: Row(
            children: [
              Icon(icon, color: iconColor, size: 24),
              const SizedBox(width: 24),
              Expanded(
                child: Text(
                  label,
                  style: const TextStyle(
                    fontSize: 16,
                    fontWeight: FontWeight.w600,
                    color: Colors.black87,
                  ),
                ),
              ),
              const Icon(Icons.arrow_forward_ios_rounded,
                  size: 16, color: Colors.grey),
            ],
          ),
        ),
      ),
    );
  }

  void _showTesterLoginDialog(BuildContext context) {
    final controller = Get.put(LoginDriverController());
    final emailController = TextEditingController();
    final passwordController = TextEditingController();
    final formKey = GlobalKey<FormState>();

    showGeneralDialog(
      context: context,
      barrierDismissible: true,
      barrierLabel: '',
      transitionDuration: const Duration(milliseconds: 300),
      pageBuilder: (ctx, anim1, anim2) => Container(),
      transitionBuilder: (ctx, anim1, anim2, child) {
        return ScaleTransition(
          scale: CurvedAnimation(parent: anim1, curve: Curves.easeOutBack),
          child: AlertDialog(
            shape:
                RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
            backgroundColor: Colors.white,
            surfaceTintColor: Colors.white,
            title: Column(
              children: [
                Container(
                  padding: const EdgeInsets.all(12),
                  decoration: BoxDecoration(
                    color: AppColor.primaryColor.withOpacity(0.1),
                    shape: BoxShape.circle,
                  ),
                  child: const Icon(Icons.admin_panel_settings_rounded,
                      color: AppColor.primaryColor, size: 30),
                ),
                const SizedBox(height: 10),
                const Text(
                  'Tester Access',
                  style: TextStyle(
                    fontSize: 18,
                    fontWeight: FontWeight.bold,
                    color: AppColor.writeColor,
                  ),
                ),
              ],
            ),
            content: Form(
              key: formKey,
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  TextFormField(
                    controller: emailController,
                    style: const TextStyle(color: AppColor.writeColor),
                    decoration: InputDecoration(
                      labelText: 'Tester Email',
                      prefixIcon:
                          const Icon(Icons.email_outlined, color: Colors.grey),
                      border: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(12)),
                      focusedBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(12),
                        borderSide:
                            const BorderSide(color: AppColor.primaryColor),
                      ),
                      contentPadding: const EdgeInsets.symmetric(
                          horizontal: 16, vertical: 12),
                    ),
                    validator: (v) => v!.contains('@') ? null : 'Invalid Email',
                  ),
                  const SizedBox(height: 16),
                  TextFormField(
                    controller: passwordController,
                    style: const TextStyle(color: AppColor.writeColor),
                    obscureText: true,
                    decoration: InputDecoration(
                      labelText: 'Password',
                      prefixIcon:
                          const Icon(Icons.lock_outline, color: Colors.grey),
                      border: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(12)),
                      focusedBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(12),
                        borderSide:
                            const BorderSide(color: AppColor.primaryColor),
                      ),
                      contentPadding: const EdgeInsets.symmetric(
                          horizontal: 16, vertical: 12),
                    ),
                    validator: (v) => v!.isEmpty ? 'Required' : null,
                  ),
                ],
              ),
            ),
            actions: [
              TextButton(
                onPressed: () => Get.back(),
                child: Text('Cancel',
                    style: TextStyle(color: Colors.grey.shade600)),
              ),
              ElevatedButton(
                style: ElevatedButton.styleFrom(
                  backgroundColor: AppColor.primaryColor,
                  shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(10)),
                  elevation: 0,
                ),
                onPressed: () {
                  if (formKey.currentState!.validate()) {
                    controller.logintest(
                      passwordController.text.trim(),
                      emailController.text.trim(),
                    );
                    Get.back();
                  }
                },
                child:
                    const Text('Login', style: TextStyle(color: Colors.white)),
              ),
            ],
          ),
        );
      },
    );
  }
}