<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="@color/black"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/topbar"
        android:layout_width="match_parent"
        android:layout_height="94dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:animateLayoutChanges="true"
        android:background="#161616">

        <TextView
            android:id="@+id/text_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15dp"
            android:layout_marginBottom="5dp"
            android:fontFamily="@font/inter_semibold"
            android:textSize="18dp"
            android:textColor="@color/white"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            android:layout_margin="10dp"
            android:text="@string/live_chat" />

        <ImageView
            android:id="@+id/ic_viewers"
            android:layout_width="14dp"
            android:layout_height="14dp"
            app:layout_constraintTop_toBottomOf="@id/text_name"
            app:layout_constraintLeft_toLeftOf="@id/text_name"
            android:src="@drawable/ic_person" />
        <TextView
            android:id="@+id/text_viewers"
            android:layout_width="wrap_content"
            android:layout_height="14dp"
            android:textSize="10dp"
            app:layout_constraintTop_toBottomOf="@id/text_name"
            app:layout_constraintLeft_toRightOf="@id/ic_viewers"
            tools:text="1536 viewers"/>

        <HorizontalScrollView
            android:layout_width="match_parent"
            android:layout_height="35dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent">
            <LinearLayout
                android:id="@+id/donation_list"
                android:orientation="horizontal"
                android:paddingLeft="10dp"
                android:layout_width="wrap_content"
                android:layout_height="match_parent">

            </LinearLayout>
        </HorizontalScrollView>

        <ImageView
            android:id="@+id/button_close"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:contentDescription="@string/cd_button_close"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_margin="7dp"
            android:padding="5dp"
            android:src="@drawable/ic_close" />

    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/chatContainer"
        android:background="@color/black"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/topbar"
        app:layout_constraintBottom_toBottomOf="parent" />
    <WebView
        android:id="@+id/chatWindowContainer"
        android:background="@color/black"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:visibility="gone"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/topbar"
        app:layout_constraintBottom_toBottomOf="parent" />

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/overlay"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintTop_toBottomOf="@id/topbar"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:background="#AA000000">


        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/overlay_donation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/background_16_round_4dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:layout_margin="10dp">

            <ImageView
                android:id="@+id/donation_author_image"
                android:background="@drawable/rounded_outline"
                android:clipToOutline="true"
                android:scaleType="fitCenter"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:contentDescription="@string/cd_creator_thumbnail"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                android:layout_margin="20dp"
                android:src="@drawable/placeholder_profile" />
            <TextView
                android:id="@+id/donation_author_name"
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:gravity="center_vertical"
                app:layout_constraintLeft_toRightOf="@id/donation_author_image"
                app:layout_constraintTop_toTopOf="parent"
                android:layout_marginStart="15dp"
                android:layout_marginTop="20dp"
                android:textSize="15sp"
                tools:text="Louis Rossmann" />

            <LinearLayout
                android:id="@+id/donation_amount_container"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:layout_constraintRight_toRightOf="parent"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:paddingTop="7dp"
                android:paddingBottom="7dp"
                android:layout_marginEnd="10dp"
                android:background="@drawable/background_pill"
                android:gravity="center"
                app:layout_constraintTop_toTopOf="@id/donation_author_name">
                <TextView
                    android:id="@+id/donation_amount"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/cd_donation_amount"
                    android:gravity="center"
                    tools:text="$100" />
            </LinearLayout>

            <TextView
                android:id="@+id/donation_text"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                app:layout_constraintTop_toBottomOf="@id/donation_author_name"
                app:layout_constraintLeft_toLeftOf="@+id/donation_author_image"
                app:layout_constraintRight_toRightOf="@id/donation_amount_container"
                android:layout_margin="10dp"
                android:textColor="#838383"
                tools:text="@string/lorem_ipsum"/>

            <TextView
                android:id="@+id/donation_source"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                app:layout_constraintTop_toBottomOf="@id/donation_text"
                app:layout_constraintLeft_toLeftOf="@id/donation_author_image"
                app:layout_constraintRight_toRightOf="parent"
                tools:text="Source: Somesite"
                android:paddingBottom="10dp"
                android:textSize="12sp"
                android:textColor="#4F4B4B"
                android:layout_margin="10dp" />

        </androidx.constraintlayout.widget.ConstraintLayout>

    </androidx.constraintlayout.widget.ConstraintLayout>




    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/overlay_raid"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/background_16_round_4dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_margin="10dp">

        <TextView
            android:id="@+id/textRaidMessage"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#737070"
            app:layout_constraintTop_toTopOf="parent"
            android:text="@string/viewers_are_raiding"
            android:gravity="center"
            android:paddingTop="20dp"
            android:paddingBottom="10dp"/>

        <LinearLayout
            android:id="@+id/raid_target_container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toBottomOf="@id/textRaidMessage"
            android:gravity="center_horizontal"
            android:orientation="horizontal">
            <ImageView
                android:id="@+id/raid_thumbnail"
                android:background="@drawable/rounded_outline"
                android:clipToOutline="true"
                android:scaleType="fitCenter"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:contentDescription="@string/cd_creator_thumbnail"
                android:layout_marginEnd="10dp"
                android:layout_marginStart="-20dp"
                android:src="@drawable/placeholder_profile" />
            <TextView
                android:id="@+id/raid_name"
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:gravity="center_vertical"
                app:layout_constraintLeft_toRightOf="@id/raid_thumbnail"
                app:layout_constraintTop_toBottomOf="@id/textRaidMessage"
                android:textSize="15sp"
                tools:text="Louis Rossmann" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toBottomOf="@+id/raid_target_container"
            android:layout_marginTop="10dp"
            app:layout_constraintBottom_toBottomOf="parent">

            <Button
                android:id="@+id/raid_button_go"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:textAllCaps="false"
                android:layout_weight="1"
                android:textSize="13dp"
                android:letterSpacing="0"
                android:fontFamily="@font/inter_regular"
                android:layout_marginStart="5dp"
                android:backgroundTint="@color/colorPrimary"
                android:layout_marginEnd="5dp"
                android:text="@string/go_now"/>
            <Button
                android:id="@+id/raid_button_prevent"
                android:layout_width="0dp"
                android:layout_height="45dp"
                android:layout_weight="1"
                android:textAllCaps="false"
                android:fontFamily="@font/inter_regular"
                android:textSize="13dp"
                android:letterSpacing="0"
                android:layout_marginStart="5dp"
                android:layout_marginEnd="5dp"
                android:backgroundTint="#2F2F2F"
                android:text="@string/dismiss"/>
        </LinearLayout>

    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.constraintlayout.widget.ConstraintLayout>