<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@drawable/bg_settings_gradient"
    android:fitsSystemWindows="true"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.google.android.material.appbar.AppBarLayout
        android:background="@android:color/transparent"
        android:fitsSystemWindows="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:liftOnScroll="false">
        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:navigationIcon="@drawable/ic_arrow_back"
            app:navigationIconTint="@color/mobile_on_surface"
            app:title="@string/settings_addons"
            app:titleTextColor="@color/mobile_on_surface"/>
    </com.google.android.material.appbar.AppBarLayout>
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">
        <LinearLayout
            android:orientation="vertical"
            android:paddingBottom="@dimen/content_bottom_inset_behind_nav"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:textSize="12sp"
                android:textStyle="bold"
                android:textColor="@color/mobile_section_header"
                android:paddingTop="@dimen/spacing_md_mobile"
                android:paddingBottom="@dimen/spacing_xs_mobile"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/header_installed_addons"
                android:textAllCaps="true"
                android:letterSpacing="0.08"
                android:paddingHorizontal="@dimen/spacing_md_mobile"/>
            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/addons_recycler_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:overScrollMode="never"
                android:nestedScrollingEnabled="false"/>
            <View
                android:background="@color/mobile_outline"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginTop="@dimen/spacing_md_mobile"
                android:layout_marginBottom="@dimen/spacing_sm_mobile"/>
            <TextView
                android:textSize="12sp"
                android:textStyle="bold"
                android:textColor="@color/mobile_section_header"
                android:paddingTop="@dimen/spacing_sm_mobile"
                android:paddingBottom="@dimen/spacing_xs_mobile"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/action_install_addon"
                android:textAllCaps="true"
                android:letterSpacing="0.08"
                android:paddingHorizontal="@dimen/spacing_md_mobile"/>
            <TextView
                android:textSize="13sp"
                android:textColor="@color/mobile_on_surface_variant"
                android:paddingBottom="@dimen/spacing_sm_mobile"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/hint_paste_addon_link"
                android:paddingHorizontal="@dimen/spacing_md_mobile"/>
            <com.google.android.material.button.MaterialButton
                android:id="@+id/btn_install_addon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/action_install_from_url"
                android:layout_marginHorizontal="@dimen/spacing_md_mobile"
                app:icon="@drawable/ic_add"
                app:iconGravity="start"
                style="@style/Widget.Strmr.Button.Outlined"/>
            <LinearLayout
                android:orientation="vertical"
                android:id="@+id/popular_addons_section"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <View
                    android:background="@color/mobile_outline"
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:layout_marginTop="@dimen/spacing_md_mobile"
                    android:layout_marginBottom="@dimen/spacing_sm_mobile"/>
                <TextView
                    android:textSize="12sp"
                    android:textStyle="bold"
                    android:textColor="@color/mobile_section_header"
                    android:paddingTop="@dimen/spacing_sm_mobile"
                    android:paddingBottom="@dimen/spacing_xs_mobile"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/header_popular_addons"
                    android:textAllCaps="true"
                    android:paddingHorizontal="@dimen/spacing_md_mobile"/>
                <TextView
                    android:textSize="13sp"
                    android:textColor="@color/mobile_on_surface_variant"
                    android:paddingBottom="@dimen/spacing_sm_mobile"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/msg_tap_install_popular"
                    android:paddingHorizontal="@dimen/spacing_md_mobile"/>
                <LinearLayout
                    android:orientation="vertical"
                    android:id="@+id/popular_addons_container"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"/>
            </LinearLayout>
        </LinearLayout>
    </androidx.core.widget.NestedScrollView>
    <ProgressBar
        android:id="@+id/progress_bar"
        android:visibility="gone"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:indeterminate="true"
        app:layout_anchor="@+id/toolbar"
        app:layout_anchorGravity="bottom"
        style="?android:attr/progressBarStyleHorizontal"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>