<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="top|center_vertical"
            android:orientation="vertical">

            <TextView
                android:fontFamily="@font/stolzl_medium"
                android:textFontWeight="500"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="24dp"
                android:gravity="center"
                android:text="@string/matter_window_open_close_cluster"
                android:textSize="14sp"
                android:textStyle="bold" />

            <FrameLayout
                android:layout_marginTop="@dimen/matter_30dp"
                android:layout_width="wrap_content"
                android:layout_height="250dp"
                android:layout_gravity="center_horizontal"
                android:layout_marginBottom="@dimen/matter_30dp">

                <ImageView
                    android:id="@+id/btn_matter_window_state"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:padding="@dimen/matter_20dp"
                    android:background="@color/silabs_transparent"
                    android:scaleType="centerInside" />

                <ImageView
                    android:id="@+id/overlay_image"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:padding="@dimen/matter_20dp"
                    android:background="@color/silabs_transparent"
                    android:scaleType="centerInside" />
            </FrameLayout>


            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="@dimen/matter_10dp"
                android:layout_marginLeft="@dimen/matter_10dp"
                android:layout_gravity="center_horizontal"
                android:gravity="center"
                android:orientation="horizontal">

                <androidx.appcompat.widget.AppCompatButton
                    android:id="@+id/btn_window_open"
                    style="@style/MatterWindowCoverActionButton"
                    android:layout_width="@dimen/matter_window_cover_action_button_width"
                    android:layout_height="@dimen/matter_window_cover_action_button_height"
                    android:layout_margin="@dimen/matter_10dp"
                    android:layout_weight="1"
                    android:textSize="@dimen/text_size_SM"
                    android:text="@string/matter_window_open" />

                <androidx.appcompat.widget.AppCompatButton
                    android:id="@+id/btn_window_close"
                    style="@style/MatterWindowCoverActionButton"
                    android:layout_width="@dimen/matter_window_cover_action_button_width"
                    android:layout_height="@dimen/matter_window_cover_action_button_height"
                    android:textSize="@dimen/text_size_SM"
                    android:layout_margin="@dimen/matter_10dp"
                    android:layout_weight="1"
                    android:text="@string/matter_window_close" />
            </LinearLayout>
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="@dimen/matter_10dp"
                android:layout_marginLeft="@dimen/matter_10dp"
                android:layout_gravity="center_horizontal"
                android:gravity="center"
                android:orientation="horizontal">
                <EditText
                    android:gravity="center"
                    android:textAlignment="center"
                    android:layout_weight="1"
                    style="@style/MatterWindowCoverTextField"
                    android:id="@+id/et_lift"
                    android:hint="@string/enter_lift_value"
                    android:background="@drawable/background_grey_box"
                    android:layout_width="@dimen/matter_window_cover_text_field_width"
                    android:layout_height="@dimen/matter_window_cover_text_field_height"
                    android:textSize="@dimen/matter_10dp"
                    android:maxLength="3"
                    android:layout_margin="@dimen/matter_10dp"
                    android:inputType="number"
                    android:textColor="@color/black"/>

                <androidx.appcompat.widget.AppCompatButton
                    android:id="@+id/btn_window_lift"
                    style="@style/MatterWindowCoverActionButton"
                    android:layout_width="@dimen/matter_window_cover_action_button_width"
                    android:layout_height="@dimen/matter_window_cover_action_button_height"
                    android:textSize="@dimen/text_size_SM"
                    android:layout_margin="@dimen/matter_10dp"
                    android:fontFamily="@font/stolzl_medium"
                    android:layout_weight="1"
                    android:text="@string/lift" />
            </LinearLayout>
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:gravity="center"
                android:layout_marginRight="@dimen/matter_10dp"
                android:layout_marginLeft="@dimen/matter_10dp"
                android:orientation="horizontal">
                <EditText
                    android:gravity="center"
                    android:textAlignment="center"
                    android:layout_weight="1"
                    style="@style/MatterWindowCoverTextField"
                    android:id="@+id/et_tilt"
                    android:inputType="number"
                    android:maxLength="3"
                    android:hint="@string/enter_tilt_value"
                    android:background="@drawable/background_grey_box"
                    android:layout_width="@dimen/matter_window_cover_text_field_width"
                    android:layout_height="@dimen/matter_window_cover_text_field_height"
                    android:textSize="@dimen/matter_10dp"
                    android:layout_margin="@dimen/matter_10dp"
                    android:textColor="@color/black"/>

                <androidx.appcompat.widget.AppCompatButton
                    android:id="@+id/btn_window_tilt"
                    style="@style/MatterWindowCoverActionButton"
                    android:layout_width="@dimen/matter_window_cover_action_button_width"
                    android:layout_height="@dimen/matter_window_cover_action_button_height"
                    android:textSize="@dimen/text_size_SM"
                    android:layout_margin="@dimen/matter_10dp"
                    android:layout_weight="1"
                    android:text="@string/tilt" />
            </LinearLayout>
        </LinearLayout>

    </RelativeLayout>

