<?xml version="1.0" encoding="utf-8"?>
<android.support.wearable.view.drawer.WearableDrawerLayout
        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/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:keepScreenOn="true"
        android:saveEnabled="true"
        tools:context=".ui.MouseActivity"
        tools:deviceIds="wear">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/content_frame"
        android:clickable="true">

        <android.support.constraint.Guideline
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/left_guideline"
            app:layout_constraintGuide_percent=".20"
            android:orientation="vertical"/>

        <android.support.constraint.Guideline
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/top_guideline"
            app:layout_constraintGuide_percent=".20"
            android:orientation="horizontal"/>

        <android.support.constraint.Guideline
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/right_guideline"
            app:layout_constraintGuide_percent=".67"
            android:orientation="vertical"/>

        <android.support.constraint.Guideline
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/bottom_guideline"
            app:layout_constraintGuide_percent=".80"
            android:orientation="horizontal"/>

        <Button
            android:id="@+id/left_button"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:backgroundTint="@color/grey"
            android:text="L"
            android:textColor="@color/dark_grey"
            android:textSize="48sp"
            app:layout_constraintBottom_toTopOf="@+id/bottom_guideline"
            app:layout_constraintLeft_toRightOf="@+id/left_guideline"
            app:layout_constraintRight_toLeftOf="@+id/right_guideline"
            app:layout_constraintTop_toBottomOf="@+id/top_guideline"/>

        <Button
            android:id="@+id/right_button"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:backgroundTint="@color/grey"
            android:text="R"
            android:textColor="@color/dark_grey"
            android:textSize="48sp"
            app:layout_constraintBottom_toTopOf="@+id/bottom_guideline"
            app:layout_constraintLeft_toLeftOf="@+id/right_guideline"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/top_guideline"/>

        <ImageView
            android:id="@+id/pointer_direction"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:src="@drawable/pointer_arrow"
            android:contentDescription="@string/pointer_direction_indicator"
            app:layout_constraintLeft_toRightOf="parent"
            app:layout_constraintRight_toLeftOf="parent"
            app:layout_constraintBottom_toTopOf="@+id/top_guideline"
            app:layout_constraintTop_toTopOf="parent"/>

        <TextView
            android:id="@+id/mouse_hint"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:elevation="10dp"
            android:gravity="center"
            android:text="@string/tap_to_click"
            app:layout_constraintBottom_toTopOf="@+id/bottom_guideline"
            app:layout_constraintLeft_toRightOf="parent"
            app:layout_constraintRight_toLeftOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/top_guideline"/>

    </android.support.constraint.ConstraintLayout>

    <android.support.wearable.view.drawer.WearableNavigationDrawer
            android:id="@+id/top_navigation_drawer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/dark_grey"
            app:navigation_style="single_page"/>

    <android.support.wearable.view.drawer.WearableActionDrawer
        android:id="@+id/bottom_action_drawer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/grey">

    </android.support.wearable.view.drawer.WearableActionDrawer>

</android.support.wearable.view.drawer.WearableDrawerLayout>