// 📍 선생님 위치 등록 화면(교사용) (UI 전용). 본인 위치를 바꾸고, 받은 호출을 확인한다.
// 서버 통신/상태는 lib/function/teacher_location_controller.dart가 담당한다.
import 'package:flutter/material.dart';
import '../data/teacher_call_schedule.dart';
import '../function/teacher_location_controller.dart';
import '../theme/app_palette.dart';
import 'app_notice.dart';
import 'title_pill.dart';

class TeacherLocationScreen extends StatefulWidget {
  final String teacherId;

  const TeacherLocationScreen({super.key, required this.teacherId});

  @override
  State<TeacherLocationScreen> createState() => _TeacherLocationScreenState();
}

class _TeacherLocationScreenState extends State<TeacherLocationScreen> {
  late final TeacherLocationController _controller;

  @override
  void initState() {
    super.initState();
    _controller = TeacherLocationController(teacherId: widget.teacherId);
    _controller.init();
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  Future<void> _selectLocation(String location) async {
    final (success, message) = await _controller.updateLocation(location);
    if (!mounted) return;
    AppNotice.show(
      context,
      message,
      icon: success ? Icons.check_circle_rounded : Icons.error_outline_rounded,
    );
  }

  @override
  Widget build(BuildContext context) {
    return ListenableBuilder(
      listenable: _controller,
      builder: (context, _) {
        return Scaffold(
          backgroundColor: AppPalette.mist,
          appBar: AppBar(
            backgroundColor: Colors.transparent,
            foregroundColor: AppPalette.ink,
            elevation: 0,
            centerTitle: true,
            title: const TitlePill('내 위치 알리기'),
          ),
          body: _controller.isLoading
              ? const Center(child: CircularProgressIndicator())
              : RefreshIndicator(
                  onRefresh: _controller.fetchReceivedCalls,
                  child: ListView(
                    padding: const EdgeInsets.all(16),
                    children: [
                      Container(
                        padding: const EdgeInsets.all(14),
                        decoration: BoxDecoration(
                          color: const Color(0xFFEFF6FF),
                          borderRadius: BorderRadius.circular(14),
                        ),
                        child: Row(
                          children: [
                            const Text(
                              '현재 위치',
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                            const Spacer(),
                            Text(
                              '${kLocationIcons[_controller.currentLocation] ?? '📍'} ${_controller.currentLocation}',
                              style: const TextStyle(
                                fontWeight: FontWeight.bold,
                                color: AppPalette.ink,
                              ),
                            ),
                          ],
                        ),
                      ),
                      const SizedBox(height: 20),
                      const Text(
                        '위치 선택',
                        style: TextStyle(fontWeight: FontWeight.bold),
                      ),
                      const SizedBox(height: 8),
                      GridView.builder(
                        shrinkWrap: true,
                        physics: const NeverScrollableScrollPhysics(),
                        gridDelegate:
                            const SliverGridDelegateWithFixedCrossAxisCount(
                              crossAxisCount: 3,
                              childAspectRatio: 1.3,
                              crossAxisSpacing: 10,
                              mainAxisSpacing: 10,
                            ),
                        itemCount: kLocationOptions.length,
                        itemBuilder: (context, index) {
                          final loc = kLocationOptions[index];
                          final isSelected = _controller.currentLocation == loc;
                          return GestureDetector(
                            onTap: _controller.isSaving
                                ? null
                                : () => _selectLocation(loc),
                            child: Container(
                              decoration: BoxDecoration(
                                color: isSelected
                                    ? AppPalette.ink
                                    : AppPalette.paper,
                                borderRadius: BorderRadius.circular(12),
                                border: Border.all(
                                  color: isSelected
                                      ? AppPalette.ink
                                      : AppPalette.sage,
                                ),
                              ),
                              child: Center(
                                child: Column(
                                  mainAxisSize: MainAxisSize.min,
                                  children: [
                                    Text(
                                      kLocationIcons[loc] ?? '📍',
                                      style: const TextStyle(fontSize: 20),
                                    ),
                                    const SizedBox(height: 4),
                                    Text(
                                      loc,
                                      style: TextStyle(
                                        fontSize: 12,
                                        fontWeight: FontWeight.bold,
                                        color: isSelected
                                            ? Colors.white
                                            : AppPalette.ink,
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                            ),
                          );
                        },
                      ),
                      const SizedBox(height: 24),
                      const Text(
                        '나를 찾은 학생 기록',
                        style: TextStyle(fontWeight: FontWeight.bold),
                      ),
                      const SizedBox(height: 8),
                      _buildReceivedCalls(),
                    ],
                  ),
                ),
        );
      },
    );
  }

  Widget _buildReceivedCalls() {
    if (_controller.receivedCalls.isEmpty) {
      return const Padding(
        padding: EdgeInsets.symmetric(vertical: 12),
        child: Text('아직 호출 기록이 없어요.', style: TextStyle(color: Colors.grey)),
      );
    }
    return Column(
      children: [
        for (final c in _controller.receivedCalls)
          Container(
            margin: const EdgeInsets.only(bottom: 8),
            padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
            decoration: BoxDecoration(
              color: AppPalette.paper,
              borderRadius: BorderRadius.circular(12),
            ),
            child: Row(
              children: [
                Expanded(
                  child: Text('${c['studentName']} 학생 · ${c['purpose']}'),
                ),
                Text(
                  '${c['createdAt'] ?? ''}',
                  style: const TextStyle(color: Colors.grey, fontSize: 11),
                ),
              ],
            ),
          ),
      ],
    );
  }
}