import 'package:flutter/material.dart';
import './todo_model.dart';

class TodoDetail extends StatelessWidget {
  final Todo todo;

  const TodoDetail({required this.todo, super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(todo.taskName, overflow: TextOverflow.ellipsis),
      ),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(20.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            // 任務標題
            Text(
              todo.taskName,
              style: const TextStyle(fontSize: 24.0, fontWeight: FontWeight.bold, color: Colors.black87),
            ),
            const Divider(height: 24.0),

            // 任務屬性表格 (簡潔顯示)
            _buildAttributeRow(context, '狀態', todo.status ?? 'N/A', todo.statusColor),
            _buildAttributeRow(context, '優先級', todo.priority ?? 'N/A', Colors.red),
            _buildAttributeRow(context, '截止日期', todo.formattedEndDate, Colors.blue),
            _buildAttributeRow(context, '建立者', todo.createdBy ?? 'N/A', Colors.grey),
            _buildAttributeRow(context, '分類', todo.className, Colors.purple),

            const Divider(height: 32.0),

            // 詳細說明
            const Text(
              '詳細說明:',
              style: TextStyle(fontSize: 18.0, fontWeight: FontWeight.w600, color: Colors.black87),
            ),
            const SizedBox(height: 8),
            Text(
              todo.description ?? '無詳細說明。',
              style: const TextStyle(fontSize: 16.0, height: 1.5, color: Colors.black54),
              textAlign: TextAlign.justify,
            ),
            const SizedBox(height: 40),

            // 底部按鈕 (例如：標記完成)
            Center(
              child: ElevatedButton.icon(
                onPressed: () {
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(content: Text('已標記任務 "${todo.taskName}" 待實作更新狀態。')),
                  );
                  // 實際應用中，這裡會呼叫 API 更新 pbi_status 為 'DONE'
                },
                icon: const Icon(Icons.check_circle_outline),
                label: const Text('標記為已完成'),
                style: ElevatedButton.styleFrom(
                  padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 15),
                  backgroundColor: Colors.green,
                  foregroundColor: Colors.white,
                  textStyle: const TextStyle(fontSize: 18),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildAttributeRow(BuildContext context, String label, String value, Color color) {
    return Padding(
      padding: const EdgeInsets.only(bottom: 8.0),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          SizedBox(
            width: 100,
            child: Text(
              '$label:',
              style: const TextStyle(fontWeight: FontWeight.w500, color: Colors.black),
            ),
          ),
          Expanded(
            child: Text(
              value,
              style: TextStyle(fontWeight: FontWeight.w600, color: color),
            ),
          ),
        ],
      ),
    );
  }
}