<?xml version="1.0" encoding="utf-8"?>
<com.remax.visualnovel.widget.RoundFrameLayout
    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="wrap_content"
    app:topLeftRadius="24dp"
    app:topRightRadius="24dp">

    <com.remax.visualnovel.widget.uitoken.view.UITokenConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:backgroundColorToken="@string/color_background_default"
        >

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/levelBg"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_marginTop="-84dp"
            android:src="@mipmap/crush_level_bg"
            app:layout_constraintDimensionRatio="h,1179:1200"
            app:layout_constraintTop_toTopOf="parent" />

        <com.airbnb.lottie.LottieAnimationView
            android:id="@+id/lottieView"
            android:layout_width="120dp"
            android:layout_height="120dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/levelBgTop"
            app:lottie_autoPlay="true"
            app:lottie_loop="true"
            app:lottie_rawRes="@raw/wave" />

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/levelBgTop"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:src="@mipmap/crush_level_bg_top"
            app:layout_constraintDimensionRatio="h,1179:642"
            app:layout_constraintTop_toTopOf="@+id/levelBg" />

        <androidx.appcompat.widget.AppCompatImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:src="@mipmap/crush_level_bg_bottom"
            app:layout_constraintBottom_toBottomOf="@+id/levelBg"
            app:layout_constraintTop_toBottomOf="@+id/levelBgTop" />

        <com.remax.visualnovel.widget.ui.buttons.IconButtonView
            android:id="@+id/cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:text="@string/icon_close"
            app:iconButtonName="ContrastButton_Tertiary_Light"
            app:iconButtonRadius="round"
            app:iconButtonSizeType="small"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <com.remax.visualnovel.widget.uitoken.view.UITokenTextView
            android:id="@+id/dialogTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:text="@string/retrieve_heart_value"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/levelBgTop"
            app:textColorToken="@string/color_txt_primary_normal"
            app:textToken="@string/txt_title_m" />

        <com.remax.visualnovel.widget.uitoken.view.UITokenTextView
            android:id="@+id/priceTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="24dp"
            android:layout_marginTop="44dp"
            android:text="@string/price"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/dialogTitle"
            app:textColorToken="@string/color_txt_primary_normal"
            app:textToken="@string/txt_label_l" />

        <com.remax.visualnovel.widget.PriceView
            android:id="@+id/priceView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="24dp"
            app:priceIconPadding="8dp"
            app:layout_constraintBottom_toBottomOf="@+id/priceTitle"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="@+id/priceTitle" />

        <com.remax.visualnovel.widget.uitoken.view.UITokenTextView
            android:id="@+id/quantityTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="24dp"
            android:layout_marginTop="24dp"
            android:text="@string/quantity"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/priceView"
            app:textColorToken="@string/color_txt_primary_normal"
            app:textToken="@string/txt_label_l" />

        <com.remax.visualnovel.widget.uitoken.view.UITokenTextView
            android:id="@+id/quantity"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="24dp"
            android:text="0℃"
            app:layout_constraintBottom_toBottomOf="@+id/quantityTitle"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="@+id/quantityTitle"
            app:textColorToken="@string/color_txt_primary_normal"
            app:textToken="@string/txt_label_l" />

        <com.remax.visualnovel.widget.uitoken.view.UITokenTextView
            android:id="@+id/relationTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="24dp"
            android:layout_marginTop="24dp"
            android:text="@string/hide_relations"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/quantityTitle"
            app:textColorToken="@string/color_txt_primary_normal"
            app:textToken="@string/txt_label_l" />

        <com.remax.visualnovel.widget.PriceView
            android:id="@+id/relationPrice"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:priceIconPadding="8dp"
            android:layout_marginEnd="24dp"
            app:layout_constraintBottom_toBottomOf="@+id/relationTitle"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="@+id/relationTitle" />

        <com.remax.visualnovel.widget.ui.buttons.ButtonView
            android:id="@+id/purchaseBtn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="24dp"
            android:layout_marginTop="40dp"
            android:layout_marginBottom="24dp"
            android:text="@string/purchase"
            app:buttonName="DefaultButton_Primary"
            app:buttonSizeType="large"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/relationTitle" />

    </com.remax.visualnovel.widget.uitoken.view.UITokenConstraintLayout>
</com.remax.visualnovel.widget.RoundFrameLayout>
