import 'package:common_utils/common_utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:lottie/lottie.dart';

import '../../../core/theme/app_colors.dart';
import '../controllers/meeting_controller.dart';

class MeetingView extends GetView<MeetingController> {
  const MeetingView({super.key});

  @override
  Widget build(BuildContext context) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;

    return PopScope(
      canPop: false,
      onPopInvokedWithResult: (didPop, result) {
        if (didPop) return;
        _showAlertDialog(isDarkMode);
      },
      child: Scaffold(
        backgroundColor: isDarkMode ? Colors.black : Colors.grey[50],
        appBar: _buildAppBar(isDarkMode),
        body: _buildBody(isDarkMode),
      ),
    );
  }

  // 构建应用栏
  PreferredSizeWidget _buildAppBar(bool isDarkMode) {
    return AppBar(
      backgroundColor: isDarkMode ? Colors.black : Colors.white,
      elevation: 0.5,
      leading: IconButton(
        icon: Icon(
          Icons.arrow_back_ios,
          color: isDarkMode ? Colors.white : Colors.black,
          size: 20.sp,
        ),
        onPressed: () {
          _showAlertDialog(isDarkMode);
        },
      ),
      title: Padding(
        padding: const EdgeInsets.only(right: 56),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Obx(
              () => Icon(
                Icons.keyboard_voice,
                color: isDarkMode
                    ? controller.seconds.value > 0
                        ? AppColors.primary
                        : Colors.white
                    : controller.seconds.value > 0
                        ? Colors.blue
                        : Colors.black,
              ),
            ),
            5.horizontalSpace,
            Obx(
              () => Text(
                DateUtil.formatDateMs(
                  controller.seconds.value * 1000,
                  format: 'HH:mm:ss',
                  isUtc: true,
                ),
                style: TextStyle(
                  fontSize: 17.sp,
                  fontWeight: FontWeight.w600,
                  color: isDarkMode
                      ? controller.seconds.value > 0
                          ? AppColors.primary
                          : Colors.white
                      : controller.seconds.value > 0
                          ? Colors.blue
                          : Colors.black,
                ),
              ),
            ),
          ],
        ),
      ),
      centerTitle: true,
    );
  }

  // 构建主体内容
  Widget _buildBody(bool isDarkMode) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 10.w),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Expanded(
                child: Text(
                  '2025-03-03 录音',
                  style: TextStyle(
                    color: isDarkMode ? Colors.white : Colors.black87,
                    fontSize: 17.sp,
                  ),
                ),
              ),
              10.horizontalSpace,
              Text(
                '中文',
                style: TextStyle(
                  color: isDarkMode ? Colors.white : Colors.black87,
                  fontSize: 15.sp,
                ),
              ),
            ],
          ),
          Padding(
            padding: EdgeInsets.symmetric(vertical: 5.w),
            child: Text(
              '2025-03-03 16:18',
              style: TextStyle(
                color: isDarkMode ? Colors.grey[400] : Colors.grey[500],
                fontSize: 14.sp,
              ),
            ),
          ),
          _audioWave(isDarkMode),
          _recordContent(isDarkMode),
          _bottomButton(isDarkMode),
        ],
      ),
    );
  }

  // 音波
  Widget _audioWave(bool isDarkMode) {
    return Container(
      width: double.infinity,
      height: 70.w,
      margin: EdgeInsets.symmetric(vertical: 5.w),
      decoration: BoxDecoration(
        color: isDarkMode ? Colors.white.withOpacity(0.05) : Colors.white,
        borderRadius: BorderRadius.circular(12.w),
        boxShadow: [
          BoxShadow(
            color: isDarkMode
                ? Colors.black.withOpacity(0.2)
                : Colors.black.withOpacity(0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Row(
        children: [
          Expanded(
            child: Lottie.asset(
              'assets/lottie/audio_wave.json',
              controller: controller.lottieController,
              fit: BoxFit.fill,
              onLoaded: (composition) {
                controller.lottieController.duration = composition.duration;
              },
            ),
          ),
          Expanded(
            child: Lottie.asset(
              'assets/lottie/audio_wave.json',
              controller: controller.lottieController,
              fit: BoxFit.fill,
            ),
          ),
          Expanded(
            child: Lottie.asset(
              'assets/lottie/audio_wave.json',
              controller: controller.lottieController,
              fit: BoxFit.fill,
            ),
          ),
        ],
      ),
    );
  }

  // 记录内容
  Widget _recordContent(bool isDarkMode) {
    return Expanded(
      child: Container(
        width: double.infinity,
        padding: EdgeInsets.all(10.w),
        margin: EdgeInsets.symmetric(vertical: 5.w),
        decoration: BoxDecoration(
          color: isDarkMode ? Colors.white.withOpacity(0.05) : Colors.white,
          borderRadius: BorderRadius.circular(12.w),
          boxShadow: [
            BoxShadow(
              color: isDarkMode
                  ? Colors.black.withOpacity(0.2)
                  : Colors.black.withOpacity(0.05),
              blurRadius: 10,
              offset: const Offset(0, 2),
            ),
          ],
        ),
        child: Align(
          alignment: Alignment.topLeft,
          child: SingleChildScrollView(
            reverse: true,
            child: Obx(
              () => Text(
                '${controller.finalContent.value}${controller.intermediateContent.value}',
              ),
            ),
          ),
        ),
      ),
    );
  }

  // 底部按钮
  Widget _bottomButton(bool isDarkMode) {
    return Padding(
      padding: EdgeInsets.only(top: 40.w, bottom: 30.w),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          GestureDetector(
            onTap: controller.recorderHandle,
            child: Container(
              width: 130.w,
              height: 60.w,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(60.w),
                border: Border.all(
                  color: isDarkMode ? AppColors.primary : Colors.blue,
                  width: 2.w,
                ),
              ),
              child: Obx(
                () => Icon(
                  controller.isRecording.value ? Icons.pause : Icons.play_arrow,
                  color: isDarkMode ? AppColors.primary : Colors.blue,
                  size: 40.w,
                ),
              ),
            ),
          ),
          GestureDetector(
            onTap: () {
              _showAlertDialog(isDarkMode);
            },
            child: Container(
              width: 130.w,
              height: 60.w,
              decoration: BoxDecoration(
                color: isDarkMode ? AppColors.primary : Colors.blue,
                borderRadius: BorderRadius.circular(60.w),
              ),
              child: Icon(
                Icons.fiber_manual_record_outlined,
                color: Colors.white,
                size: 40.w,
              ),
            ),
          ),
        ],
      ),
    );
  }

  // 显示对话框
  void _showAlertDialog(bool isDarkMode) {
    if (controller.seconds.value > 0) {
      Get.dialog(
        AlertDialog(
          backgroundColor: isDarkMode ? Colors.grey[900] : Colors.white,
          title: Text(
            '注意',
            style: TextStyle(
              color: isDarkMode ? Colors.white : Colors.black87,
            ),
          ),
          content: Text(
            '你想结束录音吗？',
            style: TextStyle(
              color: isDarkMode ? Colors.white70 : Colors.black54,
            ),
          ),
          actions: [
            TextButton(
              onPressed: () => Get.back(),
              child: Text(
                'cancel'.tr, // 取消
                style: TextStyle(
                  color: isDarkMode ? Colors.white70 : Colors.black54,
                ),
              ),
            ),
            TextButton(
              onPressed: () {
                Get.back();
                controller.complete();
              },
              child: Text(
                'confirm'.tr, // 确定
                style: TextStyle(
                  color: isDarkMode ? Colors.red[300] : Colors.red[600],
                ),
              ),
            ),
          ],
        ),
      );
    } else {
      Get.back();
    }
  }
}