import 'package:flutter/material.dart';

class ListDetailScreen extends StatefulWidget {
  final String title;

  const ListDetailScreen({super.key, required this.title});

  @override
  State<ListDetailScreen> createState() => _ListDetailScreenState();
}

class _ListDetailScreenState extends State<ListDetailScreen> {
  List<bool> checklist = [];

  @override
  void initState() {
    super.initState();
    checklist = List.generate(paragraphs.length, (index) => false);
  }

  final List<String> paragraphs = [
    "Paragraf pertama tentang ${"widget.title"}.",
    "Paragraf kedua dengan informasi tambahan.",
    "Paragraf ketiga yang menjelaskan detail lebih lanjut.",
    "Paragraf keempat yang melengkapi pembahasan.",
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(title: Text(widget.title)),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            // Gambar di kiri atas dengan teks di kanan
            Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Image.asset(
                  'images/default.png', // Ganti dengan gambar yang sesuai
                  width: 100,
                  height: 100,
                  fit: BoxFit.cover,
                ),
                const SizedBox(width: 16),
                Expanded(
                  child: Text(
                    "Ini adalah detail dari ${widget.title}.",
                    style: const TextStyle(fontSize: 18),
                  ),
                ),
              ],
            ),
            const SizedBox(height: 20),

            // Paragraf dengan checklist
            Expanded(
              child: ListView.builder(
                itemCount: paragraphs.length,
                itemBuilder: (context, index) {
                  return ListTile(
                    title: Text(paragraphs[index]),
                    trailing: Checkbox(
                      value: checklist[index],
                      onChanged: (bool? value) {
                        setState(() {
                          checklist[index] = value!;
                        });
                      },
                    ),
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}
