import 'package:flutter/material.dart';
import 'utils/audio_manager.dart';

class InstructionsPage extends StatelessWidget {
  const InstructionsPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
     return Scaffold(
      body: Container(
        decoration: const BoxDecoration(
          image: DecorationImage(
            image: AssetImage('assets/images/background.jpg'),
            fit: BoxFit.cover, // Menutupi seluruh layar
          ),
        ),
        child: Stack(
          children: [

            // Konten petunjuk di tengah halaman
            Center(
              child: Container(
                width: 350, // Atur lebar container
                height: 450, // Atur tinggi container
                decoration: const BoxDecoration(
                  image: DecorationImage(
                    image: AssetImage('assets/icons/covertext.png'),
                    fit: BoxFit.contain,
                  ),
                ),
                 padding: const EdgeInsets.symmetric(horizontal: 60, vertical: 10), // Sesuaikan padding untuk mengatur posisi teks
                child: Center( // Menambahkan Center widget
                  child: Text(
                    'Selamat datang di Indonesian Kingdom!\n\n'
                    'Dalam permainan pencarian kata ini, kamu akan menjelajahi kerajaan-kerajaan bersejarah di Indonesia. '
                    'Temukan kata-kata tersembunyi yang berhubungan dengan sejarah, budaya, dan peninggalan kerajaan.\n\n'
                    'Cara bermain:\n'
                    '1. Pilih level yang tersedia\n'
                    '2. Cari kata-kata yang ada dalam daftar\n'
                    '3. Geser huruf secara horizontal dan vertikal\n'
                    '4. Kata yang ditemukan akan ditandai\n\n'
                    'Setiap level memiliki tingkat kesulitan yang berbeda. Selesaikan semua level untuk menguji '
                    'pengetahuanmu tentang kerajaan-kerajaan di Indonesia. Selamat bermain!',
                    textAlign: TextAlign.center,
                    style: const TextStyle(
                      color: Color.fromARGB(255,65,44,23),
                      fontSize: 9,
                      fontFamily: 'Bestime' // Mengecilkan ukuran font agar lebih sesuai
                    ),
                  ),
                ),
              ),
            ),

            // Tombol back di pojok kanan atas untuk kembali ke halaman sebelumnya
            Positioned(
              top: 10,
              right: 10,
              child: IconButton(
                icon: Image.asset(
                  'assets/icons/exit.png',
                  width: 40,
                  height: 40,
                ),
                onPressed: () {
                  AudioManager.playClickSound();
                  Navigator.pop(context);
                  
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}