<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/sl_color_background"
    android:clipToPadding="false"
    android:fillViewport="true"
    android:fitsSystemWindows="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:paddingStart="20dp"
        android:paddingTop="32dp"
        android:paddingEnd="20dp"
        android:paddingBottom="28dp">

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

            <ImageView
                android:layout_width="58dp"
                android:layout_height="58dp"
                android:contentDescription="@string/app_name"
                android:scaleType="centerInside"
                android:src="@drawable/support_logo" />

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="14dp"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    style="@style/SecureLineUI.Text.TitleLarge"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/support_app_title"
                    android:textSize="28sp" />

                <TextView
                    style="@style/SecureLineUI.Text.BodySmall"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="2dp"
                    android:text="@string/support_status"
                    android:textColor="@color/sl_color_blue_soft" />
            </LinearLayout>
        </LinearLayout>

        <TextView
            style="@style/SecureLineUI.Text.Body"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="14dp"
            android:gravity="center"
            android:text="@string/support_description"
            android:textAlignment="center"
            android:textColor="@color/sl_color_text_secondary" />

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:background="@drawable/sl_card_background"
            android:orientation="vertical"
            android:padding="20dp">

            <TextView
                style="@style/SecureLineUI.Text.BodySmall"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/support_dashboard_desc"
                android:textColor="@color/sl_color_text_secondary" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="16dp"
                android:background="@drawable/sl_dashboard_tile_background"
                android:orientation="vertical"
                android:padding="16dp">

                <TextView
                    style="@style/SecureLineUI.Text.Label"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/support_id" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="7dp"
                    android:gravity="center_vertical"
                    android:orientation="horizontal">

                    <TextView
                        android:id="@+id/support_id"
                        style="@style/SecureLineUI.Text.Heading"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1" />

                    <ImageView
                        android:id="@+id/copy_support_id"
                        android:layout_width="36dp"
                        android:layout_height="36dp"
                        android:background="?android:attr/selectableItemBackgroundBorderless"
                        android:clickable="true"
                        android:contentDescription="@string/support_id"
                        android:focusable="true"
                        android:padding="7dp"
                        android:src="@drawable/sl_ic_copy" />
                </LinearLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:orientation="horizontal">

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/sl_dashboard_tile_background"
                    android:orientation="vertical"
                    android:padding="16dp">

                    <TextView
                        style="@style/SecureLineUI.Text.Label"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/license_status" />

                    <TextView
                        android:id="@+id/license_status"
                        style="@style/SecureLineUI.Text.Heading"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="7dp" />
                </LinearLayout>

                <Space
                    android:layout_width="12dp"
                    android:layout_height="1dp" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/sl_dashboard_tile_background"
                    android:orientation="vertical"
                    android:padding="16dp">

                    <TextView
                        style="@style/SecureLineUI.Text.Label"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/days_left" />

                    <TextView
                        android:id="@+id/license_days_left"
                        style="@style/SecureLineUI.Text.Heading"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="7dp" />
                </LinearLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:background="@drawable/sl_dashboard_tile_background"
                android:orientation="vertical"
                android:padding="16dp">

                <TextView
                    style="@style/SecureLineUI.Text.Label"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/license_plan" />

                <TextView
                    android:id="@+id/license_plan"
                    style="@style/SecureLineUI.Text.Heading"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="7dp" />
            </LinearLayout>
        </LinearLayout>

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:background="@drawable/sl_card_background"
            android:orientation="vertical"
            android:padding="20dp">

            <TextView
                style="@style/SecureLineUI.Text.Heading"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/license_recovery" />

            <TextView
                style="@style/SecureLineUI.Text.BodySmall"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="8dp"
                android:text="@string/license_recovery_desc"
                android:textColor="@color/sl_color_text_secondary" />

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginTop="18dp"
                android:layout_marginBottom="18dp"
                android:background="@drawable/sl_divider" />

            <TextView
                style="@style/SecureLineUI.Text.Heading"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/device_troubleshooting" />

            <TextView
                style="@style/SecureLineUI.Text.BodySmall"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="8dp"
                android:text="@string/device_troubleshooting_desc"
                android:textColor="@color/sl_color_text_secondary" />
        </LinearLayout>

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:background="@drawable/sl_card_info"
            android:orientation="vertical"
            android:padding="20dp">

            <TextView
                style="@style/SecureLineUI.Text.Heading"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/about_secureline"
                android:textColor="@color/sl_color_blue_pale" />

            <TextView
                style="@style/SecureLineUI.Text.BodySmall"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="8dp"
                android:text="@string/about_secureline_desc"
                android:textColor="@color/sl_color_text_secondary" />
        </LinearLayout>

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:background="@drawable/sl_card_background"
            android:orientation="vertical"
            android:padding="20dp">

            <TextView
                style="@style/SecureLineUI.Text.BodySmall"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/contact_secureline_support_desc"
                android:textColor="@color/sl_color_text_secondary" />

            <Button
                android:id="@+id/contact_telegram"
                style="@style/SecureLineUI.Button.Primary"
                android:layout_width="match_parent"
                android:layout_height="52dp"
                android:layout_marginTop="16dp"
                android:text="@string/contact_telegram" />

            <Button
                android:id="@+id/contact_signal"
                style="@style/SecureLineUI.Button.Secondary"
                android:layout_width="match_parent"
                android:layout_height="52dp"
                android:layout_marginTop="10dp"
                android:text="@string/contact_signal" />
        </LinearLayout>

        <TextView
            style="@style/SecureLineUI.Text.Label"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="22dp"
            android:gravity="center"
            android:text="@string/support_footer"
            android:textColor="@color/sl_color_text_muted" />
    </LinearLayout>
</ScrollView>
