<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/wattle_sys_background"
        android:paddingTop="16dp"
        android:paddingBottom="16dp">

        <LinearLayout
            android:id="@+id/title_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center_vertical"
            android:layout_alignParentTop="true">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="16dp"
                android:src="@drawable/logo"/>

            <TextView
                android:id="@+id/titleText"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/app_name"
                style="@style/Theme.ExampleApp.Title" />

        </LinearLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/function_buttons"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/title_layout" >

            <Button
                android:id="@+id/createTerminalButton"
                android:layout_width="wrap_content"
                android:layout_height="42dp"
                android:text="Create Terminal"
                style="@style/Theme.ExampleApp.Button.Positive"
                app:backgroundTint="@null" />

            <Button
                android:id="@+id/activateButton"
                android:layout_width="wrap_content"
                android:layout_height="42dp"
                android:text="Activate Session"
                style="@style/Theme.ExampleApp.Button.Positive"
                app:backgroundTint="@null" />

            <Button
                android:id="@+id/purchaseTransactionButton"
                android:layout_width="wrap_content"
                android:layout_height="42dp"
                android:text="Purchase"
                style="@style/Theme.ExampleApp.Button.Positive"
                app:backgroundTint="@null" />

            <Button
                android:id="@+id/purchaseTransactionWithPinButton"
                android:layout_width="wrap_content"
                android:layout_height="42dp"
                android:text="Purchase w/pin"
                style="@style/Theme.ExampleApp.Button.Positive"
                app:backgroundTint="@null" />

            <Button
                android:id="@+id/refundTransactionButton"
                android:layout_width="wrap_content"
                android:layout_height="42dp"
                android:text="Refund"
                style="@style/Theme.ExampleApp.Button.Positive"
                app:backgroundTint="@null" />

            <androidx.constraintlayout.helper.widget.Flow
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                app:constraint_referenced_ids="createTerminalButton, activateButton, purchaseTransactionButton,purchaseTransactionWithPinButton,refundTransactionButton"
                app:flow_horizontalGap="12dp"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintBottom_toBottomOf="parent" />

        </androidx.constraintlayout.widget.ConstraintLayout>

        <TextView
            android:id="@+id/uiMessageText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:minHeight="48dp"
            android:visibility="gone"
            tools:text="PRESENT_CARD"
            style="@style/Theme.ExampleApp.Message"
            android:layout_below="@id/function_buttons"/>

        <TextView
            android:id="@+id/logsLabel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="12dp"
            android:text="Logs:"
            style="@style/Theme.ExampleApp.Title.Secondary"
            android:layout_below="@id/uiMessageText" />

        <ListView
            android:id="@+id/logListView"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:background="@color/wattle_sys_secondary_container"
            android:divider="@null"
            android:dividerHeight="0dp"
            android:layout_below="@id/logsLabel"
            android:layout_above="@id/negative_button_layout"/>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/negative_button_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="12dp"
            android:layout_alignWithParentIfMissing="true"
            android:layout_above="@id/session_info">

            <Button
                android:id="@+id/clearLogsButton"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Clear logs"
                style="@style/Theme.ExampleApp.Button.Neutral"
                app:backgroundTint="@null" />

            <Button
                android:id="@+id/shareLogsButton"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Share logs"
                style="@style/Theme.ExampleApp.Button.Positive"
                app:backgroundTint="@null" />

            <Button
                android:id="@+id/deactivateButton"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Deactivate session"
                style="@style/Theme.ExampleApp.Button.Negative"
                app:backgroundTint="@null" />

            <Button
                android:id="@+id/disposeTerminalButton"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Dispose terminal"
                style="@style/Theme.ExampleApp.Button.Negative"
                app:backgroundTint="@null" />

            <androidx.constraintlayout.helper.widget.Flow
                android:id="@+id/lifecycle_buttons_flow"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:flow_verticalGap="12dp"
                app:constraint_referenced_ids="clearLogsButton, shareLogsButton, deactivateButton, disposeTerminalButton"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintBottom_toBottomOf="parent"/>

        </androidx.constraintlayout.widget.ConstraintLayout>

        <TextView
            android:id="@+id/session_info"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textAlignment="center"
            style="@style/Theme.ExampleApp.Text.Detail"
            android:layout_alignParentBottom="true"/>

    </RelativeLayout>

    <com.mypinpad.android.hapticslibrary.SchemeHapticsAnimationView
        android:id="@+id/transactionProcessedView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/scheme_haptics_background"
        android:visibility="invisible"
        app:autoPlay="false" />
</FrameLayout>
