<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">


        <RelativeLayout
            android:id="@+id/lay_product"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="6"
            android:visibility="visible">

            <RelativeLayout
                android:id="@+id/lay_data"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_above="@id/tabs">

                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/rv_produk"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:background="@color/gray_dark" />

                <ProgressBar
                    android:id="@+id/pb_loading"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:indeterminate="true"
                    android:indeterminateTint="@color/green_dark"
                    android:indeterminateTintMode="src_atop"
                    android:visibility="gone" />
            </RelativeLayout>

            <FrameLayout
                android:id="@+id/lay_barcode_scanner"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_above="@id/tabs"
                android:visibility="gone"></FrameLayout>
            <!--<LinearLayout-->
            <!--android:id="@+id/ll_category"-->
            <!--android:layout_width="match_parent"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_alignParentBottom="true"-->
            <!--android:layout_gravity="bottom"-->
            <!--android:layout_marginStart="4dp"-->
            <!--android:layout_marginTop="@dimen/paddingSmall"-->
            <!--android:layout_marginEnd="4dp"-->
            <!--android:layout_marginBottom="@dimen/paddingSmall"-->
            <!--android:orientation="horizontal"-->
            <!--android:padding="@dimen/paddingXXSmall">-->

            <!--<TextView-->
            <!--android:layout_width="0dp"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_weight="1"-->
            <!--android:gravity="center"-->
            <!--android:text="SEMUA"-->
            <!--android:textAllCaps="true"-->
            <!--android:textSize="12sp"-->
            <!--android:textStyle="bold" />-->

            <!--<TextView-->
            <!--android:layout_width="0dp"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_weight="1"-->
            <!--android:gravity="center"-->
            <!--android:text="MAKANAN"-->
            <!--android:textAllCaps="true"-->
            <!--android:textSize="12sp"-->
            <!--android:textStyle="bold" />-->

            <!--<TextView-->
            <!--android:layout_width="0dp"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_weight="1"-->
            <!--android:gravity="center"-->
            <!--android:text="MAKANAN RINGAN"-->
            <!--android:textAllCaps="true"-->
            <!--android:textSize="12sp"-->
            <!--android:textStyle="bold" />-->

            <!--<TextView-->
            <!--android:layout_width="0dp"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_weight="1"-->
            <!--android:gravity="center"-->
            <!--android:text="MINUMAN"-->
            <!--android:textAllCaps="true"-->
            <!--android:textSize="12sp"-->
            <!--android:textStyle="bold" />-->

            <!--<TextView-->
            <!--android:layout_width="0dp"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_weight="1"-->
            <!--android:gravity="center"-->
            <!--android:text="COFFEE"-->
            <!--android:textAllCaps="true"-->
            <!--android:textSize="12sp"-->
            <!--android:textStyle="bold" />-->

            <!--<TextView-->
            <!--android:layout_width="0dp"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_weight="1"-->
            <!--android:gravity="center"-->
            <!--android:text="LAINNYA"-->
            <!--android:textAllCaps="true"-->
            <!--android:textSize="12sp"-->
            <!--android:textStyle="bold" />-->
            <!--</LinearLayout>-->

            <com.google.android.material.tabs.TabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                app:tabIndicatorColor="@color/green_dark"
                app:tabMode="scrollable"
                app:tabTextAppearance="@style/TabsNotCaps"></com.google.android.material.tabs.TabLayout>

        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/lay_meja"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="6"
            android:background="@color/gray_light"
            android:visibility="gone">

            <RelativeLayout
                android:id="@+id/lay_data_meja"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_above="@id/lay_bottom">

                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/rv_meja"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:background="@color/gray_dark" />

                <ProgressBar
                    android:id="@+id/pb_loading_meja"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:indeterminate="true"
                    android:indeterminateTint="@color/green_dark"
                    android:indeterminateTintMode="src_atop"
                    android:visibility="gone" />
            </RelativeLayout>

            <LinearLayout

                android:id="@+id/lay_bottom"
                android:layout_width="match_parent"
                android:layout_height="48dp"
                android:layout_alignParentBottom="true"
                android:background="@color/white"
                android:orientation="horizontal">

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:gravity="center_vertical">

                    <Spinner
                        android:id="@+id/spin_lantai"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"></Spinner>

                    <TextView
                        android:id="@+id/jumlah_meja"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="@dimen/paddingXSmall"
                        android:text="10 Meja" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:gravity="center_vertical|right">

                    <View
                        android:layout_width="@dimen/paddingMedium"
                        android:layout_height="@dimen/paddingMedium"
                        android:background="@drawable/border_gray_3" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="@dimen/paddingXSmall"
                        android:layout_marginRight="@dimen/paddingSmall"
                        android:text="@string/meja_kosong" />

                    <View
                        android:layout_width="@dimen/paddingMedium"
                        android:layout_height="@dimen/paddingMedium"
                        android:background="@color/green_dark" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="@dimen/paddingXSmall"
                        android:layout_marginRight="@dimen/paddingSmall"
                        android:text="@string/meja_terisi" />


                </LinearLayout>

            </LinearLayout>
        </RelativeLayout>
        <!--<View-->
        <!--android:layout_width="1dp"-->
        <!--android:layout_height="match_parent"-->
        <!--android:background="@color/gray_darker" />-->


        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="4">


            <com.google.android.material.tabs.TabLayout
                android:id="@+id/tab_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/gray"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                app:tabBackground="@color/gray"
                app:tabGravity="fill"
                app:tabMode="fixed"
                app:tabSelectedTextColor="@android:color/black"
                app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
                app:tabTextColor="@color/black" />

            <androidx.viewpager.widget.ViewPager
                android:id="@+id/view_pager"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_above="@id/ll_btn_bayar"
                android:layout_below="@id/tab_layout" />


            <LinearLayout
                android:id="@+id/ll_btn_bayar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_gravity="bottom"
                android:layout_marginTop="@dimen/paddingSmall">


                <ImageView
                    android:id="@+id/btn_save_selected_produk"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:background="@color/gray_light"
                    android:clickable="true"
                    android:focusable="true"
                    android:foreground="?attr/selectableItemBackground"
                    android:paddingLeft="@dimen/paddingSmall"
                    android:paddingRight="@dimen/paddingSmall"
                    android:src="@drawable/ic_save"
                    android:visibility="gone" />

                <ImageView

                    android:id="@+id/btn_delete_selected_produk"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:background="@color/gray_dark"
                    android:clickable="true"
                    android:focusable="true"
                    android:foreground="?attr/selectableItemBackground"
                    android:paddingLeft="@dimen/paddingSmall"
                    android:paddingRight="@dimen/paddingSmall"
                    android:src="@drawable/ic_delete"
                    android:visibility="gone" />

                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1">

                    <ProgressBar
                        android:id="@+id/pb_bayar"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerInParent="true"
                        android:indeterminate="true"
                        android:indeterminateTint="@color/green_dark"
                        android:indeterminateTintMode="src_atop"
                        android:visibility="gone" />


                    <Button
                        android:id="@+id/btn_bukakasir"
                        android:visibility="gone"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@color/green_dark"
                        android:text="BUKA KASIR"
                        android:textColor="@color/white"/>

                    <Button
                        android:id="@+id/btn_bayar"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@color/green_dark"
                        android:text="RP 0"
                        android:textColor="@color/white" />
                </RelativeLayout>
            </LinearLayout>
        </RelativeLayout>

    </LinearLayout>


</LinearLayout>