import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/price_provider.dart';
import '../widgets/price_chart.dart';
import '../widgets/alerts_panel.dart';
import '../widgets/vendor_table.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color(0xFF0A0E27),
      body: Column(
        children: [
          // Custom title bar (desktop only)
          if (!kIsWeb && (Theme.of(context).platform == TargetPlatform.windows ||
              Theme.of(context).platform == TargetPlatform.macOS ||
              Theme.of(context).platform == TargetPlatform.linux))
            Container(
              height: 40,
              color: const Color(0xFF1A1F3A),
              child: Row(
                children: [
                  const SizedBox(width: 16),
                  const Text(
                    'rmtPocketWatcher',
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 14,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                  const Spacer(),
                  const Text(
                    'Lambda Banking Conglomerate',
                    style: TextStyle(
                      color: Color(0xFF888888),
                      fontSize: 12,
                    ),
                  ),
                  const SizedBox(width: 16),
                  IconButton(
                    icon: const Icon(Icons.minimize, color: Colors.white, size: 16),
                    onPressed: () {
                      // Minimize window - implement with window_manager
                    },
                  ),
                  IconButton(
                    icon: const Icon(Icons.close, color: Colors.white, size: 16),
                    onPressed: () {
                      // Close window - implement with window_manager
                    },
                  ),
                ],
              ),
            ),
          // Main content
          Expanded(
            child: SingleChildScrollView(
              padding: const EdgeInsets.all(16),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: [
                  // Top stats row - Bloomberg style
                  Consumer<PriceProvider>(
                    builder: (context, provider, child) {
                      return Container(
                        padding: const EdgeInsets.all(16),
                        decoration: BoxDecoration(
                          color: const Color(0xFF1A1F3A),
                          borderRadius: BorderRadius.circular(4),
                          border: Border.all(color: const Color(0xFF50E3C2), width: 1),
                        ),
                        child: MediaQuery.of(context).size.width > 600
                          ? Row(
                              children: [
                                // Connection status
                                Expanded(
                                  child: Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      const Text(
                                        'CONNECTION',
                                        style: TextStyle(
                                          color: Color(0xFF888888),
                                          fontSize: 11,
                                          fontWeight: FontWeight.bold,
                                          letterSpacing: 1.2,
                                        ),
                                      ),
                                      const SizedBox(height: 4),
                                      Text(
                                        provider.connectionStatus == 'Connected' ? 'CONNECTED' : provider.connectionStatus.toUpperCase(),
                                        style: TextStyle(
                                          color: provider.connectionStatus == 'Connected'
                                              ? const Color(0xFF50E3C2)
                                              : const Color(0xFFFF6B9D),
                                          fontSize: 16,
                                          fontWeight: FontWeight.bold,
                                          fontFamily: 'monospace',
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                                if (provider.latestPrice != null) ...[
                                  // Lowest price
                                  Expanded(
                                    flex: 2,
                                    child: Column(
                                      crossAxisAlignment: CrossAxisAlignment.start,
                                      children: [
                                        const Text(
                                          'LOWEST PRICE',
                                          style: TextStyle(
                                            color: Color(0xFF888888),
                                            fontSize: 11,
                                            fontWeight: FontWeight.bold,
                                            letterSpacing: 1.2,
                                          ),
                                        ),
                                        const SizedBox(height: 4),
                                        Text(
                                          provider.latestPrice!.lowestPrice >= 1 
                                            ? '\$${provider.latestPrice!.lowestPrice.toStringAsFixed(2)}'
                                            : provider.latestPrice!.lowestPrice >= 0.01
                                            ? '\$${provider.latestPrice!.lowestPrice.toStringAsFixed(4)}'
                                            : provider.latestPrice!.lowestPrice >= 0.0001
                                            ? '\$${provider.latestPrice!.lowestPrice.toStringAsFixed(6)}'
                                            : '\$${provider.latestPrice!.lowestPrice.toStringAsFixed(8)}', // Use more decimal places instead of scientific notation
                                          style: const TextStyle(
                                            color: Color(0xFF50E3C2),
                                            fontSize: 18, // Reduced from 20
                                            fontWeight: FontWeight.bold,
                                            fontFamily: 'monospace',
                                          ),
                                        ),
                                        const Text(
                                          'per 1M AUEC',
                                          style: TextStyle(
                                            color: Color(0xFF888888),
                                            fontSize: 10,
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                  // Seller info
                                  Expanded(
                                    child: Column(
                                      crossAxisAlignment: CrossAxisAlignment.start,
                                      children: [
                                        const Text(
                                          'SELLER',
                                          style: TextStyle(
                                            color: Color(0xFF888888),
                                            fontSize: 11,
                                            fontWeight: FontWeight.bold,
                                            letterSpacing: 1.2,
                                          ),
                                        ),
                                        const SizedBox(height: 4),
                                        Text(
                                          provider.latestPrice!.sellerName,
                                          style: const TextStyle(
                                            color: Colors.white,
                                            fontSize: 16,
                                            fontWeight: FontWeight.bold,
                                            fontFamily: 'monospace',
                                          ),
                                        ),
                                        Text(
                                          provider.latestPrice!.platform,
                                          style: const TextStyle(
                                            color: Color(0xFF888888),
                                            fontSize: 10,
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                ],
                              ],
                            )
                          : Column(
                              crossAxisAlignment: CrossAxisAlignment.stretch,
                              children: [
                                // Connection status (mobile)
                                Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    const Text(
                                      'CONNECTION',
                                      style: TextStyle(
                                        color: Color(0xFF888888),
                                        fontSize: 11,
                                        fontWeight: FontWeight.bold,
                                        letterSpacing: 1.2,
                                      ),
                                    ),
                                    const SizedBox(height: 4),
                                    Text(
                                      provider.connectionStatus == 'Connected' ? 'CONNECTED' : provider.connectionStatus.toUpperCase(),
                                      style: TextStyle(
                                        color: provider.connectionStatus == 'Connected'
                                            ? const Color(0xFF50E3C2)
                                            : const Color(0xFFFF6B9D),
                                        fontSize: 16,
                                        fontWeight: FontWeight.bold,
                                        fontFamily: 'monospace',
                                      ),
                                    ),
                                  ],
                                ),
                                if (provider.latestPrice != null) ...[
                                  const SizedBox(height: 16),
                                  // Lowest price (mobile)
                                  Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      const Text(
                                        'LOWEST PRICE',
                                        style: TextStyle(
                                          color: Color(0xFF888888),
                                          fontSize: 11,
                                          fontWeight: FontWeight.bold,
                                          letterSpacing: 1.2,
                                        ),
                                      ),
                                      const SizedBox(height: 4),
                                      Text(
                                        provider.latestPrice!.lowestPrice >= 1 
                                          ? '\$${provider.latestPrice!.lowestPrice.toStringAsFixed(2)}'
                                          : provider.latestPrice!.lowestPrice >= 0.01
                                          ? '\$${provider.latestPrice!.lowestPrice.toStringAsFixed(4)}'
                                          : provider.latestPrice!.lowestPrice >= 0.0001
                                          ? '\$${provider.latestPrice!.lowestPrice.toStringAsFixed(6)}'
                                          : '\$${provider.latestPrice!.lowestPrice.toStringAsFixed(8)}',
                                        style: const TextStyle(
                                          color: Color(0xFF50E3C2),
                                          fontSize: 18,
                                          fontWeight: FontWeight.bold,
                                          fontFamily: 'monospace',
                                        ),
                                      ),
                                      const Text(
                                        'per 1M AUEC',
                                        style: TextStyle(
                                          color: Color(0xFF888888),
                                          fontSize: 10,
                                        ),
                                      ),
                                    ],
                                  ),
                                  const SizedBox(height: 16),
                                  // Seller info (mobile)
                                  Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      const Text(
                                        'SELLER',
                                        style: TextStyle(
                                          color: Color(0xFF888888),
                                          fontSize: 11,
                                          fontWeight: FontWeight.bold,
                                          letterSpacing: 1.2,
                                        ),
                                      ),
                                      const SizedBox(height: 4),
                                      Text(
                                        provider.latestPrice!.sellerName,
                                        style: const TextStyle(
                                          color: Colors.white,
                                          fontSize: 16,
                                          fontWeight: FontWeight.bold,
                                          fontFamily: 'monospace',
                                        ),
                                      ),
                                      Text(
                                        provider.latestPrice!.platform,
                                        style: const TextStyle(
                                          color: Color(0xFF888888),
                                          fontSize: 10,
                                        ),
                                      ),
                                    ],
                                  ),
                                ],
                              ],
                            )
                      );
                    },
                  ),
                  const SizedBox(height: 16),
                  // Price Alerts section
                  const AlertsPanel(),
                  const SizedBox(height: 16),
                  // Price History Chart
                  const PriceChart(),
                  const SizedBox(height: 16),
                  // Current Listings table
                  const VendorTable(),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}