<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#121212"
    android:layoutDirection="rtl">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="24dp">

        <!-- Header -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="دليل تفعيل الصلاحيات 🛡️"
            android:textColor="#4CAF50"
            android:textSize="24sp"
            android:textStyle="bold"
            android:layout_gravity="center"
            android:layout_marginBottom="8dp"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="إذا كانت الصلاحيات تظهر باللون الرمادي، اتبع الخطوات التالية:"
            android:textColor="#BBBBBB"
            android:textSize="16sp"
            android:layout_marginBottom="24dp"
            android:textAlignment="center"/>

        <!-- Steps will be loaded dynamically here -->
        <LinearLayout
            android:id="@+id/tutorial_steps_container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"/>

        <!-- Audio Guide Button -->
        <Button
            android:id="@+id/btn_play_audio"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="استمع للشرح الصوتي 🔊"
            android:backgroundTint="#2196F3"
            android:textColor="#FFFFFF"
            android:textSize="18sp"
            android:layout_marginTop="16dp"
            android:layout_marginBottom="32dp"
            android:padding="16dp"/>

    </LinearLayout>
</ScrollView>
