// 👨‍🏫 교사 회원가입 화면 (UI 전용). 서버 통신/상태는
// lib/function/teacher_register_controller.dart가 담당한다.
import 'package:flutter/material.dart';
import '../function/teacher_register_controller.dart';
import '../theme/app_palette.dart';

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

  @override
  State<TeacherRegisterScreen> createState() => _TeacherRegisterScreenState();
}

class _TeacherRegisterScreenState extends State<TeacherRegisterScreen> {
  final TeacherRegisterController _controller = TeacherRegisterController();
  final _idController = TextEditingController();
  final _pwController = TextEditingController();
  final _nameController = TextEditingController();
  final _secretController = TextEditingController();

  @override
  void dispose() {
    _controller.dispose();
    _idController.dispose();
    _pwController.dispose();
    _nameController.dispose();
    _secretController.dispose();
    super.dispose();
  }

  Future<void> _registerTeacher() async {
    String id = _idController.text.trim();
    String pw = _pwController.text.trim();
    String name = _nameController.text.trim();
    String secret = _secretController.text.trim();

    if (id.isEmpty || pw.isEmpty || name.isEmpty || secret.isEmpty) {
      ScaffoldMessenger.of(
        context,
      ).showSnackBar(const SnackBar(content: Text('모든 빈칸을 입력해 주세요.')));
      return;
    }

    final (success, message) = await _controller.registerTeacher(
      id: id,
      password: pw,
      name: name,
      secretCode: secret,
    );
    if (!mounted) return;
    ScaffoldMessenger.of(
      context,
    ).showSnackBar(SnackBar(content: Text(message)));
    if (success) {
      Navigator.pop(context); // 가입 성공 시 로그인 화면으로 복귀
    }
  }

  @override
  Widget build(BuildContext context) {
    return ListenableBuilder(
      listenable: _controller,
      builder: (context, _) {
        return Scaffold(
          backgroundColor: AppPalette.mist,
          appBar: AppBar(
            title: const Text('교사 회원가입'),
            backgroundColor: AppPalette.ink,
            foregroundColor: AppPalette.paper,
          ),
          body: SingleChildScrollView(
            padding: const EdgeInsets.all(24.0),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                const Text(
                  '교직원 전용 인증',
                  style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
                ),
                const SizedBox(height: 4),
                const Text(
                  '학교에서 발급한 교사 가입 비밀코드가 필요합니다.',
                  style: TextStyle(color: Colors.grey),
                ),
                const SizedBox(height: 24),
                TextField(
                  controller: _secretController,
                  obscureText: true,
                  decoration: const InputDecoration(
                    labelText: '교사 인증 비밀코드 입력',
                    border: OutlineInputBorder(),
                  ),
                ),
                const SizedBox(height: 16),
                const Divider(),
                const SizedBox(height: 16),
                TextField(
                  controller: _idController,
                  decoration: const InputDecoration(
                    labelText: '교직원 번호 (ID로 사용)',
                    border: OutlineInputBorder(),
                  ),
                ),
                const SizedBox(height: 12),
                TextField(
                  controller: _nameController,
                  decoration: const InputDecoration(
                    labelText: '선생님 성함',
                    border: OutlineInputBorder(),
                  ),
                ),
                const SizedBox(height: 12),
                TextField(
                  controller: _pwController,
                  obscureText: true,
                  decoration: const InputDecoration(
                    labelText: '사용할 비밀번호 입력',
                    border: OutlineInputBorder(),
                  ),
                ),
                const SizedBox(height: 24),
                SizedBox(
                  width: double.infinity,
                  height: 50,
                  child: ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      backgroundColor: AppPalette.ink,
                      foregroundColor: AppPalette.paper,
                    ),
                    onPressed: _controller.isLoading ? null : _registerTeacher,
                    child: _controller.isLoading
                        ? const CircularProgressIndicator(color: Colors.white)
                        : const Text('교사 계정 생성하기'),
                  ),
                ),
              ],
            ),
          ),
        );
      },
    );
  }
}