<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical">

    <ScrollView
        android:id="@+id/svDescription"
        android:layout_width="match_parent"
        android:layout_height="64dp"
        android:clipToPadding="false"
        android:paddingBottom="6dp"
        android:paddingEnd="12dp"
        android:paddingStart="12dp"
        android:paddingTop="6dp">

        <TextView
            android:id="@+id/tvDescription"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </ScrollView>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        
        <WebView
            android:id="@+id/wvOther"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            />

        <jp.juggler.subwaytooter.view.PinchBitmapView
            android:id="@+id/pbvImage"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            />

        <androidx.media3.ui.PlayerView
            android:id="@+id/pvVideo"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <TextView
            android:id="@+id/tvError"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:padding="12dp" />
    </FrameLayout>

    <com.google.android.flexbox.FlexboxLayout
        android:id="@+id/flFooter"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:alignItems="flex_start"
        app:flexWrap="wrap"
        app:flexDirection="row_reverse"
        app:justifyContent="flex_start">

        <ImageButton
            android:id="@+id/btnMore"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:contentDescription="@string/more"
            android:minWidth="48dp"
            android:src="@drawable/ic_more"
            app:tint="?attr/colorTextContent" />

        <ImageButton
            android:id="@+id/btnDownload"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:contentDescription="@string/download"
            android:minWidth="48dp"
            android:src="@drawable/ic_download"
            app:tint="?attr/colorTextContent" />

        <ImageButton
            android:id="@+id/btnNext"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:contentDescription="@string/next"
            android:minWidth="48dp"
            android:src="@drawable/ic_arrow_end"
            app:tint="?attr/colorTextContent" />

        <ImageButton
            android:id="@+id/btnPrevious"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:contentDescription="@string/previous"

            android:minWidth="48dp"
            android:src="@drawable/ic_arrow_start"
            app:tint="?attr/colorTextContent" />

        <TextView
            android:id="@+id/tvStatus"
            android:layout_width="wrap_content"
            android:layout_height="48dp"
            android:layout_gravity="center_vertical"
            android:layout_marginStart="12dp"
            android:alpha="0.5"
            tools:text="x1.3\n1200x1200"
            android:gravity="end|center_vertical"
            android:textColor="#ffffff"
            android:textSize="12dp"
            app:layout_flexGrow="1"
            tools:ignore="SpUsage" />

        <CheckBox
            android:id="@+id/cbMute"
            android:layout_width="wrap_content"
            android:layout_height="48dp"
            android:layout_marginStart="12dp"
            android:text="@string/mute"
            android:visibility="gone"
            tools:visibility="visible"
            />

    </com.google.android.flexbox.FlexboxLayout>
</LinearLayout>
