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

import '../models/lenormand_pairs.dart';
import '../services/lenormand_pairs_repository.dart';
import 'lenormand_pair_screen.dart';

class LenormandStationScreen extends StatefulWidget {
  final int number;
  final LenormandCardEntry? Function(int n)? lookup;
  final String title;

  const LenormandStationScreen({
    super.key,
    required this.number,
    this.lookup,
    this.title = 'Ленорман',
  });

  @override
  State<LenormandStationScreen> createState() => _LenormandStationScreenState();
}

class _LenormandStationScreenState extends State<LenormandStationScreen> {
  late int _n;
  String _query = '';

  @override
  void initState() {
    super.initState();
    _n = widget.number;
  }

  @override
  Widget build(BuildContext context) {
    final lookup = widget.lookup ?? (n) => LenormandPairsRepository().byNumber(n);
    final card = lookup(_n);
    if (card == null) {
      return Scaffold(
        backgroundColor: const Color(0xFF0C0E1A),
        appBar: AppBar(title: Text(widget.title)),
        body: const Center(
          child: Text('Карта не найдена', style: TextStyle(color: Color(0xFF8C93B8))),
        ),
      );
    }
    final pairs = card.pairs.where((p) {
      if (_query.isEmpty) return true;
      final q = _query.toLowerCase();
      return p.name.toLowerCase().contains(q) ||
          p.preview.toLowerCase().contains(q) ||
          '${p.n}'.contains(q);
    }).toList();

    return Scaffold(
      backgroundColor: const Color(0xFF0C0E1A),
      appBar: AppBar(
        title: Text('${card.n}. ${card.name}'),
      ),
      body: ListView(
        padding: const EdgeInsets.fromLTRB(16, 8, 16, 32),
        children: [
          Row(
            children: [
              Container(
                width: 56,
                height: 56,
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  color: const Color(0x1AFFD54F),
                  borderRadius: BorderRadius.circular(14),
                  border: Border.all(color: const Color(0x4DFFD54F)),
                ),
                child: Text(card.symbol, style: const TextStyle(fontSize: 24)),
              ),
              const SizedBox(width: 12),
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      card.name,
                      style: const TextStyle(
                        color: Color(0xFFFFF9C4),
                        fontWeight: FontWeight.w900,
                        fontSize: 20,
                      ),
                    ),
                    if (card.lore.isNotEmpty)
                      Text(
                        card.lore,
                        style: const TextStyle(
                          color: Color(0xFF90CDF4),
                          fontSize: 13,
                          fontWeight: FontWeight.w600,
                        ),
                      ),
                  ],
                ),
              ),
            ],
          ),
          const SizedBox(height: 18),
          const _SectionTitle('Значение'),
          const SizedBox(height: 8),
          Text(
            card.displayMeaning,
            style: const TextStyle(color: Color(0xFFD1D5DB), fontSize: 14, height: 1.5),
          ),
          if (card.shadow.isNotEmpty) ...[
            const SizedBox(height: 16),
            const _SectionTitle('Тень'),
            const SizedBox(height: 8),
            Text(
              card.shadow,
              style: const TextStyle(color: Color(0xFFC5CAE9), fontSize: 13, height: 1.5),
            ),
          ],
          if (card.pairs.isNotEmpty) ...[
            const SizedBox(height: 22),
            _SectionTitle('Сочетания (${card.pairs.length})'),
            const SizedBox(height: 6),
            Text(
              'Пара с каждой из остальных ${card.pairs.length} карт. Нажмите, чтобы открыть толкование.',
              style: TextStyle(color: Color(0x8AFFFFFF), fontSize: 12, height: 1.4),
            ),
            const SizedBox(height: 10),
            TextField(
              onChanged: (v) => setState(() => _query = v.trim()),
              style: const TextStyle(color: Color(0xFFE8EAF6), fontSize: 14),
              decoration: InputDecoration(
                hintText: 'Поиск по второй карте…',
                hintStyle: const TextStyle(color: Color(0xFF8C93B8)),
                filled: true,
                fillColor: const Color(0xFF151829),
                prefixIcon: const Icon(Icons.search, color: Color(0xFFFFD54F)),
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(12),
                  borderSide: const BorderSide(color: Color(0x1AFFFFFF)),
                ),
              ),
            ),
            const SizedBox(height: 12),
            for (final p in pairs)
              _PairTile(
                card: card,
                link: p,
                onOpen: () {
                  HapticFeedback.selectionClick();
                  Navigator.push(
                    context,
                    MaterialPageRoute(
                      builder: (_) => LenormandPairScreen(
                        left: card.n,
                        right: p.n,
                        lookup: lookup,
                        title: widget.title,
                      ),
                    ),
                  );
                },
              ),
          ],
        ],
      ),
    );
  }
}

class _SectionTitle extends StatelessWidget {
  final String text;
  const _SectionTitle(this.text);

  @override
  Widget build(BuildContext context) {
    return Text(
      text,
      style: const TextStyle(
        color: Color(0xFFFFD54F),
        fontWeight: FontWeight.w900,
        fontSize: 16,
        letterSpacing: 0.3,
      ),
    );
  }
}

class _PairTile extends StatelessWidget {
  final LenormandCardEntry card;
  final LenormandPairLink link;
  final VoidCallback onOpen;

  const _PairTile({
    required this.card,
    required this.link,
    required this.onOpen,
  });

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(bottom: 8),
      child: Material(
        color: const Color(0xFF151829),
        borderRadius: BorderRadius.circular(12),
        child: InkWell(
          onTap: onOpen,
          borderRadius: BorderRadius.circular(12),
          child: Container(
            padding: const EdgeInsets.fromLTRB(12, 10, 10, 10),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(12),
              border: Border.all(color: const Color(0x1AFFFFFF)),
            ),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                SizedBox(
                  width: 36,
                  child: Text(
                    '${link.n}',
                    style: const TextStyle(
                      color: Color(0xFFFFD54F),
                      fontWeight: FontWeight.w900,
                      fontSize: 14,
                    ),
                  ),
                ),
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        '${card.name} + ${link.name}',
                        style: const TextStyle(
                          color: Color(0xFFFFF9C4),
                          fontWeight: FontWeight.w800,
                          fontSize: 14,
                        ),
                      ),
                      const SizedBox(height: 4),
                      Text(
                        link.displayText,
                        maxLines: 2,
                        overflow: TextOverflow.ellipsis,
                        style: const TextStyle(
                          color: Color(0xFFC5CAE9),
                          fontSize: 12,
                          height: 1.4,
                        ),
                      ),
                    ],
                  ),
                ),
                const Icon(Icons.chevron_right_rounded, color: Color(0xFF8C93B8)),
              ],
            ),
          ),
        ),
      ),
    );
  }
}