<?xml version="1.0" encoding="utf-8"?>
<com.its.yarus.custom.PlayerScreenMotionLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    app:layoutDescription="@xml/play_motion_scene"
    app:layout_collapseMode="parallax">

    <View
        android:id="@+id/player_background_view"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@color/whiteSix"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:id="@+id/view_stroke"
        android:layout_width="match_parent"
        android:layout_height="@dimen/padding1"
        android:background="@color/gray300"
        app:layout_constraintTop_toTopOf="@id/player_background_view" />

    <ImageView
        android:id="@+id/iv_down"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="@dimen/padding16"
        app:layout_constraintStart_toStartOf="@id/player_background_view"
        app:layout_constraintTop_toTopOf="@id/player_background_view"
        app:srcCompat="@drawable/ic_arrow_down"
        app:tint="@color/black" />

    <TextView
        android:id="@+id/tv_title"
        style="@style/Bold16Black"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/padding16"
        android:visibility="visible"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:text="Любимые песни" />


    <com.its.yarus.custom.DoubleTapCardView
        android:id="@+id/iv_cover"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="@dimen/padding48"
        android:layout_marginTop="72dp"
        android:layout_marginEnd="@dimen/padding48"
        android:layout_marginBottom="@dimen/padding16"
        android:elevation="0dp"
        app:layout_constraintBottom_toTopOf="@id/tv_name"

        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0">

        <ImageView
            android:id="@+id/iv_cover_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"

            tools:srcCompat="@drawable/holder" />

        <com.its.yarus.custom.LottieCheckBox
            android:id="@+id/switch_like_big"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:visibility="invisible"
            app:lottie_autoPlay="false"
            app:lottie_colorFilter="@color/whiteSix"
            app:lottie_progress="0"
            app:lottie_rawRes="@raw/like_animation" />

    </com.its.yarus.custom.DoubleTapCardView>

    <TextView
        android:id="@+id/tv_name"
        style="@style/Bold18Black"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/padding24"
        android:layout_marginEnd="@dimen/padding32"
        android:layout_marginBottom="@dimen/padding4"
        android:ellipsize="end"
        android:lines="1"
        app:layout_constrainedWidth="true"
        app:layout_constraintBottom_toTopOf="@id/tv_artist"
        app:layout_constraintEnd_toStartOf="@id/iv_like"
        app:layout_constraintHorizontal_bias="0"
        app:layout_constraintStart_toStartOf="parent"
        tools:text="Kate f" />

    <ImageView
        android:id="@+id/iv_explicit"
        android:layout_width="@dimen/padding24"
        android:layout_height="@dimen/padding24"
        android:padding="@dimen/padding4"
        app:layout_constrainedWidth="true"
        android:src="@drawable/ic_explicit_content_icon"
        android:layout_marginStart="@dimen/padding8"
        app:layout_constraintBottom_toBottomOf="@id/tv_name"
        app:layout_constraintStart_toEndOf="@id/tv_name"
        app:layout_constraintTop_toTopOf="@id/tv_name" />

    <TextView
        android:id="@+id/tv_artist"
        style="@style/Regular16Gray600"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="@dimen/padding24"
        android:layout_marginBottom="@dimen/padding28"
        android:ellipsize="end"
        android:lines="1"
        app:layout_constraintBottom_toTopOf="@id/control_view"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0"
        app:layout_constraintStart_toStartOf="parent"
        tools:text="Binasu" />

    <TextView
        android:id="@+id/tv_name_min"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/padding8"
        android:layout_marginTop="@dimen/padding8"
        android:ellipsize="end"
        android:lines="1"
        app:layout_constrainedWidth="true"
        app:layout_constraintBottom_toTopOf="@id/tv_artist_min"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/iv_cover"
        app:layout_constraintTop_toTopOf="@id/iv_cover"
        app:layout_constraintVertical_chainStyle="packed" />

    <TextView
        android:id="@+id/tv_artist_min"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/padding8"
        android:layout_marginBottom="@dimen/padding8"
        android:ellipsize="end"
        android:lines="1"
        app:layout_constraintBottom_toBottomOf="@id/iv_cover"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/iv_cover"
        app:layout_constraintTop_toBottomOf="@id/tv_name_min"
        app:layout_constraintVertical_chainStyle="packed" />

    <com.its.yarus.custom.LottieCheckBox
        android:id="@+id/iv_like"
        android:layout_width="@dimen/padding24"
        android:layout_height="@dimen/padding24"

        android:layout_marginEnd="@dimen/padding24"
        android:clickable="true"
        android:focusable="true"
        app:layout_constraintBottom_toBottomOf="@+id/tv_name"
        app:layout_constraintEnd_toStartOf="@id/iv_more"
        app:layout_constraintTop_toTopOf="@+id/tv_name"
        app:lottie_autoPlay="false"
        app:lottie_progress="0"
        app:lottie_rawRes="@raw/like_animation" />

    <ImageView
        android:id="@+id/iv_more"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="@dimen/padding24"
        app:layout_constraintBottom_toBottomOf="@+id/tv_name"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="@+id/tv_name"
        app:srcCompat="@drawable/ic_dots"
        app:tint="@color/black" />

    <com.google.android.exoplayer2.ui.PlayerView
        android:id="@+id/control_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="@dimen/padding16"
        android:layout_marginBottom="@dimen/padding80"
        app:controller_layout_id="@layout/layout_music_control_exo"
        app:hide_on_touch="false"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:player_layout_id="@layout/custom_music_player_view"
        app:repeat_toggle_modes="one|all"
        app:show_buffering="always"
        app:show_shuffle_button="true"
        app:show_timeout="0" />

    <ImageView
        android:id="@+id/iv_playstory"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="@dimen/padding24"
        android:layout_marginBottom="@dimen/padding24"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:srcCompat="@drawable/ic_playstory" />

    <ImageView
        android:id="@+id/iv_add_in_playlist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/padding24"
        android:layout_marginBottom="@dimen/padding24"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:srcCompat="@drawable/ic_song_add" />

    <com.google.android.exoplayer2.ui.PlayerView
        android:id="@+id/control_view_buttons_minimize"
        android:layout_width="120dp"
        android:layout_height="56dp"
        app:controller_layout_id="@layout/layout_music_control_buttons_exo_minimize"
        app:layout_constraintEnd_toEndOf="@id/player_background_view"
        app:layout_constraintTop_toTopOf="@id/player_background_view"
        app:player_layout_id="@layout/custom_music_player_view"
        app:show_timeout="0" />

    <!--<com.its.yarus.custom.CustomStateButton
        android:id="@+id/iv_play_pause_min"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="@dimen/padding16"
        android:background="?attr/selectableItemBackgroundBorderless"
        android:clickable="true"
        android:focusable="true"
        app:layout_constraintBottom_toBottomOf="@id/iv_close_next_min"
        app:layout_constraintEnd_toStartOf="@id/iv_close_next_min"
        app:layout_constraintTop_toTopOf="@id/iv_close_next_min" />

    <com.its.yarus.custom.CustomStateButton
        android:id="@+id/iv_close_next_min"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/padding2"
        android:background="?attr/selectableItemBackgroundBorderless"
        android:clickable="true"
        android:focusable="true"
        app:layout_constraintTop_toTopOf="@id/player_background_view"
        app:layout_constraintEnd_toEndOf="@id/player_background_view" />-->

    <com.google.android.exoplayer2.ui.PlayerView
        android:id="@+id/control_view_minimize"
        android:layout_width="0dp"
        android:layout_height="4dp"
        app:controller_layout_id="@layout/layout_music_control_exo_minimize"

        app:layout_constraintEnd_toEndOf="@id/player_background_view"
        app:layout_constraintStart_toStartOf="@id/player_background_view"
        app:layout_constraintTop_toTopOf="@id/player_background_view"
        app:player_layout_id="@layout/custom_music_player_view"
        app:show_timeout="0" />

</com.its.yarus.custom.PlayerScreenMotionLayout>