import 'package:flutter/material.dart';
import 'package:flutter_font_icons/flutter_font_icons.dart';
import 'package:get/get.dart';
import 'package:intl/intl.dart';

// تأكد من المسارات
import '../../../constant/box_name.dart';
import '../../../constant/colors.dart';
import '../../../constant/links.dart';
import '../../../constant/style.dart';
import '../../../controller/functions/audio_record1.dart';
import '../../../controller/functions/launch.dart';
import '../../../controller/functions/toast.dart';
import '../../../controller/home/map_passenger_controller.dart';
import '../../../controller/profile/profile_controller.dart';
import '../../../main.dart';
import '../../../views/home/profile/complaint_page.dart';

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

  @override
  Widget build(BuildContext context) {
    final ProfileController profileController = Get.put(ProfileController());
    final AudioRecorderController audioController =
        Get.put(AudioRecorderController());

    return Obx(() {
      final controller = Get.find<MapPassengerController>();

      // شرط الإظهار
      final bool isVisible =
          controller.currentRideState.value == RideState.inProgress &&
              controller.isStartAppHasRide == false;

      return AnimatedPositioned(
        duration: const Duration(milliseconds: 500),
        curve: Curves.easeInOutCubic,
        // تم تقليل قيمة الإخفاء لأن الارتفاع الكلي للنافذة أصبح أصغر
        bottom: isVisible ? 0 : -300,
        left: 0,
        right: 0,
        child: Container(
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: const BorderRadius.only(
              topLeft: Radius.circular(25),
              topRight: Radius.circular(25),
            ),
            boxShadow: [
              BoxShadow(
                color: Colors.black.withOpacity(0.1),
                blurRadius: 20,
                spreadRadius: 2,
                offset: const Offset(0, -3),
              ),
            ],
          ),
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                // 1. مقبض السحب
                Center(
                  child: Container(
                    width: 40,
                    height: 4,
                    decoration: BoxDecoration(
                      color: Colors.grey[300],
                      borderRadius: BorderRadius.circular(10),
                    ),
                  ),
                ),
                const SizedBox(height: 12),

                // 2. هيدر المعلومات (سائق + سيارة + سعر)
                _buildCompactHeader(controller),

                const SizedBox(height: 12),

                // خط فاصل خفيف
                const Divider(
                    height: 1, thickness: 0.5, color: Color(0xFFEEEEEE)),

                const SizedBox(height: 12),

                // 3. الأزرار (إجراءات)
                _buildCompactActionButtons(
                    context, controller, profileController, audioController),

                // إضافة هامش سفلي بسيط لرفع الأزرار عن حافة الشاشة
                const SizedBox(height: 5),
              ],
            ),
          ),
        ),
      );
    });
  }

  // --- الهيدر (بدون تغيير، ممتاز) ---
  Widget _buildCompactHeader(MapPassengerController controller) {
    return Row(
      children: [
        // صورة السائق
        Container(
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            border: Border.all(
                color: AppColor.primaryColor.withOpacity(0.5), width: 1.5),
          ),
          child: CircleAvatar(
            radius: 24,
            backgroundImage: NetworkImage(
                '${AppLink.server}/portrate_captain_image/${controller.driverId}.jpg'),
            onBackgroundImageError: (_, __) => const Icon(Icons.person),
          ),
        ),
        const SizedBox(width: 10),

        // الاسم ومعلومات السيارة
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                children: [
                  Flexible(
                    child: Text(
                      controller.driverName,
                      style: const TextStyle(
                        fontWeight: FontWeight.bold,
                        fontSize: 15,
                        color: Colors.black87,
                      ),
                      maxLines: 1,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ),
                  const SizedBox(width: 4),
                  const Icon(Icons.star, color: Colors.amber, size: 14),
                  Text(
                    controller.driverRate,
                    style: const TextStyle(
                        fontSize: 12, fontWeight: FontWeight.bold),
                  ),
                ],
              ),
              const SizedBox(height: 2),
              Row(
                children: [
                  Flexible(
                    child: Text(
                      '${controller.model} • ',
                      style: TextStyle(fontSize: 12, color: Colors.grey[700]),
                      maxLines: 1,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ),
                  Container(
                    padding:
                        const EdgeInsets.symmetric(horizontal: 4, vertical: 1),
                    decoration: BoxDecoration(
                      color: Colors.grey[100],
                      border: Border.all(color: Colors.black12),
                      borderRadius: BorderRadius.circular(4),
                    ),
                    child: Text(
                      controller.licensePlate,
                      style: const TextStyle(
                        fontFamily: 'monospace',
                        fontSize: 11,
                        fontWeight: FontWeight.w900,
                      ),
                    ),
                  ),
                ],
              ),
            ],
          ),
        ),

        // السعر
        Container(
          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
          decoration: BoxDecoration(
            color: AppColor.primaryColor.withOpacity(0.08),
            borderRadius: BorderRadius.circular(8),
          ),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.end,
            children: [
              Text(
                NumberFormat('#,###').format(controller.totalPassenger),
                style: const TextStyle(
                  fontWeight: FontWeight.w900,
                  fontSize: 16,
                  color: AppColor.primaryColor,
                ),
              ),
              Text('SYP',
                  style: TextStyle(fontSize: 9, color: Colors.grey[600])),
            ],
          ),
        ),
      ],
    );
  }

  // --- الأزرار (بدون تغيير) ---
  Widget _buildCompactActionButtons(
      BuildContext context,
      MapPassengerController controller,
      ProfileController profileController,
      AudioRecorderController audioController) {
    return SizedBox(
      height: 60,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          _compactBtn(
            icon: Icons.sos_rounded,
            label: 'SOS'.tr,
            color: AppColor.redColor,
            bgColor: AppColor.redColor.withOpacity(0.1),
            onTap: () async {
              if (box.read(BoxName.sosPhonePassenger) == null) {
                await profileController.updatField(
                    'sosPhone', TextInputType.phone);
                box.write(BoxName.sosPhonePassenger,
                    profileController.prfoileData['sosPhone']);
              } else {
                makePhoneCall('112');
              }
            },
          ),
          _compactBtn(
            icon: FontAwesome.whatsapp,
            label: 'WhatsApp'.tr,
            color: const Color(0xFF25D366),
            bgColor: const Color(0xFF25D366).withOpacity(0.1),
            onTap: () async {
              if (box.read(BoxName.sosPhonePassenger) == null) {
                await profileController.updatField(
                    'sosPhone', TextInputType.phone);
              } else {
                final phone = controller.formatSyrianPhoneNumber(
                    box.read(BoxName.sosPhonePassenger).toString());
                controller.sendWhatsapp(phone);
              }
            },
          ),
          _compactBtn(
            icon: Icons.share,
            label: 'Share'.tr,
            color: AppColor.primaryColor,
            bgColor: AppColor.primaryColor.withOpacity(0.1),
            onTap: () async => await controller.shareTripWithFamily(),
          ),
          GetBuilder<AudioRecorderController>(
            init: audioController,
            builder: (audioCtx) {
              return _compactBtn(
                icon: audioCtx.isRecording
                    ? Icons.stop_circle_outlined
                    : Icons.mic_none_outlined,
                label: audioCtx.isRecording ? 'Stop'.tr : 'Record'.tr,
                color: audioCtx.isRecording
                    ? AppColor.redColor
                    : AppColor.primaryColor,
                bgColor: audioCtx.isRecording
                    ? AppColor.redColor.withOpacity(0.1)
                    : AppColor.primaryColor.withOpacity(0.1),
                onTap: () async {
                  if (!audioCtx.isRecording) {
                    await audioCtx.startRecording();
                    Toast.show(context, 'Start Record'.tr, AppColor.greenColor);
                  } else {
                    await audioCtx.stopRecording();
                    Toast.show(context, 'Record saved'.tr, AppColor.greenColor);
                  }
                },
              );
            },
          ),
          _compactBtn(
            icon: Icons.info_outline_rounded,
            label: 'Report'.tr,
            color: Colors.grey[700]!,
            bgColor: Colors.grey[200]!,
            onTap: () => Get.to(() => ComplaintPage()),
          ),
        ],
      ),
    );
  }

  Widget _compactBtn({
    required IconData icon,
    required String label,
    required Color color,
    required Color bgColor,
    required VoidCallback onTap,
  }) {
    return InkWell(
      onTap: onTap,
      borderRadius: BorderRadius.circular(10),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Container(
            padding: const EdgeInsets.all(8),
            decoration: BoxDecoration(
              color: bgColor,
              shape: BoxShape.circle,
            ),
            child: Icon(icon, size: 20, color: color),
          ),
          const SizedBox(height: 4),
          Text(
            label,
            style: TextStyle(
                fontSize: 10,
                color: Colors.grey[700],
                fontWeight: FontWeight.w500),
          ),
        ],
      ),
    );
  }
}