<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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/sl_color_background"
    android:fillViewport="true"
    android:clipToPadding="false">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:paddingTop="32dp"
        android:paddingBottom="44dp">

        <com.secureline.ui.SecureLineHeroView
            android:id="@+id/details_hero"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:slHeroTitle="@string/protection_details" />

        <com.secureline.ui.SecureLineStatusBadge
            android:id="@+id/details_status_badge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="-8dp"
            android:layout_marginBottom="20dp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:paddingHorizontal="20dp">

            <com.secureline.ui.SecureLineCard
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/overview"
                        style="@style/SecureLineUI.Text.Label" />
                    <TextView
                        android:id="@+id/details_what"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="10dp"
                        style="@style/SecureLineUI.Text.Body" />
                </LinearLayout>
            </com.secureline.ui.SecureLineCard>

            <com.secureline.ui.SecureLineSectionHeader
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="26dp"
                android:text="@string/how_it_works" />

            <com.secureline.ui.SecureLineCard
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <com.secureline.ui.SecureLineTimelineView
                    android:id="@+id/details_timeline"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" />
            </com.secureline.ui.SecureLineCard>

            <com.secureline.ui.SecureLineSectionHeader
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="26dp"
                android:text="@string/current_configuration" />

            <com.secureline.ui.SecureLineCard
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <LinearLayout
                    android:id="@+id/configuration_container"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical" />
            </com.secureline.ui.SecureLineCard>

            <com.secureline.ui.SecureLineSectionHeader
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="26dp"
                android:text="@string/recommendation" />

            <com.secureline.ui.SecureLineInfoCard
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <TextView
                    android:id="@+id/details_recommendation"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    style="@style/SecureLineUI.Text.Body"
                    android:text="@string/recommendation_default" />
            </com.secureline.ui.SecureLineInfoCard>

            <com.secureline.ui.SecureLineSectionHeader
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="26dp"
                android:text="@string/important" />

            <com.secureline.ui.SecureLineDangerCard
                android:id="@+id/important_card"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <TextView
                    android:id="@+id/details_important"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    style="@style/SecureLineUI.Text.Body" />
            </com.secureline.ui.SecureLineDangerCard>

            <Button
                android:id="@+id/details_back"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="26dp"
                style="@style/SecureLineUI.Button.Secondary"
                android:text="@string/back" />
        </LinearLayout>
    </LinearLayout>
</ScrollView>
