// 📋 실시간 출석 현황 화면 (UI 전용). 위젯 빌드/레이아웃/스타일만 담당하고,
// 서버 통신·상태·파생 로직은 lib/function/teacher_attendance_controller.dart가 담당한다.
import 'package:flutter/material.dart';
import '../function/teacher_attendance_controller.dart';
import '../theme/app_palette.dart';
import 'launchpad_transition.dart';

// -----------------------------------------------------------------------------
// 📅 [서브 화면 1] 실시간 출석 확인 란 (StudentDashboard 카드 스타일 리스트화)
// -----------------------------------------------------------------------------
class TeacherAttendancePage extends StatefulWidget {
  const TeacherAttendancePage({super.key});

  @override
  State<TeacherAttendancePage> createState() => _TeacherAttendancePageState();
}

class _TeacherAttendancePageState extends State<TeacherAttendancePage> {
  final TeacherAttendanceController _controller = TeacherAttendanceController();

  @override
  void initState() {
    super.initState();
    _controller.init();
  }

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

  /// 컨트롤러 액션을 실행하고, 결과 메시지를 스낵바로 보여준다.
  Future<void> _runAction(Future<String> Function() action) async {
    final message = await action();
    if (!mounted) return;
    ScaffoldMessenger.of(
      context,
    ).showSnackBar(SnackBar(content: Text(message)));
  }

  Future<void> _showAttendanceTimeDialog() async {
    final String? current = _controller.attendanceTime;
    final TimeOfDay initial = current != null
        ? TimeOfDay(
            hour: int.parse(current.split(':')[0]),
            minute: int.parse(current.split(':')[1]),
          )
        : const TimeOfDay(hour: 19, minute: 0);

    final TimeOfDay? picked = await showTimePicker(
      context: context,
      initialTime: initial,
      helpText: '자습실 출석시간 지정',
    );
    if (picked == null) return;

    final String formatted =
        '${picked.hour.toString().padLeft(2, '0')}:${picked.minute.toString().padLeft(2, '0')}';
    await _runAction(() => _controller.setAttendanceTime(formatted));
  }

  void _showTestResetConfirmDialog() {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('테스트용 허용시간 초기화'),
        content: const Text(
          '하교 처리나 반출 허용 시간 설정으로 켜져 있는 모든 허용 시간대를 지금 즉시 해제합니다.\n'
          '(무단반출 감지 테스트할 때만 사용하세요)',
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text('취소'),
          ),
          ElevatedButton(
            onPressed: () {
              Navigator.pop(context);
              _runAction(() => _controller.resetTestPermissions());
            },
            style: ElevatedButton.styleFrom(
              backgroundColor: Colors.grey[700],
              foregroundColor: Colors.white,
            ),
            child: const Text('초기화'),
          ),
        ],
      ),
    );
  }

  void _showAllowDialog(String studentId, String studentName) {
    final controller = TextEditingController(text: "5");
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: Text('$studentName 학생 반출 허용'),
        content: TextField(
          controller: controller,
          keyboardType: TextInputType.number,
          decoration: const InputDecoration(
            labelText: '허용 시간 (분)',
            border: OutlineInputBorder(),
          ),
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text('취소'),
          ),
          ElevatedButton(
            onPressed: () {
              final minutes = int.tryParse(controller.text.trim()) ?? 5;
              Navigator.pop(context);
              _runAction(() => _controller.allowRemoval(studentId, minutes));
            },
            child: const Text('허용하기'),
          ),
        ],
      ),
    );
  }

  void _showPermissionWindowDialog() {
    final controller = TextEditingController(text: "10");
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('전체 학생 반출 허용 시간 설정'),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const Text(
              '쉬는시간처럼 지금부터 일정 시간 동안 모든 학생의 반출을 자동으로 허용합니다.',
              style: TextStyle(fontSize: 13, color: Colors.grey),
            ),
            const SizedBox(height: 16),
            TextField(
              controller: controller,
              keyboardType: TextInputType.number,
              decoration: const InputDecoration(
                labelText: '지금부터 허용 시간 (분)',
                border: OutlineInputBorder(),
              ),
            ),
          ],
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text('취소'),
          ),
          ElevatedButton(
            onPressed: () {
              final minutes = int.tryParse(controller.text.trim()) ?? 10;
              Navigator.pop(context);
              _runAction(() => _controller.setPermissionWindow(minutes));
            },
            child: const Text('설정하기'),
          ),
        ],
      ),
    );
  }

  /// 🏫 하교 처리: 시간 입력 없이 바로 전체 학생의 반출을 (사실상 무기한) 허용한다.
  void _showDismissalConfirmDialog() {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('하교 처리'),
        content: const Text(
          '지금부터 모든 학생의 반출이 자동으로 허용되며, 더 이상 무단반출 경고가 뜨지 않습니다.\n하교 처리하시겠습니까?',
        ),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text('취소'),
          ),
          ElevatedButton(
            onPressed: () {
              Navigator.pop(context);
              _runAction(() => _controller.dismissAll());
            },
            child: const Text('하교 처리'),
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return ListenableBuilder(
      listenable: _controller,
      builder: (context, _) {
        final all = _controller.combinedStudentStatus;
        final int totalCount = all.length;
        final int checkedInCount = all
            .where((s) => s['isAttendanceComplete'] == true)
            .length;
        final int absentCount = totalCount - checkedInCount;

        return Scaffold(
          backgroundColor: AppPalette.mist,
          // 🪶 검정 배너 대신, 제목 알약은 "전체 학생 수" 버튼 바로 위(사이드바/모바일 요약 위)에 둔다.
          // 나머지 기능은 전부 "자습실 시간 설정 메뉴"(런치패드 스타일 오버레이) 하나로 모은다.
          // 폰에서는 사이드바가 없으니 여기 아이콘으로도 같은 메뉴를 열 수 있게 둔다.
          appBar: AppBar(
            backgroundColor: Colors.transparent,
            foregroundColor: AppPalette.ink,
            elevation: 0,
            actions: [
              IconButton(
                icon: const Icon(Icons.more_horiz_rounded),
                tooltip: '자습실 시간 설정 메뉴',
                onPressed: _showTimeSettingsMenu,
              ),
              const SizedBox(width: 4),
            ],
          ),
          body: _controller.isLoading
              ? const Center(child: CircularProgressIndicator())
              : LayoutBuilder(
                  builder: (context, constraints) {
                    final bool isWide = constraints.maxWidth >= 800;
                    return isWide
                        ? _buildDesktopBody(
                            totalCount,
                            checkedInCount,
                            absentCount,
                          )
                        : _buildMobileBody(
                            totalCount,
                            checkedInCount,
                            absentCount,
                          );
                  },
                ),
        );
      },
    );
  }

  // 🪶 "실시간 출석 현황" 제목 알약. 사이드바/모바일 요약 바로 위에 둔다.
  Widget _buildTitlePill() {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
      decoration: BoxDecoration(
        color: AppPalette.ink,
        borderRadius: BorderRadius.circular(999),
      ),
      child: const Text(
        '실시간 출석 현황',
        textAlign: TextAlign.center,
        style: TextStyle(
          color: Colors.white,
          fontWeight: FontWeight.bold,
          fontSize: 15,
        ),
      ),
    );
  }

  // -----------------------------------------------------------------------
  // 📱 모바일 레이아웃 (기존 카드 리스트)
  // -----------------------------------------------------------------------
  Widget _buildMobileBody(int total, int checkedIn, int absent) {
    final groups = _controller.studentsByGrade;
    return Column(
      children: [
        const SizedBox(height: 12),
        _buildTitlePill(),
        const SizedBox(height: 12),
        _buildSummaryCards(total, checkedIn, absent),
        _buildPermissionBanner(),
        _buildFilterChips(),
        Expanded(
          child: groups.isEmpty
              ? const Center(
                  child: Text(
                    '해당하는 학생이 없습니다.',
                    style: TextStyle(color: Colors.grey),
                  ),
                )
              : _buildGradeGroupedList(
                  groups,
                  padding: const EdgeInsets.fromLTRB(16, 12, 16, 16),
                ),
        ),
      ],
    );
  }

  /// 🏫 학년별로 섹션 제목을 붙여 그리드를 이어붙인 목록. 모바일/데스크톱 공용.
  Widget _buildGradeGroupedList(
    List<MapEntry<String, List<Map<String, dynamic>>>> groups, {
    required EdgeInsets padding,
  }) {
    return ListView.builder(
      padding: padding,
      itemCount: groups.length,
      itemBuilder: (context, index) {
        final group = groups[index];
        return Padding(
          padding: EdgeInsets.only(bottom: index == groups.length - 1 ? 0 : 24),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                children: [
                  Container(
                    width: 4,
                    height: 16,
                    decoration: BoxDecoration(
                      color: AppPalette.ink,
                      borderRadius: BorderRadius.circular(2),
                    ),
                  ),
                  const SizedBox(width: 8),
                  Text(
                    group.key,
                    style: const TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.bold,
                      color: AppPalette.ink,
                    ),
                  ),
                  const SizedBox(width: 6),
                  Text(
                    '${group.value.length}명',
                    style: TextStyle(fontSize: 13, color: Colors.grey[500]),
                  ),
                ],
              ),
              const SizedBox(height: 10),
              GridView.builder(
                shrinkWrap: true,
                physics: const NeverScrollableScrollPhysics(),
                gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
                  maxCrossAxisExtent: 220,
                  mainAxisSpacing: 12,
                  crossAxisSpacing: 12,
                  mainAxisExtent: 148,
                ),
                itemCount: group.value.length,
                itemBuilder: (context, i) => _buildStudentTile(group.value[i]),
              ),
            ],
          ),
        );
      },
    );
  }

  /// 🀄 학생 한 명을 "한눈에 보기" 타일로 그린다. 모바일/데스크톱 그리드에서 공용으로 쓴다.
  Widget _buildStudentTile(Map<String, dynamic> student) {
    final bool isCheckedIn = student['isCheckedIn'];
    final bool hasViolation = student['hasActiveViolation'] == true;
    final bool isPending = student['attendanceStatus'] == 'PENDING';
    final bool isComplete = student['attendanceStatus'] == 'COMPLETE';
    final Color statusColor = hasViolation
        ? Colors.red
        : (isPending ? Colors.orange : (isComplete ? Colors.blue : Colors.red));
    final String statusLine = hasViolation
        ? '무단반출 (${student['violationTime']})'
        : (isPending
              ? '미완료 (${student['checkInTime']})'
              : (isComplete
                    ? '${student['checkInTime']}'
                    : (student['hasEverCheckedIn'] == true ? '미제출' : '미등록')));

    return Container(
      padding: const EdgeInsets.all(14),
      decoration: BoxDecoration(
        color: hasViolation ? Colors.red[50] : AppPalette.paper,
        borderRadius: BorderRadius.circular(20),
        border: Border.all(
          color: hasViolation ? Colors.red[300]! : AppPalette.sage,
          width: hasViolation ? 1.5 : 1,
        ),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.03),
            blurRadius: 12,
            offset: const Offset(0, 4),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Container(
                padding: const EdgeInsets.all(8),
                decoration: BoxDecoration(
                  color: statusColor.withValues(alpha: 0.1),
                  shape: BoxShape.circle,
                ),
                child: Icon(
                  hasViolation
                      ? Icons.warning_amber_rounded
                      : (isPending
                            ? Icons.hourglass_bottom_rounded
                            : (isComplete
                                  ? Icons.check_circle_rounded
                                  : Icons.error_rounded)),
                  color: statusColor,
                  size: 18,
                ),
              ),
              const Spacer(),
              if (isCheckedIn && student['pocketNumber'] != null)
                Container(
                  padding: const EdgeInsets.symmetric(
                    horizontal: 8,
                    vertical: 3,
                  ),
                  decoration: BoxDecoration(
                    color: AppPalette.linen,
                    borderRadius: BorderRadius.circular(20),
                    border: Border.all(color: AppPalette.sage),
                  ),
                  child: Text(
                    student['pocketNumber'],
                    style: const TextStyle(
                      fontWeight: FontWeight.bold,
                      color: AppPalette.ink,
                      fontSize: 11,
                    ),
                  ),
                ),
            ],
          ),
          const SizedBox(height: 8),
          Text(
            '${student['studentName']}',
            maxLines: 1,
            overflow: TextOverflow.ellipsis,
            style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 15),
          ),
          Text(
            '학번 ${student['studentId']}',
            style: TextStyle(color: Colors.grey[500], fontSize: 11),
          ),
          const SizedBox(height: 4),
          Text(
            statusLine,
            maxLines: 2,
            overflow: TextOverflow.ellipsis,
            style: TextStyle(
              color: hasViolation
                  ? Colors.red[700]
                  : (isPending
                        ? Colors.orange[800]
                        : (isComplete ? Colors.grey[600] : Colors.red[400])),
              fontSize: 11.5,
              fontWeight: hasViolation ? FontWeight.bold : FontWeight.normal,
            ),
          ),
          if (hasViolation) ...[
            const Spacer(),
            SizedBox(
              width: double.infinity,
              height: 30,
              child: ElevatedButton(
                onPressed: () => _showAllowDialog(
                  student['studentId'],
                  student['studentName'],
                ),
                style: ElevatedButton.styleFrom(
                  backgroundColor: Colors.red[600],
                  foregroundColor: Colors.white,
                  padding: EdgeInsets.zero,
                ),
                child: const Text('반출 허용', style: TextStyle(fontSize: 12)),
              ),
            ),
          ],
        ],
      ),
    );
  }

  // -----------------------------------------------------------------------
  // 🖥️ 데스크톱 레이아웃 (선생님이 교실 컴퓨터 브라우저로 접속했을 때)
  // 왼쪽에 요약/필터 사이드바, 오른쪽에 좌석표처럼 촘촘한 학생 칸 그리드를 둬서
  // 80명이 넘는 인원도 스크롤을 최소화하고 한눈에 볼 수 있게 한다.
  // -----------------------------------------------------------------------
  Widget _buildDesktopBody(int total, int checkedIn, int absent) {
    final students = _controller.filteredStudents;
    return Padding(
      padding: const EdgeInsets.all(24.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          _buildPermissionBanner(),
          const SizedBox(height: 12),
          Expanded(
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                _buildDesktopSidebar(total, checkedIn, absent),
                const SizedBox(width: 20),
                Expanded(
                  child: Container(
                    width: double.infinity,
                    decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.circular(16),
                      boxShadow: [
                        BoxShadow(
                          color: Colors.black.withValues(alpha: 0.04),
                          blurRadius: 16,
                          offset: const Offset(0, 4),
                        ),
                      ],
                    ),
                    child: _buildDenseSeatGrid(students),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  // 🧾 왼쪽 요약/필터 사이드바. 인원 수 캡슐을 누르면 그 필터가 바로 적용된다.
  Widget _buildDesktopSidebar(int total, int checkedIn, int absent) {
    return SizedBox(
      width: 200,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Center(child: _buildTitlePill()),
          const SizedBox(height: 16),
          _sidebarStatPill('전체 학생 수', total, 'ALL'),
          const SizedBox(height: 10),
          _sidebarStatPill('출석 학생 수', checkedIn, 'CHECKED_IN'),
          const SizedBox(height: 10),
          _sidebarStatPill('미출석 학생수', absent, 'ABSENT'),
          const SizedBox(height: 20),
          _sidebarFilterButton(),
          const SizedBox(height: 10),
          _sidebarTimeSettingsButton(),
        ],
      ),
    );
  }

  Widget _sidebarTimeSettingsButton() {
    return InkWell(
      onTap: _showTimeSettingsMenu,
      borderRadius: BorderRadius.circular(28),
      child: Container(
        padding: const EdgeInsets.symmetric(vertical: 14, horizontal: 12),
        decoration: BoxDecoration(
          color: AppPalette.paper,
          borderRadius: BorderRadius.circular(28),
          border: Border.all(color: AppPalette.sage),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Icon(
              Icons.access_time_rounded,
              size: 18,
              color: AppPalette.ink,
            ),
            const SizedBox(width: 8),
            const Flexible(
              child: Text(
                '자습실 시간 설정 메뉴',
                overflow: TextOverflow.ellipsis,
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  color: AppPalette.ink,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _sidebarStatPill(String label, int count, String filterValue) {
    final bool selected = _controller.filterType == filterValue;
    return InkWell(
      onTap: () => _controller.setFilter(filterValue),
      borderRadius: BorderRadius.circular(28),
      child: Container(
        padding: const EdgeInsets.symmetric(vertical: 14, horizontal: 16),
        decoration: BoxDecoration(
          color: selected ? AppPalette.ink : AppPalette.paper,
          borderRadius: BorderRadius.circular(28),
          border: Border.all(
            color: selected ? AppPalette.ink : AppPalette.sage,
          ),
        ),
        child: Column(
          children: [
            Text(
              label,
              style: TextStyle(
                fontSize: 12,
                color: selected ? Colors.white70 : Colors.grey[600],
              ),
            ),
            const SizedBox(height: 4),
            Text(
              '$count명',
              style: TextStyle(
                fontSize: 18,
                fontWeight: FontWeight.bold,
                color: selected ? Colors.white : AppPalette.ink,
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _sidebarFilterButton() {
    return InkWell(
      onTap: _showGradeFilterMenu,
      borderRadius: BorderRadius.circular(28),
      child: Container(
        padding: const EdgeInsets.symmetric(vertical: 14, horizontal: 12),
        decoration: BoxDecoration(
          color: AppPalette.paper,
          borderRadius: BorderRadius.circular(28),
          border: Border.all(color: AppPalette.sage),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Icon(
              Icons.filter_list_rounded,
              size: 18,
              color: AppPalette.ink,
            ),
            const SizedBox(width: 8),
            Flexible(
              child: Text(
                _gradeFilterLabel(),
                overflow: TextOverflow.ellipsis,
                style: const TextStyle(
                  fontWeight: FontWeight.bold,
                  color: AppPalette.ink,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  String _gradeFilterLabel() {
    switch (_controller.gradeFilter) {
      case '1':
        return '1학년만';
      case '2':
        return '2학년만';
      case '3':
        return '3학년만';
      default:
        return '학생 나눠보기';
    }
  }

  // 🚀 "학생 나눠보기" 버튼 — 학년 필터를 런치패드 스타일 메뉴로 고른다.
  Future<void> _showGradeFilterMenu() async {
    final grade = await showLaunchpadMenu<String>(
      context: context,
      builder: (context) => Center(
        child: Material(
          color: AppPalette.paper,
          borderRadius: BorderRadius.circular(20),
          elevation: 8,
          child: Padding(
            padding: const EdgeInsets.all(20),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                const Text(
                  '학년 나눠보기',
                  style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
                ),
                const SizedBox(height: 14),
                Wrap(
                  spacing: 8,
                  runSpacing: 8,
                  children: [
                    _gradeChoice(context, 'ALL', '전체'),
                    _gradeChoice(context, '1', '1학년'),
                    _gradeChoice(context, '2', '2학년'),
                    _gradeChoice(context, '3', '3학년'),
                  ],
                ),
              ],
            ),
          ),
        ),
      ),
    );
    if (grade != null) _controller.setGradeFilter(grade);
  }

  Widget _gradeChoice(BuildContext dialogContext, String value, String label) {
    return ChoiceChip(
      label: Text(label),
      selected: _controller.gradeFilter == value,
      onSelected: (_) => Navigator.pop(dialogContext, value),
    );
  }

  // 🚀 "자습실 시간 설정 메뉴" — 새로고침/출석시간/반출허용/하교/테스트리셋을
  // 전부 여기 하나로 모아서, 메인 대시보드의 로그아웃/설정 메뉴와 똑같은
  // 런치패드 스타일(배경 블러 유지) 오버레이로 띄운다.
  Future<void> _showTimeSettingsMenu() async {
    final action = await showLaunchpadMenu<String>(
      context: context,
      builder: (context) => Center(
        child: _TimeSettingsMenuCard(
          isRefreshing: _controller.isRefreshing,
          attendanceTimeLabel: _controller.attendanceTime != null
              ? '출석시간 ${_controller.attendanceTime}'
              : '자습실 출석시간 설정',
          onPick: (value) => Navigator.pop(context, value),
        ),
      ),
    );
    if (!mounted || action == null) return;
    switch (action) {
      case 'refresh':
        _controller.manualRefresh();
        break;
      case 'attendance_time':
        _showAttendanceTimeDialog();
        break;
      case 'permission_window':
        _showPermissionWindowDialog();
        break;
      case 'dismissal':
        _showDismissalConfirmDialog();
        break;
      case 'test_reset':
        _showTestResetConfirmDialog();
        break;
    }
  }

  // 🪑 좌석표처럼 촘촘하게 학생 한 명씩을 작은 칸에 담는 그리드.
  Widget _buildDenseSeatGrid(List<Map<String, dynamic>> students) {
    if (students.isEmpty) {
      return const Center(
        child: Text('해당하는 학생이 없습니다.', style: TextStyle(color: Colors.grey)),
      );
    }
    return GridView.builder(
      padding: const EdgeInsets.all(16),
      gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
        maxCrossAxisExtent: 92,
        mainAxisExtent: 62,
        crossAxisSpacing: 6,
        mainAxisSpacing: 6,
      ),
      itemCount: students.length,
      itemBuilder: (context, index) => _buildSeatCell(students[index], index),
    );
  }

  Widget _buildSeatCell(Map<String, dynamic> student, int index) {
    final bool hasViolation = student['hasActiveViolation'] == true;
    final bool isPending = student['attendanceStatus'] == 'PENDING';
    final bool isComplete = student['attendanceStatus'] == 'COMPLETE';
    final Color background = hasViolation
        ? Colors.red[50]!
        : isComplete
        ? Colors.blue[50]!
        : isPending
        ? Colors.orange[50]!
        : AppPalette.paper;
    final Color border = hasViolation
        ? Colors.red[300]!
        : isComplete
        ? Colors.blue[200]!
        : isPending
        ? Colors.orange[200]!
        : AppPalette.sage;

    return InkWell(
      onTap: hasViolation
          ? () => _showAllowDialog(student['studentId'], student['studentName'])
          : null,
      borderRadius: BorderRadius.circular(8),
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 4),
        decoration: BoxDecoration(
          color: background,
          borderRadius: BorderRadius.circular(8),
          border: Border.all(color: border),
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              '[${index + 1}] ${student['studentId']}',
              maxLines: 1,
              overflow: TextOverflow.ellipsis,
              style: TextStyle(fontSize: 8, color: Colors.grey[500]),
            ),
            Text(
              '${student['studentName']}',
              maxLines: 1,
              overflow: TextOverflow.ellipsis,
              style: const TextStyle(fontSize: 11, fontWeight: FontWeight.bold),
            ),
            if (hasViolation)
              Text(
                '무단반출',
                style: TextStyle(
                  fontSize: 7.5,
                  color: Colors.red[700],
                  fontWeight: FontWeight.bold,
                ),
              ),
          ],
        ),
      ),
    );
  }

  /// 📊 상단 요약 카드 뷰 (전체 / 출석 완료 / 미출석)
  Widget _buildSummaryCards(int total, int checkedIn, int absent) {
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.all(16),
      color: AppPalette.ink,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          _summaryCard("전체", "$total명", Colors.white70),
          _summaryCard("출석 완료", "$checkedIn명", Colors.greenAccent),
          _summaryCard("미출석", "$absent명", Colors.redAccent),
        ],
      ),
    );
  }

  Widget _summaryCard(String title, String count, Color color) {
    return Column(
      children: [
        Text(title, style: const TextStyle(color: Colors.grey, fontSize: 12)),
        const SizedBox(height: 4),
        Text(
          count,
          style: TextStyle(
            color: color,
            fontSize: 20,
            fontWeight: FontWeight.bold,
          ),
        ),
      ],
    );
  }

  /// 🔓 하교(12시간)/반출 허용 시간 설정으로 지금 전체 반출이 허용 중이면 눈에 띄게 배너로 알려준다.
  /// (허용 중일 땐 무단반출을 감지해도 대시보드에 뜨지 않기 때문에, 왜 안 뜨는지 헷갈리지 않게 하기 위함)
  Widget _buildPermissionBanner() {
    final String? until = _controller.globalPermissionUntil;
    if (until == null) return const SizedBox.shrink();

    return Container(
      width: double.infinity,
      margin: const EdgeInsets.fromLTRB(16, 8, 16, 0),
      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
      decoration: BoxDecoration(
        color: Colors.amber[100],
        borderRadius: BorderRadius.circular(12),
        border: Border.all(color: Colors.amber[400]!),
      ),
      child: Row(
        children: [
          Icon(Icons.lock_open_rounded, color: Colors.amber[800], size: 20),
          const SizedBox(width: 8),
          Expanded(
            child: Text(
              '지금 전체 반출 허용 중입니다 ($until 까지) — 이 시간 동안은 무단반출 경고가 뜨지 않아요.',
              style: TextStyle(
                color: Colors.amber[900],
                fontWeight: FontWeight.bold,
                fontSize: 12.5,
              ),
            ),
          ),
        ],
      ),
    );
  }

  /// 🔘 필터 칩버튼 (전체 / 출석자 / 미출석자)
  Widget _buildFilterChips() {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Wrap(
            spacing: 8,
            runSpacing: 8,
            children: [
              FilterChip(
                label: const Text("전체"),
                selected: _controller.filterType == "ALL",
                onSelected: (_) => _controller.setFilter("ALL"),
              ),
              FilterChip(
                label: const Text("출석자"),
                selected: _controller.filterType == "CHECKED_IN",
                onSelected: (_) => _controller.setFilter("CHECKED_IN"),
              ),
              FilterChip(
                label: const Text("미출석자"),
                selected: _controller.filterType == "ABSENT",
                onSelected: (_) => _controller.setFilter("ABSENT"),
              ),
            ],
          ),
          const SizedBox(height: 8),
          Wrap(
            spacing: 8,
            runSpacing: 8,
            children: [
              ChoiceChip(
                label: const Text("학년 전체"),
                selected: _controller.gradeFilter == "ALL",
                onSelected: (_) => _controller.setGradeFilter("ALL"),
              ),
              ChoiceChip(
                label: const Text("1학년"),
                selected: _controller.gradeFilter == "1",
                onSelected: (_) => _controller.setGradeFilter("1"),
              ),
              ChoiceChip(
                label: const Text("2학년"),
                selected: _controller.gradeFilter == "2",
                onSelected: (_) => _controller.setGradeFilter("2"),
              ),
              ChoiceChip(
                label: const Text("3학년"),
                selected: _controller.gradeFilter == "3",
                onSelected: (_) => _controller.setGradeFilter("3"),
              ),
            ],
          ),
        ],
      ),
    );
  }
}

// 🚀 "자습실 시간 설정 메뉴" 카드 — 메인 대시보드 로그아웃/설정 메뉴와 같은 톤으로 통일.
class _TimeSettingsMenuCard extends StatelessWidget {
  final bool isRefreshing;
  final String attendanceTimeLabel;
  final ValueChanged<String> onPick;

  const _TimeSettingsMenuCard({
    required this.isRefreshing,
    required this.attendanceTimeLabel,
    required this.onPick,
  });

  @override
  Widget build(BuildContext context) {
    return Material(
      color: AppPalette.paper,
      elevation: 8,
      shadowColor: Colors.black.withValues(alpha: 0.3),
      borderRadius: BorderRadius.circular(20),
      child: IntrinsicWidth(
        child: ConstrainedBox(
          constraints: const BoxConstraints(minWidth: 220),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              _TimeMenuRow(
                icon: isRefreshing ? null : Icons.refresh_rounded,
                label: '새로고침',
                onTap: () => onPick('refresh'),
              ),
              const Divider(height: 1, color: AppPalette.sage),
              _TimeMenuRow(
                icon: Icons.access_time_rounded,
                label: attendanceTimeLabel,
                onTap: () => onPick('attendance_time'),
              ),
              const Divider(height: 1, color: AppPalette.sage),
              _TimeMenuRow(
                icon: Icons.timer_outlined,
                label: '반출 허용 시간 설정',
                onTap: () => onPick('permission_window'),
              ),
              const Divider(height: 1, color: AppPalette.sage),
              _TimeMenuRow(
                icon: Icons.school_rounded,
                label: '하교 처리',
                onTap: () => onPick('dismissal'),
              ),
              const Divider(height: 1, color: AppPalette.sage),
              _TimeMenuRow(
                icon: Icons.bug_report_outlined,
                label: '테스트용: 허용시간 초기화',
                dim: true,
                onTap: () => onPick('test_reset'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

class _TimeMenuRow extends StatelessWidget {
  final IconData? icon;
  final String label;
  final VoidCallback onTap;
  final bool dim;

  const _TimeMenuRow({
    required this.icon,
    required this.label,
    required this.onTap,
    this.dim = false,
  });

  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: onTap,
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 18, vertical: 14),
        child: Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            SizedBox(
              width: 20,
              height: 20,
              child: icon == null
                  ? const CircularProgressIndicator(strokeWidth: 2)
                  : Icon(
                      icon,
                      size: 20,
                      color: dim ? Colors.grey : AppPalette.ink,
                    ),
            ),
            const SizedBox(width: 12),
            Flexible(
              child: Text(
                label,
                style: TextStyle(
                  fontWeight: FontWeight.w600,
                  color: dim ? Colors.grey[600] : AppPalette.ink,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}