<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<androidx.drawerlayout.widget.DrawerLayout
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- ── Main content ─────────────────────────────────────────────────── -->
    <LinearLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="#111111"
        android:padding="8dp">

        <!-- Status bar -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center_vertical">

            <Button
                android:id="@+id/btn_menu"
                style="?attr/materialButtonOutlinedStyle"
                android:layout_width="36dp"
                android:layout_height="36dp"
                android:minWidth="0dp"
                android:padding="0dp"
                android:text="☰"
                android:textSize="16sp" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_marginStart="8dp"
                android:text="Schwert und Magie"
                android:textColor="#FFFFFF"
                android:textSize="14sp"
                android:textStyle="bold" />

            <View
                android:id="@+id/drive_led"
                android:layout_width="12dp"
                android:layout_height="12dp"
                android:layout_marginEnd="4dp" />

            <Button
                android:id="@+id/btn_savestate"
                style="?attr/materialButtonOutlinedStyle"
                android:layout_width="36dp"
                android:layout_height="36dp"
                android:layout_marginEnd="4dp"
                android:minWidth="0dp"
                android:padding="0dp"
                android:text="💾"
                android:textSize="16sp" />

            <Button
                android:id="@+id/btn_anleitung"
                style="?attr/materialButtonOutlinedStyle"
                android:layout_width="36dp"
                android:layout_height="36dp"
                android:layout_marginEnd="4dp"
                android:minWidth="0dp"
                android:padding="0dp"
                android:text="📖"
                android:textSize="16sp" />

            <Button
                android:id="@+id/btn_help"
                style="?attr/materialButtonOutlinedStyle"
                android:layout_width="36dp"
                android:layout_height="36dp"
                android:minWidth="0dp"
                android:padding="0dp"
                android:text="?"
                android:textSize="16sp" />
        </LinearLayout>

        <!-- C64 display (320×200, scaled with correct aspect ratio) -->
        <de.ladkau.schwertundmagieonpebblecompanionapp.C64DisplayView
            android:id="@+id/c64_display"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:layout_marginTop="4dp" />

        <!-- Virtual keyboard — 6 rows -->
        <de.ladkau.schwertundmagieonpebblecompanionapp.C64KeyboardView
            android:id="@+id/c64_keyboard"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1.8"
            android:layout_marginTop="4dp" />

        <!-- Key-event log -->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="4dp"
            android:text="Key events:"
            android:textColor="#888888"
            android:textSize="11sp" />

        <ScrollView
            android:id="@+id/scroll_log"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="#1A1A2E">

            <TextView
                android:id="@+id/tv_log"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:fontFamily="monospace"
                android:padding="6dp"
                android:textColor="#00FF88"
                android:textSize="11sp" />
        </ScrollView>

    </LinearLayout>

    <!-- ── Drawer ────────────────────────────────────────────────────────── -->
    <LinearLayout
        android:id="@+id/nav_drawer"
        android:layout_width="280dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:orientation="vertical"
        android:background="#1A1A2E"
        android:padding="12dp">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Schwert und Magie"
            android:textColor="#AAFFAA"
            android:textSize="14sp"
            android:textStyle="bold"
            android:paddingBottom="4dp" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/section_disks"
            android:textColor="#AAFFAA"
            android:textSize="12sp"
            android:textStyle="bold"
            android:paddingBottom="4dp" />

        <Button android:id="@+id/btn_ep_1a" style="?attr/materialButtonOutlinedStyle"
            android:layout_width="match_parent" android:layout_height="wrap_content"
            android:layout_marginBottom="2dp" android:gravity="center_vertical|start"
            android:text="Folge 1: Das geheimnisvolle Kraut" android:textSize="12sp"
            android:enabled="false" />

        <Button android:id="@+id/btn_ep_1b" style="?attr/materialButtonOutlinedStyle"
            android:layout_width="match_parent" android:layout_height="wrap_content"
            android:layout_marginBottom="2dp" android:gravity="center_vertical|start"
            android:text="Folge 2: Der unheimliche Tempel" android:textSize="12sp"
            android:enabled="false" />

        <Button android:id="@+id/btn_ep_2a" style="?attr/materialButtonOutlinedStyle"
            android:layout_width="match_parent" android:layout_height="wrap_content"
            android:layout_marginBottom="2dp" android:gravity="center_vertical|start"
            android:text="Folge 3: Das Piratenhaus" android:textSize="12sp"
            android:enabled="false" />

        <Button android:id="@+id/btn_ep_2b" style="?attr/materialButtonOutlinedStyle"
            android:layout_width="match_parent" android:layout_height="wrap_content"
            android:layout_marginBottom="2dp" android:gravity="center_vertical|start"
            android:text="Folge 4: Die Burg des Magiers" android:textSize="12sp"
            android:enabled="false" />

        <Button android:id="@+id/btn_ep_3a" style="?attr/materialButtonOutlinedStyle"
            android:layout_width="match_parent" android:layout_height="wrap_content"
            android:layout_marginBottom="2dp" android:gravity="center_vertical|start"
            android:text="Folge 5: Das Haus des Vampirs" android:textSize="12sp"
            android:enabled="false" />

        <Button android:id="@+id/btn_ep_3b" style="?attr/materialButtonOutlinedStyle"
            android:layout_width="match_parent" android:layout_height="wrap_content"
            android:layout_marginBottom="2dp" android:gravity="center_vertical|start"
            android:text="Folge 6: Der Turm des Todes" android:textSize="12sp"
            android:enabled="false" />

        <Button android:id="@+id/btn_ep_4a" style="?attr/materialButtonOutlinedStyle"
            android:layout_width="match_parent" android:layout_height="wrap_content"
            android:layout_marginBottom="2dp" android:gravity="center_vertical|start"
            android:text="Folge 7: Unter Wasser" android:textSize="12sp"
            android:enabled="false" />

        <Button android:id="@+id/btn_ep_4b" style="?attr/materialButtonOutlinedStyle"
            android:layout_width="match_parent" android:layout_height="wrap_content"
            android:layout_marginBottom="8dp" android:gravity="center_vertical|start"
            android:text="Folge 8: Insel der Wunder" android:textSize="12sp"
            android:enabled="false" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#333355"
            android:layout_marginBottom="8dp" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/section_hero_disks"
            android:textColor="#AAFFAA"
            android:textSize="12sp"
            android:textStyle="bold"
            android:paddingBottom="4dp" />

        <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"
            android:orientation="horizontal" android:layout_marginBottom="2dp">
            <Button android:id="@+id/btn_hero_1" style="?attr/materialButtonOutlinedStyle"
                android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_weight="1" android:gravity="center_vertical|start"
                android:text="@string/hero_1" android:textSize="12sp" android:enabled="false" />
            <Button android:id="@+id/btn_hero_1_new" style="?attr/materialButtonOutlinedStyle"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:layout_marginStart="4dp" android:text="@string/btn_new" android:textSize="11sp" />
            <Button android:id="@+id/btn_hero_1_edit" style="?attr/materialButtonOutlinedStyle"
                android:layout_width="36dp" android:layout_height="wrap_content"
                android:layout_marginStart="4dp" android:minWidth="0dp" android:padding="0dp"
                android:text="✏" android:textSize="14sp" android:enabled="false" />
        </LinearLayout>

        <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"
            android:orientation="horizontal" android:layout_marginBottom="2dp">
            <Button android:id="@+id/btn_hero_2" style="?attr/materialButtonOutlinedStyle"
                android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_weight="1" android:gravity="center_vertical|start"
                android:text="@string/hero_2" android:textSize="12sp" android:enabled="false" />
            <Button android:id="@+id/btn_hero_2_new" style="?attr/materialButtonOutlinedStyle"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:layout_marginStart="4dp" android:text="@string/btn_new" android:textSize="11sp" />
            <Button android:id="@+id/btn_hero_2_edit" style="?attr/materialButtonOutlinedStyle"
                android:layout_width="36dp" android:layout_height="wrap_content"
                android:layout_marginStart="4dp" android:minWidth="0dp" android:padding="0dp"
                android:text="✏" android:textSize="14sp" android:enabled="false" />
        </LinearLayout>

        <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"
            android:orientation="horizontal" android:layout_marginBottom="8dp">
            <Button android:id="@+id/btn_hero_3" style="?attr/materialButtonOutlinedStyle"
                android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_weight="1" android:gravity="center_vertical|start"
                android:text="@string/hero_3" android:textSize="12sp" android:enabled="false" />
            <Button android:id="@+id/btn_hero_3_new" style="?attr/materialButtonOutlinedStyle"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:layout_marginStart="4dp" android:text="@string/btn_new" android:textSize="11sp" />
            <Button android:id="@+id/btn_hero_3_edit" style="?attr/materialButtonOutlinedStyle"
                android:layout_width="36dp" android:layout_height="wrap_content"
                android:layout_marginStart="4dp" android:minWidth="0dp" android:padding="0dp"
                android:text="✏" android:textSize="14sp" android:enabled="false" />
        </LinearLayout>

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#333355"
            android:layout_marginBottom="8dp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginBottom="4dp">

            <Button
                android:id="@+id/btn_import_disks"
                style="?attr/materialButtonOutlinedStyle"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_marginEnd="4dp"
                android:text="@string/btn_import_disks"
                android:textAllCaps="false"
                android:textSize="11sp"
                android:singleLine="true"
                android:ellipsize="end" />

            <Button
                android:id="@+id/btn_download_disks"
                style="?attr/materialButtonOutlinedStyle"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="@string/btn_download_disks"
                android:textAllCaps="false"
                android:textSize="11sp"
                android:singleLine="true"
                android:ellipsize="end" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <Button
                android:id="@+id/btn_reset"
                style="?attr/materialButtonOutlinedStyle"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_marginEnd="4dp"
                android:text="Reset"
                android:textSize="12sp"
                android:enabled="false" />

            <Button
                android:id="@+id/btn_sound"
                style="?attr/materialButtonOutlinedStyle"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="@string/sound_off"
                android:textSize="12sp" />

        </LinearLayout>

    </LinearLayout>

</androidx.drawerlayout.widget.DrawerLayout>

    <!-- Splash screen overlay — covers everything until VICE is ready -->
    <ImageView
        android:id="@+id/splash_screen"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/splash_screen"
        android:scaleType="fitCenter"
        android:background="#000000"
        android:clickable="true"
        android:focusable="true" />

</FrameLayout>
