<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    android:clipToPadding="false"
    android:background="@color/lemenzo_black">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:paddingStart="16dp"
        android:paddingEnd="16dp"
        android:paddingBottom="20dp">

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

            <ImageView
                android:layout_width="36dp"
                android:layout_height="36dp"
                android:src="@drawable/lemenzo_calculator_logo"
                android:contentDescription="@null"
                android:importantForAccessibility="no" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_marginStart="10dp"
                android:text="@string/app_name"
                android:textColor="@color/lemenzo_text"
                android:textSize="21sp"
                android:textStyle="bold" />

            <ImageButton
                android:id="@+id/historyButton"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:padding="12dp"
                android:src="@drawable/ic_history"
                android:contentDescription="@string/open_history"
                android:background="@drawable/mode_unselected"
                android:stateListAnimator="@null" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/modeBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:paddingTop="2dp"
            android:paddingBottom="4dp">
            <Button android:id="@+id/modeBasic" style="@style/ModeButton" android:text="@string/mode_basic" />
            <Button android:id="@+id/modeScientific" style="@style/ModeButton" android:text="@string/mode_scientific" />
            <Button android:id="@+id/modeConverter" style="@style/ModeButton" android:text="@string/mode_converter" />
            <Button android:id="@+id/modeProgrammer" style="@style/ModeButton" android:text="@string/mode_programmer" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/calculatorDisplayPanel"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:minHeight="140dp"
            android:layout_marginTop="10dp"
            android:orientation="vertical"
            android:gravity="end"
            android:paddingStart="18dp"
            android:paddingEnd="18dp"
            android:paddingTop="12dp"
            android:paddingBottom="12dp"
            android:background="@drawable/panel">

            <TextView
                android:id="@+id/modeLabel"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/mode_label_basic"
                android:textColor="@color/lemenzo_blue"
                android:textSize="11sp"
                android:letterSpacing="0.08"
                android:textStyle="bold" />

            <EditText
                android:id="@+id/expression"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:gravity="end|bottom"
                android:maxLines="3"
                android:minHeight="48dp"
                android:inputType="textNoSuggestions"
                android:background="@android:color/transparent"
                android:padding="0dp"
                android:hint="@string/expression_hint"
                android:contentDescription="@string/expression_description"
                android:textColor="@color/lemenzo_silver"
                android:textColorHint="@color/lemenzo_muted"
                android:textSize="19sp" />

            <TextView
                android:id="@+id/result"
                android:accessibilityLiveRegion="polite"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="end"
                android:ellipsize="start"
                android:maxLines="1"
                android:text="0"
                android:contentDescription="@string/result_description"
                android:textColor="@color/lemenzo_text"
                android:textSize="36sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/programmerBases"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="end"
                android:visibility="gone"
                android:maxLines="6"
                android:fontFamily="monospace"
                android:textColor="@color/lemenzo_muted"
                android:textSize="13sp"
                android:lineSpacingExtra="2dp"
                android:paddingTop="8dp" />
        </LinearLayout>

        <GridLayout
            android:id="@+id/keypad"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:columnCount="4"
            android:layout_marginTop="10dp" />

        <LinearLayout
            android:id="@+id/converterPanel"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:visibility="gone"
            android:padding="18dp"
            android:layout_marginTop="10dp"
            android:background="@drawable/panel">

            <TextView android:id="@+id/categoryLabel" android:layout_width="match_parent" android:layout_height="wrap_content" android:labelFor="@id/conversionCategory" android:text="@string/category" android:textColor="@color/lemenzo_muted" android:textSize="12sp" android:layout_marginBottom="5dp" />
            <Spinner android:id="@+id/conversionCategory" android:layout_width="match_parent" android:layout_height="52dp" android:background="@drawable/spinner_background" />

            <EditText
                android:id="@+id/conversionInput"
                android:layout_width="match_parent"
                android:layout_height="58dp"
                android:layout_marginTop="12dp"
                android:paddingStart="14dp"
                android:paddingEnd="14dp"
                android:inputType="numberDecimal|numberSigned"
                android:hint="@string/conversion_value"
                android:contentDescription="@string/conversion_value_description"
                android:textColor="@color/lemenzo_text"
                android:textColorHint="@color/lemenzo_muted"
                android:background="@drawable/spinner_background" />

            <TextView android:id="@+id/fromUnitLabel" android:layout_width="match_parent" android:layout_height="wrap_content" android:labelFor="@id/fromUnit" android:text="@string/from_unit" android:textColor="@color/lemenzo_muted" android:textSize="12sp" android:layout_marginTop="12dp" android:layout_marginBottom="5dp" />
            <Spinner android:id="@+id/fromUnit" android:layout_width="match_parent" android:layout_height="52dp" android:background="@drawable/spinner_background" />

            <Button
                android:id="@+id/swapUnits"
                android:layout_width="match_parent"
                android:layout_height="48dp"
                android:layout_marginTop="10dp"
                android:layout_marginBottom="10dp"
                android:text="@string/swap_units"
                android:textAllCaps="false"
                android:contentDescription="@string/swap_units_description"
                android:textColor="@color/lemenzo_text"
                android:background="@drawable/mode_unselected"
                android:stateListAnimator="@null" />

            <TextView android:id="@+id/toUnitLabel" android:layout_width="match_parent" android:layout_height="wrap_content" android:labelFor="@id/toUnit" android:text="@string/to_unit" android:textColor="@color/lemenzo_muted" android:textSize="12sp" android:layout_marginBottom="5dp" />
            <Spinner android:id="@+id/toUnit" android:layout_width="match_parent" android:layout_height="52dp" android:background="@drawable/spinner_background" />

            <TextView
                android:id="@+id/conversionResult"
                android:accessibilityLiveRegion="polite"
                android:layout_width="match_parent"
                android:layout_height="76dp"
                android:gravity="center_vertical|end"
                android:text="0"
                android:contentDescription="@string/conversion_result_description"
                android:textColor="@color/lemenzo_text"
                android:textSize="30sp"
                android:textStyle="bold" />
        </LinearLayout>
    </LinearLayout>
</ScrollView>
