import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter_svg/flutter_svg.dart';

import '../widgets/settings_bar.dart';
import '../screens/request_leave_screen.dart';
import '../screens/request_advance_scrren.dart';
import '../models/leave_request.dart';
import '../models/advance_request.dart';
import '../services/request_service.dart';

class HolidayScreen extends StatefulWidget {
  final void Function(bool isScrollingDown)? onScrollEvent;

  const HolidayScreen({super.key, this.onScrollEvent});

  @override
  State<HolidayScreen> createState() => _HolidayScreenState();
}

class _HolidayScreenState extends State<HolidayScreen> {
  int activeTab = 0;

  final RequestService _requestService = RequestService();
  List<LeaveRequest> _leaveRequests = [];
  List<AdvanceRequest> _advanceRequests = [];

  final ScrollController _scrollController = ScrollController();
  bool _showActions = true;
  bool _showSettings = true; // NEW — local control for SettingsBar

  @override
  void initState() {
    super.initState();
    _initializeData();

    _scrollController.addListener(() {
      final direction = _scrollController.position.userScrollDirection;

      if (direction == ScrollDirection.reverse) {
        if (_showActions) setState(() => _showActions = false);
        setState(() => _showSettings = false);
        widget.onScrollEvent?.call(true);
      } else if (direction == ScrollDirection.forward) {
        if (!_showActions) setState(() => _showActions = true);
        setState(() => _showSettings = true);
        widget.onScrollEvent?.call(false);
      }

      if (_scrollController.position.pixels <= 5) {
        setState(() {
          _showActions = true;
          _showSettings = true;
        });
        widget.onScrollEvent?.call(false);
      }
    });
  }

  void _initializeData() async {
    _leaveRequests = await _requestService.getLeaveRequests();
    _advanceRequests = await _requestService.getAdvanceRequests();

    _requestService.leaveRequestsStream.listen((requests) {
      if (mounted) setState(() => _leaveRequests = requests);
    });

    _requestService.advanceRequestsStream.listen((requests) {
      if (mounted) setState(() => _advanceRequests = requests);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Directionality(
      textDirection: TextDirection.rtl,
      child: Stack(
        children: [
          // ---------------------------------------------------------
          // ⭐ SETTINGS BAR (now inside Holiday screen)
          // ---------------------------------------------------------
          AnimatedPositioned(
            duration: const Duration(milliseconds: 250),
            top: _showSettings ? 0 : -80,
            left: 0,
            right: 0,
            child: SafeArea(
              child: Padding(
                padding: const EdgeInsets.only(top: 8),
                child: SettingsBar(
                  selectedIndex: 0,
                  showBackButton: false,
                  iconPaths: [
                    'assets/images/user.svg',
                    'assets/images/ball.svg',
                  ],
                  onTap: (index) {
                    // do your navigation logic
                  },
                ),
              ),
            ),
          ),

          // ---------------------------------------------------------
          // ⭐ TABS SECTION
          // Directly under SettingsBar, NO GAP
          // ---------------------------------------------------------
          Positioned(
            top: 70,
            left: 0,
            right: 0,
            height: 55,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                // الأجازات
                GestureDetector(
                  onTap: () => setState(() => activeTab = 1),
                  child: Column(
                    children: [
                      Text(
                        "الأجازات",
                        style: TextStyle(
                          fontSize: 22,
                          fontWeight: FontWeight.w600,
                          color:
                              activeTab == 1
                                  ? const Color(0xFF8EFDC2)
                                  : const Color(0x9EFFFFFF),
                        ),
                      ),
                      if (activeTab == 1)
                        Container(
                          width: 60,
                          height: 2,
                          margin: const EdgeInsets.only(top: 4),
                          color: const Color(0xFF8EFDC2),
                        ),
                    ],
                  ),
                ),

                const SizedBox(width: 70),

                // السلف
                GestureDetector(
                  onTap: () => setState(() => activeTab = 0),
                  child: Column(
                    children: [
                      Text(
                        "السلف",
                        style: TextStyle(
                          fontSize: 22,
                          fontWeight: FontWeight.w600,
                          color:
                              activeTab == 0
                                  ? const Color(0xFF8EFDC2)
                                  : const Color(0x9EFFFFFF),
                        ),
                      ),
                      if (activeTab == 0)
                        Container(
                          width: 60,
                          height: 2,
                          margin: const EdgeInsets.only(top: 4),
                          color: const Color(0xFF8EFDC2),
                        ),
                    ],
                  ),
                ),
              ],
            ),
          ),

          // ---------------------------------------------------------
          // ⭐ CONTENT AREA (LISTS)
          // Starts right under the TABS
          // ---------------------------------------------------------
          Positioned.fill(
            top: 130,
            child:
                activeTab == 1
                    ? _buildLeaveRequestsTab()
                    : _buildAdvanceRequestsTab(),
          ),

          // ---------------------------------------------------------
          // ⭐ FLOATING ACTION BUTTONS
          // ---------------------------------------------------------
          Positioned(
            bottom: 60,
            right: 20,
            child: AnimatedSlide(
              offset: _showActions ? Offset.zero : const Offset(0, 1.3),
              duration: const Duration(milliseconds: 300),
              child: AnimatedOpacity(
                opacity: _showActions ? 1 : 0,
                duration: const Duration(milliseconds: 250),
                child: Column(
                  children: [
                    _HolidayActionButton(
                      label: "طلب سلفة",
                      svgPath: "assets/images/money2.svg",
                      iconWidth: 28,
                      iconHeight: 20,
                      onTap: () {
                        Navigator.push(
                          context,
                          MaterialPageRoute(
                            builder: (_) => const RequestAdvanceScreen(),
                          ),
                        );
                      },
                    ),
                    const SizedBox(height: 18),
                    _HolidayActionButton(
                      label: "طلب إجازة",
                      svgPath: "assets/images/plus.svg",
                      iconWidth: 28,
                      iconHeight: 20,
                      onTap: () {
                        Navigator.push(
                          context,
                          MaterialPageRoute(
                            builder: (_) => const RequestLeaveScreen(),
                          ),
                        );
                      },
                    ),
                  ],
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }

  // ----------------------------------------------------------------
  // LISTS
  // ----------------------------------------------------------------

  Widget _buildLeaveRequestsTab() {
    if (_leaveRequests.isEmpty) {
      return const Center(
        child:
            Text("لا توجد طلبات أجازة", style: TextStyle(color: Colors.white)),
      );
    }

    return ListView.builder(
      controller: _scrollController,
      padding: const EdgeInsets.symmetric(horizontal: 25, vertical: 20),
      itemCount: _leaveRequests.length,
      itemBuilder: (context, index) {
        return _buildLeaveRequestCard(_leaveRequests[index]);
      },
    );
  }

  Widget _buildAdvanceRequestsTab() {
    if (_advanceRequests.isEmpty) {
      return const Center(
        child:
            Text("لا توجد طلبات سلف", style: TextStyle(color: Colors.white)),
      );
    }

    return ListView.builder(
      controller: _scrollController,
      padding: const EdgeInsets.symmetric(horizontal: 25, vertical: 20),
      itemCount: _advanceRequests.length,
      itemBuilder: (context, index) {
        return _buildAdvanceRequestCard(_advanceRequests[index]);
      },
    );
  }

  // ----------------------------------------------------------------
  // CARD BUILDERS (unchanged)
  // ----------------------------------------------------------------

  Widget _buildLeaveRequestCard(LeaveRequest request) {
    const bgColor = Color(0xFFEAF8F3);
    const lineColor = Color(0xFF22A685);

    final bool isWaiting = request.status == "waiting";
    final bool isApproved = request.status == "approved";
    final bool isDenied = request.status == "denied";

    final String dateText =
        "${request.fromDate.year}.${request.fromDate.month}.${request.fromDate.day}";

    return Directionality(
      textDirection: TextDirection.rtl,
      child: Container(
        width: double.infinity,
        margin: const EdgeInsets.only(bottom: 16),
        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 14),
        decoration: BoxDecoration(
          color: bgColor,
          borderRadius: BorderRadius.circular(16),
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.end,
          children: [
            // STATUS ROW
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                _statusCircle(isWaiting, "قيد الانتظار",
                    isWaiting ? "assets/images/waiting.svg" : null,
                    const Color(0xFFA58A1B), const Color(0xFFFFDC69)),
                const SizedBox(width: 12),
                _statusCircle(isApproved, "موافقة",
                    isApproved ? "assets/images/yes.svg" : null,
                    const Color(0xFF0A8A60), const Color(0xFF00D7A3)),
                const SizedBox(width: 12),
                _statusCircle(isDenied, "تم الرفض",
                    isDenied ? "assets/images/no.svg" : null,
                    const Color(0xFFE63946), const Color(0xFFE63946)),
              ],
            ),

            const SizedBox(height: 8),

            // TITLE + DATE
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Row(
                  children: [
                    SvgPicture.asset(
                      "assets/images/holiday.svg",
                      width: 32,
                      height: 32,
                      color: const Color(0xFF11663C),
                    ),
                    const SizedBox(width: 8),
                    Text(
                      request.leaveType,
                      style: const TextStyle(
                        fontWeight: FontWeight.bold,
                        fontSize: 13,
                      ),
                    ),
                  ],
                ),
                Text(dateText),
              ],
            ),

            const SizedBox(height: 10),
            Container(height: 1.4, width: double.infinity, color: lineColor),
            const SizedBox(height: 10),

            // REASON ROW
            Row(
              children: [
                Expanded(
                  child: Text(
                    request.reason,
                    textAlign: TextAlign.right,
                  ),
                ),
                const SizedBox(width: 6),
                const Text(
                  "السبب:",
                  style: TextStyle(fontWeight: FontWeight.bold),
                ),
              ],
            )
          ],
        ),
      ),
    );
  }

  Widget _statusCircle(bool active, String label, String? svg,
      Color color, Color glow) {
    return Column(
      children: [
        Container(
          width: 36,
          height: 36,
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            color: active ? color : const Color(0xFFD6D6D6),
            boxShadow: active
                ? [BoxShadow(color: glow.withOpacity(0.6), blurRadius: 12)]
                : [],
          ),
          child: svg != null
              ? Center(
                  child: SvgPicture.asset(svg, width: 18, height: 18),
                )
              : null,
        ),
        const SizedBox(height: 4),
        Text(label, style: const TextStyle(fontSize: 10)),
      ],
    );
  }

  Widget _buildAdvanceRequestCard(AdvanceRequest request) {
    // Same card logic as before (unchanged)
    return _buildLeaveRequestCard(
      LeaveRequest(
        id: request.id,
        leaveType: "سلفة ${request.amount}",
        isTimedLeave: false,
        fromDate: DateTime.now(),
        toDate: DateTime.now(),
        fromTime: TimeOfDay.now(),
        toTime: TimeOfDay.now(),
        reason: request.reason,
        requestDate: DateTime.now(),
        status: request.status,
      ),
    );
  }
}

// ----------------------------------------------------------------
// FLOATING BUTTON WIDGET (unchanged)
// ----------------------------------------------------------------

class _HolidayActionButton extends StatelessWidget {
  final String label;
  final String svgPath;
  final VoidCallback onTap;
  final double iconWidth;
  final double iconHeight;

  const _HolidayActionButton({
    required this.label,
    required this.svgPath,
    required this.onTap,
    required this.iconWidth,
    required this.iconHeight,
  });

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        width: 80,
        height: 70,
        decoration: BoxDecoration(
          color: Colors.white,
          shape: BoxShape.circle,
          boxShadow: const [
            BoxShadow(
              color: Color(0x4B00C68B),
              blurRadius: 20,
              offset: Offset(0, 6),
            ),
          ],
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            SizedBox(
              width: iconWidth,
              height: iconHeight,
              child: SvgPicture.asset(svgPath, fit: BoxFit.contain),
            ),
            const SizedBox(height: 6),
            Text(
              label,
              style: const TextStyle(
                fontSize: 14,
                fontWeight: FontWeight.w600,
                color: Colors.black,
              ),
            ),
          ],
        ),
      ),
    );
  }
}