<?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="56dp"
    android:orientation="horizontal"
    android:background="@color/white"
    android:elevation="8dp"
    android:gravity="center_vertical">


    <RelativeLayout
        android:id="@+id/nav_home"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="?attr/selectableItemBackground"
        android:clickable="true"
        android:focusable="true"
        android:gravity="center">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:gravity="center">

            <ImageView
                android:id="@+id/nav_home_icon"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:src="@drawable/home_icon"
                app:tint="#80000000" />

            <TextView
                android:id="@+id/nav_home_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="4dp"
                android:text="@string/tab_home"
                android:textSize="12sp"
                android:textColor="#80000000" />
            
            <!-- 閫変腑鎸囩ず锟?-->
            <View
                android:id="@+id/nav_home_indicator"
                android:layout_width="6dp"
                android:layout_height="6dp"
                android:layout_marginTop="2dp"
                android:background="@drawable/nav_indicator"
                android:visibility="gone" />
        </LinearLayout>
    </RelativeLayout>

    <!-- Category 瀵艰埅锟?-->
    <RelativeLayout
        android:id="@+id/nav_category"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="?attr/selectableItemBackground"
        android:clickable="true"
        android:focusable="true"
        android:gravity="center">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:gravity="center">

            <ImageView
                android:id="@+id/nav_category_icon"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:src="@drawable/category_icon"
                app:tint="#80000000" />

            <TextView
                android:id="@+id/nav_category_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="4dp"
                android:text="@string/categories"
                android:textSize="12sp"
                android:textColor="#80000000" />
            
            <!-- 閫変腑鎸囩ず锟?-->
            <View
                android:id="@+id/nav_category_indicator"
                android:layout_width="6dp"
                android:layout_height="6dp"
                android:layout_marginTop="2dp"
                android:background="@drawable/nav_indicator"
                android:visibility="gone" />
        </LinearLayout>
    </RelativeLayout>

    <!-- Settings 瀵艰埅锟?-->
    <RelativeLayout
        android:id="@+id/nav_settings"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="?attr/selectableItemBackground"
        android:clickable="true"
        android:focusable="true"
        android:gravity="center">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:gravity="center">

            <ImageView
                android:id="@+id/nav_settings_icon"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:src="@drawable/settings_icon"
                app:tint="#80000000" />

            <TextView
                android:id="@+id/nav_settings_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="4dp"
                android:text="@string/settings"
                android:textSize="12sp"
                android:textColor="#80000000" />
            
            <!-- 閫変腑鎸囩ず锟?-->
            <View
                android:id="@+id/nav_settings_indicator"
                android:layout_width="6dp"
                android:layout_height="6dp"
                android:layout_marginTop="2dp"
                android:background="@drawable/nav_indicator"
                android:visibility="gone" />
        </LinearLayout>
    </RelativeLayout>

</LinearLayout>
