import 'dart:ui';

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

import '../controllers/meeting_controller.dart';
import '../utils/meeting_ui_utils.dart';
import 'bottomSheet/filtrate_drawer.dart';
import 'bottomSheet/navigation_bar_bottom_sheet.dart';

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

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

    return Scaffold(
      key: controller.scaffoldKey,
      backgroundColor: MeetingUIUtils.getBackgroundColor(isDarkMode),
      body: PageView(
        physics: const NeverScrollableScrollPhysics(),
        controller: controller.pageController,
        children: controller.pageList,
      ),
      drawer: Drawer(
        width: 260.w,
        backgroundColor: isDarkMode ? const Color(0xFF1A1A1A) : Colors.grey[50],
        child: const FiltrateDrawer(),
      ),
      drawerEnableOpenDragGesture: false,
      bottomNavigationBar: Stack(
        alignment: Alignment.center,
        clipBehavior: Clip.none,
        children: [
          Obx(
            () => BottomNavigationBar(
              items: const [
                BottomNavigationBarItem(
                  icon: Icon(Icons.folder_outlined),
                  activeIcon: Icon(Icons.folder),
                  label: '文件',
                ),
                BottomNavigationBarItem(
                  icon: SizedBox(),
                  label: '',
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.person_outline),
                  activeIcon: Icon(Icons.person),
                  label: '我的',
                ),
              ],
              backgroundColor:
                  isDarkMode ? const Color(0xFF1A1A1A) : Colors.white,
              currentIndex: controller.pageIndex.value,
              unselectedItemColor: Colors.grey,
              selectedItemColor: isDarkMode ? Colors.white : Colors.blue,
              unselectedFontSize: 10.sp,
              selectedFontSize: 10.sp,
              onTap: (int index) {
                if (index == 1 || index == controller.pageIndex.value) return;
                if (index == 0) {
                  controller.pageIndex.value = 0;
                  controller.pageController.jumpToPage(0);
                } else {
                  controller.pageIndex.value = 2;
                  controller.pageController.jumpToPage(1);
                }
              },
            ),
          ),
          Positioned(
            top: -18.w,
            child: GestureDetector(
              onTap: () {
                Get.bottomSheet(
                  BackdropFilter(
                    filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
                    child: const NavigationBarBottomSheet(),
                  ),
                  isScrollControlled: true,
                );
              },
              child: Container(
                width: 60.w,
                height: 60.w,
                padding: EdgeInsets.all(5.w),
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  color: isDarkMode ? const Color(0xFF1A1A1A) : Colors.white,
                  borderRadius: BorderRadius.circular(60.w),
                  boxShadow: [
                    BoxShadow(
                      color: Colors.black
                          .withValues(alpha: isDarkMode ? 0.3 : 0.1),
                      blurRadius: 8,
                      offset: const Offset(0, 2),
                    ),
                  ],
                ),
                child: Container(
                  alignment: Alignment.center,
                  decoration: BoxDecoration(
                    color: MeetingUIUtils.getButtonColor(isDarkMode),
                    borderRadius: BorderRadius.circular(60.w),
                  ),
                  child: Icon(
                    Icons.add,
                    color: Colors.white,
                    size: 30.w,
                  ),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}