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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppPalette.mist,
      appBar: AppBar(
        title: const Text('설정'),
        backgroundColor: AppPalette.ink,
        foregroundColor: AppPalette.paper,
        elevation: 0,
      ),
      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),
              ),
              leading: const Icon(
                Icons.grid_view_rounded,
                color: AppPalette.ink,
              ),
              title: const Text(
                'UI 편집',
                style: TextStyle(fontWeight: FontWeight.bold),
              ),
              subtitle: const Text('타일을 드래그해서 옮기고 크기를 바꿀 수 있어요.'),
              trailing: const Icon(Icons.chevron_right_rounded),
              onTap: () => Navigator.pop(context, 'edit_ui'),
            ),
          ),
        ],
      ),
    );
  }
}