<?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:orientation="vertical"
    android:background="@color/sl_color_background">

    <ScrollView android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:fillViewport="true">
        <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingTop="28dp" android:paddingBottom="32dp">
            <com.secureline.ui.SecureLineHeroView
                android:id="@+id/license_hero"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:slHeroTitle="@string/license_information"
                app:slHeroSubtitle="@string/license_hero_description"
                app:slHeroIcon="@drawable/ic_license_information" />

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

                    <com.secureline.ui.SecureLineDashboardTile
                        android:id="@+id/license_status"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:layout_marginEnd="6dp"
                        app:slTileLabel="@string/license_status" />

                    <com.secureline.ui.SecureLineDashboardTile
                        android:id="@+id/license_days_left"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:layout_marginStart="6dp"
                        app:slTileLabel="@string/days_remaining" />
                </LinearLayout>

                <com.secureline.ui.SecureLineDashboardTile
                    android:id="@+id/license_plan"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="12dp"
                    app:slTileLabel="@string/license_plan" />

                <com.secureline.ui.SecureLineSectionHeader android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="26dp" android:text="@string/license_overview_title" />
                <com.secureline.ui.SecureLineInfoCard android:layout_width="match_parent" android:layout_height="wrap_content">
                    <TextView android:layout_width="match_parent" android:layout_height="wrap_content" style="@style/SecureLineUI.Text.Body" android:text="@string/license_overview_text" />
                </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/how_it_works" />

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

                    <com.secureline.ui.SecureLineTimelineView
                        android:id="@+id/license_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/recommendation" />
                <com.secureline.ui.SecureLineInfoCard android:layout_width="match_parent" android:layout_height="wrap_content">
                    <TextView android:layout_width="match_parent" android:layout_height="wrap_content" style="@style/SecureLineUI.Text.Body" android:text="@string/license_recommendation" />
                </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:layout_width="match_parent"
                    android:layout_height="wrap_content">
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        style="@style/SecureLineUI.Text.Body"
                        android:text="@string/license_important" />
                </com.secureline.ui.SecureLineDangerCard>

                <Button android:id="@+id/renew_license_button" android:layout_width="match_parent" android:layout_height="56dp" android:layout_marginTop="16dp" style="@style/SecureLineUI.Button.Primary" android:text="@string/renew_license" />
            </LinearLayout>
        </LinearLayout>
    </ScrollView>
</LinearLayout>
