// ⚙️ 대시보드 설정 화면 (UI 전용). 지금은 "UI 편집" 진입점 하나만 있다.
// "UI 편집"을 누르면 이 화면을 pop('edit_ui')로 닫고, 대시보드가 그 결과를 받아 편집 모드로 들어간다.
import 'package:flutter/material.dart';
import '../models/dashboard_tile_layout.dart';
import '../theme/app_palette.dart';
import 'title_pill.dart';

class DashboardSettingsPage extends StatelessWidget {
  const DashboardSettingsPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppPalette.mist,
      appBar: AppBar(
        backgroundColor: Colors.transparent,
        foregroundColor: AppPalette.ink,
        elevation: 0,
        centerTitle: true,
        title: const TitlePill('설정'),
      ),
      body: ListView(
        padding: const EdgeInsets.all(16),
        children: [
          Container(
            decoration: BoxDecoration(
              color: AppPalette.paper,
              borderRadius: BorderRadius.circular(16),
              border: Border.all(color: AppPalette.sage),
            ),
            child: ListTile(
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(16),
              ),
              enabled: kTileEditingEnabled,
              leading: const Icon(
                Icons.grid_view_rounded,
                color: AppPalette.ink,
              ),
              title: const Text(
                'UI 편집',
                style: TextStyle(fontWeight: FontWeight.bold),
              ),
              // 📱 [기능 보류] 작은 화면에서 레이아웃이 깨지는 문제로 잠시 막아둠.
              subtitle: Text(
                kTileEditingEnabled
                    ? '타일을 드래그해서 옮기고 크기를 바꿀 수 있어요.'
                    : '작은 화면 대응을 준비 중이라 잠시 사용할 수 없어요.',
              ),
              trailing: kTileEditingEnabled
                  ? const Icon(Icons.chevron_right_rounded)
                  : null,
              onTap: kTileEditingEnabled
                  ? () => Navigator.pop(context, 'edit_ui')
                  : null,
            ),
          ),
        ],
      ),
    );
  }
}