import 'package:flutter/material.dart';
import 'package:flutter/services.dart'; // ★ 숫자만 입력 위해
import 'package:http/http.dart' as http;
import 'dart:convert';

// 서버 API
import '../plugins/api.dart';

// 메인 페이지
import '../views/room/main_page.dart';

// 알람 모달창
import '../dialogs/response_dialog.dart';

class SurveyPage extends StatefulWidget {
  final String nickname;

  const SurveyPage({
    Key? key,
    required this.nickname,
  }) : super(key: key);

  @override
  State<SurveyPage> createState() => _SurveyPageState();
}

class _SurveyPageState extends State<SurveyPage> {
  // 현재 페이지 인덱스 (0~4)
  int _currentIndex = 0;

  // 전체 질문 목록 (5개 예시)
  List<String> _questions = [];
  List<String> _questionsOriginal = [];

  /// 사용자가 입력한 답변(5개)
  final List<String?> _answers = List.filled(5, null, growable: false);

  // 각 페이지별 라디오 선택 값
  final Map<int, String> _selectedRadioValue = {};

  // 각 페이지별 텍스트필드 컨트롤러
  final Map<int, TextEditingController> _textControllers = {};

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

    // 질문들 세팅
    _questions = [
      "Q1. ${widget.nickname}님의 나이는 어떻게 되나요?",
      "Q2. ${widget.nickname}님의 직업이 무엇인가요?",
      "Q3. ${widget.nickname}님은 올스코어 앱을 어떻게 알게 됐나요?",
      "Q4. ${widget.nickname}님은 올스코어 앱을 어디서 경험하셨나요?",
      "Q5. 올스코어를 계속 사용할 의사가 있나요?",
    ];

    _questionsOriginal = [
      "나이는 어떻게 되나요?",
      "직업이 무엇인가요?",
      "올스코어 앱을 어떻게 알게 됐나요?",
      "올스코어 앱을 어디서 경험하셨나요?",
      "올스코어를 계속 사용할 의사가 있나요?",
    ];

    // 페이지마다 TextEditingController 초기화
    for (int i = 0; i < _questions.length; i++) {
      _textControllers[i] = TextEditingController();
    }
  }

  @override
  void dispose() {
    // TextController 정리
    for (var ctrl in _textControllers.values) {
      ctrl.dispose();
    }
    super.dispose();
  }

  /// (좌측 상단) 설문 그만하기
  Future<void> _onExitSurvey() async {
    // 필요 시 "정말 나가시겠습니까?" 등 확인 모달 추가 가능
    Navigator.pushAndRemoveUntil(
      context,
      MaterialPageRoute(builder: (_) => const MainPage()),
      (route) => false,
    );
  }

  /// 다음 버튼
  void _onNext() {
    if (!_validateCurrentPage()) {
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('값을 모두 입력해 주세요.')),
      );
      return;
    }

    if (_currentIndex < _questions.length - 1) {
      setState(() {
        _currentIndex++;
      });
    }
  }

  /// 이전 버튼
  void _onPrev() {
    if (_currentIndex > 0) {
      setState(() {
        _currentIndex--;
      });
    }
  }

  /// 제출하기
  Future<void> _onSubmit() async {
    // 마지막 페이지도 값 확인
    if (!_validateCurrentPage()) {
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('값을 모두 입력해 주세요.')),
      );
      return;
    }

    // body: {"QNA": ["질문1","답변1","질문2","답변2", ... ]}
    final List<String> qnaList = [];
    for (int i = 0; i < _questionsOriginal.length; i++) {
      qnaList.add(_questionsOriginal[i]);
      qnaList.add(_answers[i] ?? '');
    }

    final requestBody = {
      "QNA": qnaList.toString(),
    };
    print('requestBody: $requestBody');

    try {
      final response = await Api.serverRequest(uri: '/survey/collect', body: requestBody);
      if (response['result'] == 'OK') {
        final resp = response['response'] ?? {};
        if (resp['result'] == 'OK') {
          // 설문 제출 성공
          ScaffoldMessenger.of(context).showSnackBar(
            const SnackBar(content: Text('설문이 제출되었습니다. 감사합니다!')),
          );
          Navigator.pushAndRemoveUntil(context, MaterialPageRoute(builder: (_) => const MainPage()), (route) => false);
        } else {
          showResponseDialog(context, '오류', '설문 제출 실패');
        }
      } else {
        showResponseDialog(context, '오류', '설문 제출 실패');
      }
    } catch (e) {
      showResponseDialog(context, '오류', '설문 제출 실패');
    }
  }

  /// 현재 페이지 입력값이 유효한지 체크 + _answers에 저장
  bool _validateCurrentPage() {
    final index = _currentIndex;
    String? answer;

    switch (index) {
      case 0:
        // 나이(숫자만)
        final txt = _textControllers[index]?.text.trim() ?? '';
        if (txt.isEmpty) {
          return false;
        }
        answer = '$txt 세';
        break;

      case 1:
        // 직업
        final selected = _selectedRadioValue[index];
        if (selected == null || selected.isEmpty) {
          return false;
        }
        answer = selected;
        break;

      case 2:
        // 앱 알게된 경로
        final selected2 = _selectedRadioValue[index];
        if (selected2 == null || selected2.isEmpty) {
          return false;
        }
        if (selected2 == '기타') {
          final etc = _textControllers[index]?.text.trim() ?? '';
          if (etc.isEmpty) {
            return false;
          }
          answer = "기타($etc)";
        } else {
          answer = selected2;
        }
        break;

      case 3:
        // 어디서 경험?
        final sel3 = _selectedRadioValue[index];
        if (sel3 == null || sel3.isEmpty) {
          return false;
        }
        answer = sel3;
        break;

      case 4:
        // 계속 사용할 의사?
        final sel4 = _selectedRadioValue[index];
        if (sel4 == null || sel4.isEmpty) {
          return false;
        }
        final comment = _textControllers[index]?.text.trim() ?? '';
        answer = sel4 + (comment.isNotEmpty ? " / 의견: $comment" : "");
        break;

      default:
        return false;
    }

    _answers[index] = answer;
    return true;
  }

  @override
  Widget build(BuildContext context) {
    final questionText = _questions[_currentIndex];
    final pageNumber = _currentIndex + 1;
    final totalPage = _questions.length;

    return WillPopScope(
      onWillPop: () async {
        _onExitSurvey();
        return false;
      },
      child: Scaffold(
        appBar: AppBar(
          // 좌측 위 '설문 그만하기' 버튼
          leadingWidth: 120, // 버튼 가로폭 살짝 넓힘
          leading: TextButton(
            onPressed: _onExitSurvey,
            child: const Text(
              '설문 그만하기',
              style: TextStyle(color: Colors.white),
            ),
          ),
          title: Text('설문조사 ($pageNumber/$totalPage)'),
          backgroundColor: Colors.black,
        ),
        body: SingleChildScrollView(
          child: Container(
            alignment: Alignment.center,
            padding: const EdgeInsets.all(16),
            child: Column(
              // 중앙 정렬
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                // 질문
                Text(
                  questionText,
                  style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
                  textAlign: TextAlign.center,
                ),
                const SizedBox(height: 24),
                // 페이지별 UI
                _buildSurveyPage(_currentIndex),
              ],
            ),
          ),
        ),
        bottomNavigationBar: Container(
          color: Colors.white,
          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
          child: Row(
            children: [
              if (_currentIndex > 0)
                Expanded(
                  child: ElevatedButton(
                    style: ElevatedButton.styleFrom(backgroundColor: Colors.grey),
                    onPressed: _onPrev,
                    child: const Text('이전'),
                  ),
                ),
              if (_currentIndex > 0) const SizedBox(width: 8),
              Expanded(
                child: ElevatedButton(
                  style: ElevatedButton.styleFrom(backgroundColor: Colors.black),
                  onPressed: (_currentIndex < totalPage - 1) ? _onNext : _onSubmit,
                  child: Text(
                    (_currentIndex < totalPage - 1) ? '다음' : '제출하기',
                    style: const TextStyle(color: Colors.white),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  /// 페이지별 UI
  Widget _buildSurveyPage(int index) {
    switch (index) {
      case 0:
        // 나이 (숫자 입력)
        return Column(
          children: [
            const Text('(예: 나이를 숫자로 입력해 주세요.)',
                textAlign: TextAlign.center),
            const SizedBox(height: 16),
            TextField(
              controller: _textControllers[index],
              keyboardType: TextInputType.number,
              inputFormatters: [FilteringTextInputFormatter.digitsOnly], // 숫자만 입력
              textAlign: TextAlign.center, // 중앙정렬
              decoration: const InputDecoration(
                labelText: '나이',
                border: OutlineInputBorder(),
              ),
            ),
          ],
        );

      case 1:
        // 직업
        final jobs = ['학생', '회사원', '전문직', '교수/교사', '기술직', '공무원', '예술/스포츠', '기타'];
        return Column(
          mainAxisSize: MainAxisSize.min,
          children: jobs.map((job) {
            return RadioListTile<String>(
              title: Text(job, textAlign: TextAlign.center),
              value: job,
              groupValue: _selectedRadioValue[index],
              onChanged: (val) {
                setState(() {
                  _selectedRadioValue[index] = val!;
                });
              },
            );
          }).toList(),
        );

      case 2:
        // 알게된 경로
        final paths = ['친구/지인 추천', '소셜 미디어', '블로그/온라인 리뷰', '학교나 직장', '기타'];
        return Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            ...paths.map((p) {
              return RadioListTile<String>(
                title: Text(p, textAlign: TextAlign.center),
                value: p,
                groupValue: _selectedRadioValue[index],
                onChanged: (val) {
                  setState(() {
                    _selectedRadioValue[index] = val!;
                  });
                },
              );
            }).toList(),
            if (_selectedRadioValue[index] == '기타')
              Padding(
                padding: const EdgeInsets.only(top: 8.0),
                child: TextField(
                  controller: _textControllers[index],
                  textAlign: TextAlign.center,
                  decoration: const InputDecoration(
                    labelText: '기타 내용을 입력해 주세요.',
                    border: OutlineInputBorder(),
                  ),
                ),
              ),
          ],
        );

      case 3:
        // 어디서 경험?
        final places = ['가족과 함께', '친구들과 모임', '학교 교육 목적', '직장 동호회', '카페나 공공장소', '여행 중', '기타'];
        return Column(
          mainAxisSize: MainAxisSize.min,
          children: places.map((pl) {
            return RadioListTile<String>(
              title: Text(pl, textAlign: TextAlign.center),
              value: pl,
              groupValue: _selectedRadioValue[index],
              onChanged: (val) {
                setState(() {
                  _selectedRadioValue[index] = val!;
                });
              },
            );
          }).toList(),
        );

      case 4:
        // 계속 사용할 의사?
        return Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            RadioListTile<String>(
              title: const Text('네', textAlign: TextAlign.center),
              value: '네',
              groupValue: _selectedRadioValue[index],
              onChanged: (val) {
                setState(() {
                  _selectedRadioValue[index] = val!;
                });
              },
            ),
            RadioListTile<String>(
              title: const Text('아니오', textAlign: TextAlign.center),
              value: '아니오',
              groupValue: _selectedRadioValue[index],
              onChanged: (val) {
                setState(() {
                  _selectedRadioValue[index] = val!;
                });
              },
            ),
            const SizedBox(height: 16),
            const Text('추가 의견이 있다면 자유롭게 작성해 주세요.', textAlign: TextAlign.center),
            const SizedBox(height: 8),
            TextField(
              controller: _textControllers[index],
              maxLines: 3,
              textAlign: TextAlign.center,
              decoration: const InputDecoration(
                hintText: 'ex) 불편사항, 개선 아이디어 등',
                border: OutlineInputBorder(),
              ),
            ),
          ],
        );

      default:
        return const Text('설문 문항 오류', textAlign: TextAlign.center);
    }
  }
}