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

    <LinearLayout
            android:id="@+id/header_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
        android:background="@drawable/shop_category_header_background"
            android:layout_marginBottom="@dimen/spacing_large">
        <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingHorizontal="12dp"
                android:paddingVertical="6dp"
                android:gravity="center_vertical">
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                android:src="@drawable/shop_header_sparkle" />
        <TextView
                android:id="@+id/label"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                style="@style/SectionTitleText"
                tools:text="BACKGROUNDS"
                android:gravity="center"
                android:textColor="@color/white" />
        <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/shop_header_sparkle" />
        </LinearLayout>
        <View
                android:id="@+id/divider"
                android:layout_width="wrap_content"
                android:layout_height="3dp"
                android:visibility="gone"
            android:background="#EA8C31" />

        <TextView
                android:id="@+id/switches_in_label"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/white"
                android:background="@drawable/shop_header_time_background"
                android:layout_marginHorizontal="3dp"
                android:layout_marginBottom="3dp"
                android:paddingVertical="4dp"
                android:gravity="center"
                android:layout_gravity="center_vertical"
            style="@style/SectionTitleText"
                tools:text="Switches in X"
                android:visibility="gone"
                tools:visibility="visible" />

    <FrameLayout
            android:id="@+id/class_selection_button"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:layout_marginBottom="3dp"
            android:layout_marginHorizontal="3dp"
            android:paddingStart="12dp"
            android:paddingEnd="3dp"
            android:paddingVertical="3dp">
        <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
            android:gravity="center_vertical">
            <TextView
                    android:id="@+id/class_name_label"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                style="@style/SectionTitleText"
                />
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:src="@drawable/ic_arrow_drop_down_10dp" />
        </LinearLayout>
        <Spinner
                android:id="@+id/class_selection_spinner"
                android:layout_width="wrap_content"
                android:layout_height="10dp"
                android:visibility="invisible" />
    </FrameLayout>
    </LinearLayout>

    <TextView
            android:id="@+id/headerNotesView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:textSize="12sp"
            android:textColor="@color/text_quad"
            tools:text="@string/class_gear_disclaimer" />

    <LinearLayout
            android:id="@+id/change_class_button"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="@drawable/layout_rounded_bg_window"
            android:layout_marginVertical="@dimen/spacing_medium"
            android:visibility="gone"
            android:baselineAligned="false"
            android:clipToOutline="true">

        <LinearLayout
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginStart="13dp"
                android:layout_marginVertical="8dp"
                android:layout_gravity="center">

            <TextView
                    android:id="@+id/change_class_label"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    tools:text="Change class to Warrior"
                    android:textColor="?textColorPrimary"
                    style="@style/Body1"
                    android:layout_marginBottom="1dp" />

            <TextView
                    android:id="@+id/change_class_description"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    tools:text="@string/unlock_gear_and_skills"
                    android:textColor="?textColorSecondary"
                    style="@style/Body2" />
        </LinearLayout>

        <FrameLayout
                android:layout_width="59dp"
                android:layout_height="73dp"
                android:background="@color/offset_background_30">

            <com.habitrpg.android.habitica.ui.views.CurrencyView
                    android:id="@+id/change_class_currency_view"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    style="@style/Body1"
                    app:currency="gems" />
        </FrameLayout>
    </LinearLayout>
</LinearLayout>
