playWith/apps/app/lib/lobby_screen.dart

import 'dart:convert';
import 'dart:io';
import 'package:bonsoir/bonsoir.dart';
import 'package:flutter/material.dart';
import 'package:mobile_scanner/mobile_scanner.dart';
import 'package:playwith_core/playwith_core.dart';

import 'package:qr_flutter/qr_flutter.dart';
import 'package:wifi_iot/wifi_iot.dart';
import 'package:network_info_plus/network_info_plus.dart';
import 'package:permission_handler/permission_handler.dart';

class LobbyScreen extends StatefulWidget {
  const LobbyScreen({super.key});

  @override
  State<LobbyScreen> createState() => _LobbyScreenState();
}

class _LobbyScreenState extends State<LobbyScreen> {
  final _net = NetworkManager();
  final List<String> _logs = [];
  final ScrollController _scrollController = ScrollController();

  @override
  void initState() {
    super.initState();
    
    _net.logStream.listen((log) {
      if (!mounted) return;
      setState(() {
        _logs.add(log);
        if (_logs.length > 100) _logs.removeAt(0);
      });
      if (SettingsNotifier().isShowDebugLog) {
        WidgetsBinding.instance.addPostFrameCallback((_) {
          if (_scrollController.hasClients) {
            _scrollController.animateTo(
              _scrollController.position.maxScrollExtent,
              duration: const Duration(milliseconds: 200),
              curve: Curves.easeOut,
            );
          }
        });
      }
    });

    _net.messageStream.listen((data) {
      if (data['type'] == 'GAME_START') {
        final String gameId = data['gameId'];
        _routeToGame(gameId);
      }
    });
  }


Future<int?> _showSpiderDifficultyDialog() {
    return showDialog<int>(
      context: context,
      barrierDismissible: false,
      builder: (context) => AlertDialog(
        title: const Text("스파이더 난이도"),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            ListTile(
              title: const Text("초급 (1가지 무늬)"),
              subtitle: const Text("스페이드만 사용"),
              leading: const Icon(Icons.looks_one, color: Colors.green),
              onTap: () => Navigator.pop(context, 1),
            ),
            ListTile(
              title: const Text("중급 (2가지 무늬)"),
              subtitle: const Text("스페이드 + 하트"),
              leading: const Icon(Icons.looks_two, color: Colors.orange),
              onTap: () => Navigator.pop(context, 2),
            ),
            ListTile(
              title: const Text("고급 (4가지 무늬)"),
              subtitle: const Text("모든 무늬 사용"),
              leading: const Icon(Icons.looks_4, color: Colors.red),
              onTap: () => Navigator.pop(context, 4),
            ),
          ],
        ),
        actions: [TextButton(onPressed: () => Navigator.pop(context, null), child: const Text("취소"))],
      ),
    );
  }

  void _routeToGame(String gameId) {
    if (gameId == 'quiz_ox' || gameId == 'quiz_mix') {
      _startGameAndNavigate(QuizGame());
    } else if (gameId == 'sudoku_battle') {
      _startGameAndNavigate(SudokuMultiGame());
    } else if (gameId == 'spider_battle') {
      _startGameAndNavigate(SpiderMultiGame());
    } else if (gameId == 'omok') {
      _startGameAndNavigate(OmokGame());
    } else if (gameId == 'janggi') {
      _startGameAndNavigate(JanggiGame());
    } else if (gameId == 'yutnori') {
      _startGameAndNavigate(YutnoriGame());
    } else if (gameId == 'memory_battle') {
      _startGameAndNavigate(MemoryGame());
    } else if (gameId == 'balance_game') {
      _startGameAndNavigate(BalanceGame());
    } else if (gameId == 'tap_battle') {
      _startGameAndNavigate(TapBattleGame());
    } else if (gameId == 'world_tour') {
      _startGameAndNavigate(WorldTourGame());
    } else if (gameId == 'othello') {
          _startGameAndNavigate(OthelloGame());
    } else if (gameId == 'arkanoid') {
          _startGameAndNavigate(ArkanoidGame());
    }else if (gameId == 'math_run') {
      _startGameAndNavigate(MathRunGame());
    }
    else if (gameId == 'jump_battle') {
      _startGameAndNavigate(JumpGame());
    }
    // [추가] 아이엠그라운드 연결
    else if (gameId == 'iam_ground') {
          _startGameAndNavigate(IAmGroundGame());
    }
    else if (gameId == 'survivor') {
      _startGameAndNavigate(SurvivorGame());
    }
    else if (gameId == 'sequence_memory') {
      _startGameAndNavigate(SequenceMemoryGame());
    }
  }

  Future<void> _startGameAndNavigate(BaseGame game) async {
    if (!mounted) return;
    game.onStart();

    await Navigator.push(
      context,
      MaterialPageRoute(builder: (context) {
        Widget gameView;
        if (_net.role == NetworkRole.host) {
          gameView = game.buildHostView(context);
        } else {
          gameView = game.buildGuestView(context);
        }
        return Stack(
          children: [
            gameView,
            const SafeArea(
              child: GameChatOverlay(bottomOffset: 60.0),
            ),
          ],
        );
      }),
    );

    if (_net.hostIp == "Solo Mode") {
      _net.stopNetwork();
    }
  }

  void _navigateToGameSelection({required bool isSolo}) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => GameSelectionScreen(
          onGameSelected: (gameId) async {
            Map<String, dynamic> config = {};
            if (gameId == 'sudoku_battle') {
              final difficulty = await _showDifficultyDialog();
              if (difficulty == null) return;
              config['difficulty'] = difficulty;
            }
// [추가] 스파이더 난이도
            else if (gameId == 'spider_battle') {
              final suits = await _showSpiderDifficultyDialog();
              if (suits == null) return;
              config['difficulty'] = suits; // numSuits (1, 2, 4)
            }

            if (!mounted) return;
            Navigator.pop(context); 
            
            if (isSolo) {
              _net.startSoloMode(gameId, config: config);
            } else {
              _net.selectGame(gameId, config: config);
              _net.startHosting("${_net.me.nickname}의 방");
              
              Future.delayed(const Duration(milliseconds: 500), () {
                if (mounted && _net.role == NetworkRole.host) _showHostQRDialog();
              });
            }
          },
        ),
      ),
    );
  }

  Future<int?> _showDifficultyDialog() {
    return showDialog<int>(
      context: context,
      barrierDismissible: false,
      builder: (context) => AlertDialog(
        title: const Text("난이도 선택"),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            ListTile(title: const Text("쉬움 (4x4)"), onTap: () => Navigator.pop(context, 1)),
            ListTile(title: const Text("보통 (9x9)"), onTap: () => Navigator.pop(context, 4)),
            ListTile(title: const Text("어려움 (9x9)"), onTap: () => Navigator.pop(context, 7)),
          ],
        ),
        actions: [TextButton(onPressed: () => Navigator.pop(context), child: const Text("취소"))],
      ),
    );
  }

  void _openGameSelector() {
    if (_net.role != NetworkRole.host) return;

    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => GameSelectionScreen(
          onGameSelected: (gameId) async {
            Map<String, dynamic> config = {};
            if (gameId == 'sudoku_battle') {
              final difficulty = await _showDifficultyDialog();
              if (difficulty == null) return;
              config['difficulty'] = difficulty;
            }
            else if (gameId == 'spider_battle') {
              final suits = await _showSpiderDifficultyDialog();
              if (suits == null) return;
              config['difficulty'] = suits;
            }

            if (!mounted) return;
            Navigator.pop(context);
            
            if (_net.role == NetworkRole.host) {
              _net.selectGame(gameId, config: config);
            }
          },
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return ListenableBuilder(
      listenable: _net,
      builder: (context, child) {
        return ListenableBuilder(
          listenable: SettingsNotifier(),
          builder: (context, _) {
            return Scaffold(
              appBar: AppBar(
                title: Text('대기실: ${_net.me.nickname}'),
                actions: [
                  if (_net.role == NetworkRole.host)
                    IconButton(
                      icon: const Icon(Icons.qr_code),
                      tooltip: "초대 QR 보기",
                      onPressed: () => _showHostQRDialog(),
                    ),
                  
                  if (_net.role != NetworkRole.none)
                    IconButton(
                      icon: const Icon(Icons.exit_to_app),
                      tooltip: "나가기",
                      onPressed: () => _net.stopNetwork(),
                    )
                ],
              ),
              bottomNavigationBar: const SafeArea(child: AdBannerWidget()),
              body: Column(
                children: [
                  Expanded(
                    flex: 3, 
                    child: _net.role == NetworkRole.none 
                        ? _buildInitView() 
                        : _buildLobbyView()
                  ),
                  const Divider(thickness: 1, height: 1),
                  if (SettingsNotifier().isShowDebugLog) _buildDebugConsole(),
                ],
              ),
            );
          },
        );
      },
    );
  }

  Widget _buildInitView() {
    return Center(
      child: SingleChildScrollView(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text("게임을 시작해볼까요?", style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
            const SizedBox(height: 40),
            
            _BigButton(
              title: "혼자 연습하기\n(Single)",
              color: Colors.orange[100]!,
              icon: Icons.person,
              onTap: () => _navigateToGameSelection(isSolo: true),
            ),
            
            const SizedBox(height: 30),
            
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                _BigButton(
                  title: "방 만들기\n(Host)",
                  color: Colors.blue[100]!,
                  icon: Icons.add_home_work,
                  onTap: () => _navigateToGameSelection(isSolo: false),
                ),
                _BigButton(
                  title: "방 찾기\n(Guest)",
                  color: Colors.green[100]!,
                  icon: Icons.search,
                  onTap: () => _showRoomListDialog(),
                ),
              ],
            ),
            
            const SizedBox(height: 30),
            
            ElevatedButton.icon(
              icon: const Icon(Icons.qr_code_scanner),
              label: const Text("QR 코드로 접속하기"),
              style: ElevatedButton.styleFrom(padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 15)),
              onPressed: () => _openQRScanner(),
            ),
            const SizedBox(height: 10),
            TextButton(
               onPressed: () => _showManualJoinDialog(),
               child: const Text("IP 주소 직접 입력 (비상용)", style: TextStyle(color: Colors.grey)),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildLobbyView() {
    final currentGame = AppGames.getById(_net.selectedGameId);
    final bool isHost = _net.role == NetworkRole.host;

    return Column(
      children: [
        GestureDetector(
          onTap: isHost ? _openGameSelector : null,
          child: Container(
            width: double.infinity,
            padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 20),
            color: Colors.indigo.withOpacity(0.1),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Icon(currentGame.icon, size: 24, color: Colors.indigo),
                const SizedBox(width: 10),
                Column(
                  children: [
                    Text(
                      "현재 게임: ${currentGame.name}",
                      style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: Colors.indigo),
                    ),
                    if (isHost)
                      const Text("(눌러서 변경)", style: TextStyle(fontSize: 12, color: Colors.grey)),
                  ],
                ),
              ],
            ),
          ),
        ),

        Container(
          width: double.infinity,
          padding: const EdgeInsets.all(20),
          color: Colors.grey[100],
          child: Column(
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Icon(isHost ? Icons.wifi_tethering : Icons.wifi, color: Colors.blue),
                  const SizedBox(width: 10),
                  Text(
                    isHost ? "👑 방장 (나)" : "참가자 (나)",
                    style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
                  ),
                ],
              ),
              if (isHost) ...[
                 const SizedBox(height: 10),
                 Row(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children: [
                     SelectableText(
                       "IP: ${_net.hostIp}  /  Port: ${_net.hostPort}", 
                       style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
                     ),
                     const SizedBox(width: 10),
                     InkWell(
                       onTap: () => _showHostQRDialog(),
                       child: const Icon(Icons.qr_code, color: Colors.black87),
                     )
                   ],
                 ),
                 TextButton.icon(
                   icon: const Icon(Icons.wifi_password),
                   label: const Text("핫스팟(야외용) QR 만들기"),
                   onPressed: () => _showHotspotCreateDialog(),
                 ),
              ] else ...[
                const SizedBox(height: 10),
                Text("방장 IP: ${_net.hostIp ?? '...'}", style: const TextStyle(color: Colors.grey)),
              ]
            ],
          ),
        ),
        const Divider(height: 1),
        Expanded(
          child: ListView(
            padding: const EdgeInsets.all(16),
            children: [
              const Text("참가자 목록", style: TextStyle(color: Colors.grey, fontWeight: FontWeight.bold)),
              const SizedBox(height: 10),
              _buildUserTile(_net.me, isMe: true),
              ..._net.guestList.map((guest) => _buildUserTile(guest, isMe: false)),
              
              if (_net.guestList.isEmpty && isHost)
                const Padding(
                  padding: EdgeInsets.all(40.0),
                  child: Center(child: Text("참가자를 기다리는 중...\nQR 코드를 보여주세요.", textAlign: TextAlign.center, style: TextStyle(color: Colors.grey))),
                ),
            ],
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(bottom: 10.0), 
          child: _buildReadyButton(),
        ),
      ],
    );
  }

  Widget _buildUserTile(UserInfo user, {required bool isMe}) {
    return Card(
      elevation: user.isReady ? 4 : 1,
      color: user.isReady ? Colors.green[50] : Colors.white,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(12),
        side: user.isReady ? const BorderSide(color: Colors.green, width: 2) : BorderSide.none,
      ),
      margin: const EdgeInsets.symmetric(vertical: 6),
      child: ListTile(
        contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
        leading: AvatarWidget(user: user, size: 50),
        title: Text(
          user.nickname + (isMe ? " (나)" : ""),
          style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
        ),
        subtitle: Text(isMe ? "준비 버튼을 눌러주세요" : (user.isReady ? "준비 완료!" : "준비 중..."), style: TextStyle(color: Colors.grey[600], fontSize: 12)),
        trailing: user.isReady
            ? const Icon(Icons.check_circle, color: Colors.green, size: 32)
            : const Icon(Icons.hourglass_empty, color: Colors.grey, size: 32),
      ),
    );
  }

  Widget _buildReadyButton() {
    bool isReady = _net.me.isReady;
    bool canReady = _net.role == NetworkRole.host ? _net.guestList.isNotEmpty : true; 
    if (_net.hostIp == "Solo Mode") canReady = true;

    return Container(
      width: double.infinity,
      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
      child: ElevatedButton(
        onPressed: canReady 
            ? () => _net.toggleReady()
            : () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text("친구를 초대해야 시작할 수 있습니다!"))),
        style: ElevatedButton.styleFrom(
          backgroundColor: !canReady ? Colors.grey[300] : (isReady ? Colors.redAccent : Colors.blueAccent),
          padding: const EdgeInsets.symmetric(vertical: 18),
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
          elevation: canReady ? 5 : 0,
        ),
        child: Text(
          isReady ? "준비 취소 (WAIT)" : "준비 완료 (READY)",
          style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold, color: !canReady ? Colors.grey : Colors.white),
        ),
      ),
    );
  }

  Widget _buildDebugConsole() {
    return Column(
      children: [
        Container(
          width: double.infinity,
          padding: const EdgeInsets.all(8.0),
          color: Colors.black87,
          child: const Text("DEBUG LOGS", style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold)),
        ),
        SizedBox(
          height: 150, 
          child: Container(
            color: Colors.black,
            child: ListView.builder(
              controller: _scrollController,
              itemCount: _logs.length,
              itemBuilder: (context, index) {
                return Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 2.0),
                  child: Text(
                    _logs[index],
                    style: const TextStyle(color: Colors.greenAccent, fontSize: 12, fontFamily: 'Courier'),
                  ),
                );
              },
            ),
          ),
        ),
      ],
    );
  }

  void _showHotspotCreateDialog() {
    final ssidCtrl = TextEditingController();
    final pwCtrl = TextEditingController();

    showDialog(
      context: context,
      builder: (ctx) => AlertDialog(
        title: const Text("핫스팟 QR 만들기"),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            const Text("스마트폰 설정에서 핫스팟을 켜고,\n그 정보를 입력해주세요.", style: TextStyle(fontSize: 12, color: Colors.grey)),
            const SizedBox(height: 10),
            TextField(controller: ssidCtrl, decoration: const InputDecoration(labelText: "핫스팟 이름 (SSID)")),
            TextField(controller: pwCtrl, decoration: const InputDecoration(labelText: "비밀번호")),
          ],
        ),
        actions: [
          TextButton(onPressed: () => Navigator.pop(ctx), child: const Text("취소")),
          ElevatedButton(
            onPressed: () {
              if (ssidCtrl.text.isEmpty) return;
              Navigator.pop(ctx);
              
              final Map<String, dynamic> qrData = {
                'type': 'hotspot_invite',
                'ssid': ssidCtrl.text,
                'pwd': pwCtrl.text,
                'port': _net.hostPort ?? 0,
              };
              _showGeneratedQR(jsonEncode(qrData), "핫스팟 + 게임 접속 QR");
            },
            child: const Text("생성"),
          )
        ],
      ),
    );
  }

  void _showHostQRDialog() {
    if (_net.hostIp == null || _net.hostPort == null) return;
    final qrData = jsonEncode({'ip': _net.hostIp, 'port': _net.hostPort});
    _showGeneratedQR(qrData, "초대 QR 코드 (같은 와이파이)");
  }

  void _showGeneratedQR(String data, String title) {
    showDialog(
      context: context,
      builder: (context) => Dialog(
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
        child: Padding(
          padding: const EdgeInsets.all(24.0),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text(title, style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
              const SizedBox(height: 20),
              Container(
                padding: const EdgeInsets.all(10),
                decoration: BoxDecoration(border: Border.all(color: Colors.black12), borderRadius: BorderRadius.circular(10)),
                child: QrImageView(data: data, version: QrVersions.auto, size: 220.0),
              ),
              const SizedBox(height: 20),
              ElevatedButton(onPressed: () => Navigator.pop(context), child: const Text("닫기"))
            ],
          ),
        ),
      ),
    );
  }

  void _showRoomListDialog() {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text("방 찾는 중..."),
        content: SizedBox(
          width: double.maxFinite,
          height: 300,
          child: StreamBuilder<List<BonsoirService>>(
            stream: _net.discoverRooms(),
            builder: (context, snapshot) {
              if (!snapshot.hasData || snapshot.data!.isEmpty) {
                return const Center(child: Text("검색 중...\n같은 와이파이인지 확인하세요."));
              }
              return ListView.builder(
                itemCount: snapshot.data!.length,
                itemBuilder: (context, index) {
                  final service = snapshot.data![index];
                  final ip = service.attributes?['ip'] ?? '알 수 없음';
                  return ListTile(
                    leading: const Icon(Icons.meeting_room),
                    title: Text(service.name.split('#').first),
                    subtitle: Text(ip),
                    onTap: () {
                       Navigator.pop(context);
                       if (service.attributes != null && service.attributes!['ip'] != null) {
                         _net.joinRoom(service.attributes!['ip']!, service.port);
                       }
                    },
                  );
                },
              );
            },
          ),
        ),
        actions: [TextButton(onPressed: () => Navigator.pop(context), child: const Text("닫기"))],
      ),
    );
  }

  void _openQRScanner() {
    bool isScanCompleted = false;
    Navigator.of(context).push(MaterialPageRoute(
      builder: (context) => Scaffold(
        appBar: AppBar(title: const Text("QR 스캔")),
        body: MobileScanner(
          onDetect: (capture) async {
            if (isScanCompleted) return;
            final List<Barcode> barcodes = capture.barcodes;
            
            for (final barcode in barcodes) {
              final String? rawValue = barcode.rawValue;
              if (rawValue == null) continue;

              try {
                final data = jsonDecode(rawValue);

                // 핫스팟 자동 접속
                if (data['type'] == 'hotspot_invite') {
                  isScanCompleted = true;
                  await _connectToHotspotAndJoin(
                    data['ssid'], 
                    data['pwd'], 
                    data['port']
                  );
                  return;
                }
                
                // 일반 게임 접속
                if (data['ip'] != null && data['port'] != null) {
                  isScanCompleted = true;
                  Navigator.pop(context);
                  ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text("접속 중...")));
                  _net.joinRoom(data['ip'], data['port']);
                  return;
                }
              } catch (e) {
                // JSON 아님
              }
            }
          },
        ),
      ),
    ));
  }

  Future<void> _connectToHotspotAndJoin(String ssid, String pwd, int port) async {
    if (Platform.isAndroid) {
      var status = await Permission.location.request();
      if (!status.isGranted) return;
    }

    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text("핫스팟 '$ssid' 연결 시도 중...")),
    );

    try {
      bool connected = await WiFiForIoTPlugin.connect(
        ssid,
        password: pwd,
        security: NetworkSecurity.WPA,
        joinOnce: true, 
        withInternet: false, 
      );

      if (connected) {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(content: Text("와이파이 연결 성공! 방장을 찾는 중...")),
        );
        
        final info = NetworkInfo();
        String? gatewayIp = await info.getWifiGatewayIP();
        
        if (gatewayIp != null) {
          await Future.delayed(const Duration(seconds: 1));
          if (!mounted) return;
          Navigator.pop(context); 
          _net.joinRoom(gatewayIp, port);
        } else {
          throw Exception("방장 IP를 찾을 수 없습니다.");
        }
      } else {
        throw Exception("와이파이 연결 실패.");
      }
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text("오류: $e")),
      );
    }
  }

  void _showManualJoinDialog() {
    final ipCtrl = TextEditingController(text: "192.168.");
    final portCtrl = TextEditingController();
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text("직접 입력"),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            TextField(controller: ipCtrl, decoration: const InputDecoration(labelText: "IP Address")),
            TextField(controller: portCtrl, decoration: const InputDecoration(labelText: "Port")),
          ],
        ),
        actions: [
          TextButton(onPressed: () => Navigator.pop(context), child: const Text("취소")),
          ElevatedButton(
            onPressed: () {
              final ip = ipCtrl.text.trim();
              final port = int.tryParse(portCtrl.text.trim());
              if (ip.isNotEmpty && port != null) {
                Navigator.pop(context);
                _net.joinRoom(ip, port);
              }
            },
            child: const Text("접속"),
          ),
        ],
      ),
    );
  }
}

class _BigButton extends StatelessWidget {
  final String title; final Color color; final IconData icon; final VoidCallback onTap;
  const _BigButton({required this.title, required this.color, required this.icon, required this.onTap});
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        width: 130, height: 130,
        decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(20), boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 10, offset: const Offset(0, 5))]),
        child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [Icon(icon, size: 40, color: Colors.black54), const SizedBox(height: 10), Text(title, textAlign: TextAlign.center, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold))]),
      ),
    );
  }
}