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

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

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

    return Column(
      children: [
        // Top Bar
        Container(
          padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top, left: 8, right: 8, bottom: 12),
          color: isDark ? const Color(0xFF1E1E2E) : const Color(0xFF0F4C81),
          child: Row(
            children: [
              const SizedBox(width: 48),
              Expanded(
                child: Center(
                  child: Text(
                    'الإشعارات',
                    style: TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold),
                  ),
                ),
              ),
              IconButton(
                icon: const Icon(Icons.done_all_rounded, color: Colors.white),
                onPressed: () {},
                tooltip: 'قراءة الكل',
              ),
            ],
          ),
        ),

        // Notifications List
        Expanded(
          child: _buildEmptyState(isDark),
        ),
      ],
    );
  }

  Widget _buildEmptyState(bool isDark) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Container(
            width: 100,
            height: 100,
            decoration: BoxDecoration(
              color: isDark ? Colors.white.withOpacity(0.05) : const Color(0xFFF1F5F9),
              shape: BoxShape.circle,
            ),
            child: Icon(
              Icons.notifications_off_rounded,
              size: 48,
              color: isDark ? Colors.white12 : Colors.grey.shade300,
            ),
          ),
          const SizedBox(height: 20),
          Text(
            'لا توجد إشعارات',
            style: TextStyle(
              fontSize: 18,
              fontWeight: FontWeight.w600,
              color: isDark ? Colors.white38 : Colors.grey,
            ),
          ),
          const SizedBox(height: 8),
          Text(
            'ستظهر هنا إشعارات معالجة الفواتير\nوتحديثات الاشتراك',
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 13,
              color: isDark ? Colors.white24 : Colors.grey.shade400,
              height: 1.5,
            ),
          ),
        ],
      ),
    );
  }
}
