<?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="@android:color/white"
    android:fillViewport="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingStart="24dp"
        android:paddingTop="18dp"
        android:paddingEnd="24dp"
        android:paddingBottom="24dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="64dp"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <ImageButton
                android:id="@+id/player_back_button"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:background="@drawable/bg_player_soft_circle"
                android:contentDescription="Назад"
                android:padding="14dp"
                android:rotation="-90"
                android:src="@drawable/ic_reader_v2_chevron_down" />

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="14dp"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/player_title"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:maxLines="1"
                    android:textColor="#222222"
                    android:textSize="20sp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/player_author"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:maxLines="1"
                    android:textColor="#999999"
                    android:textSize="17sp" />
            </LinearLayout>

            <TextView
                android:id="@+id/player_more_button"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:background="@drawable/bg_player_soft_circle"
                android:gravity="center"
                android:text="⋮"
                android:textColor="#252525"
                android:textSize="28sp" />
        </LinearLayout>

        <ImageView
            android:id="@+id/player_cover"
            android:layout_width="280dp"
            android:layout_height="280dp"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="34dp"
            android:background="@drawable/bg_cover_placeholder"
            android:scaleType="centerCrop" />

        <TextView
            android:id="@+id/player_remaining_summary"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="22dp"
            android:gravity="center"
            android:textColor="#A0A0A0"
            android:textSize="17sp"
            android:textStyle="bold" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="92dp"
            android:layout_marginTop="24dp"
            android:gravity="center"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/player_speed_button"
                android:layout_width="0dp"
                android:layout_height="56dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="1x"
                android:textColor="#222222"
                android:textSize="17sp" />

            <TextView
                android:id="@+id/player_rewind_button"
                android:layout_width="0dp"
                android:layout_height="64dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="↶\n15"
                android:textColor="#222222"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/player_play_button"
                android:layout_width="76dp"
                android:layout_height="76dp"
                android:background="@drawable/bg_player_circle"
                android:gravity="center"
                android:paddingStart="5dp"
                android:text="▶"
                android:textColor="@android:color/white"
                android:textSize="34sp" />

            <TextView
                android:id="@+id/player_forward_button"
                android:layout_width="0dp"
                android:layout_height="64dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="↷\n30"
                android:textColor="#222222"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/player_sleep_button"
                android:layout_width="0dp"
                android:layout_height="56dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="◴"
                android:textColor="#222222"
                android:textSize="28sp" />
        </LinearLayout>

        <TextView
            android:id="@+id/player_chapter"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:maxLines="1"
            android:text="Вся книга"
            android:textColor="#222222"
            android:textSize="18sp"
            android:textStyle="bold" />

        <SeekBar
            android:id="@+id/player_seek_bar"
            android:layout_width="match_parent"
            android:layout_height="44dp"
            android:layout_marginTop="12dp"
            android:max="1000"
            android:progressTint="#303030"
            android:thumbTint="#303030" />

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

            <TextView
                android:id="@+id/player_elapsed"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="00:00"
                android:textColor="#9A9A9A"
                android:textSize="16sp" />

            <TextView
                android:id="@+id/player_remaining"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="-00:00"
                android:textColor="#9A9A9A"
                android:textSize="16sp" />
        </LinearLayout>

        <Button
            android:id="@+id/player_read_button"
            android:layout_width="132dp"
            android:layout_height="52dp"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="30dp"
            android:backgroundTint="#252525"
            android:text="Читать"
            android:textAllCaps="false"
            android:textColor="@android:color/white"
            android:textSize="17sp" />
    </LinearLayout>
</ScrollView>
