<?xml version="1.0" encoding="utf-8"?>
<!--
  ~ Copyright (C) 2018 The Android Open Source Project
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License
  -->

<com.google.android.setupdesign.GlifLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    style="?attr/face_layout_theme"
    android:id="@+id/setup_wizard_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:sucHeaderText="@string/security_settings_face_enroll_education_title">

    <LinearLayout
        style="@style/SudContentFrame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipChildren="false"
        android:clipToPadding="false"
        android:orientation="vertical">

        <Space android:layout_width="match_parent"
               android:layout_height="0dp"
               android:layout_weight="1"/>

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/face_enroll_education_lottie_frame_margin_top">

            <com.google.android.setupdesign.view.IllustrationVideoView
                android:id="@+id/illustration_default"
                style="@style/SudContentIllustration"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:sudVideo="@raw/face_education"/>

            <!-- Animation res MUST be set in code, gated by config_face_education_use_lottie. -->
            <com.airbnb.lottie.LottieAnimationView
                android:id="@+id/illustration_lottie"
                android:layout_width="match_parent"
                android:layout_height="@dimen/illustration_lottie_height"
                android:layout_marginTop="@dimen/lottie_animation_view_margin_top"
                android:scaleType="centerInside"
                android:visibility="gone"
                app:lottie_autoPlay="true"
                app:lottie_loop="true"
                app:lottie_speed="1.5" />

            <ImageView
                android:id="@+id/illustration_accessibility"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:visibility="invisible"
                android:layout_marginTop="@dimen/illustration_accessibility_margin_top"
                android:src="@drawable/face_enroll_icon_large"/>

        </FrameLayout>

        <Space android:layout_width="match_parent"
               android:layout_height="0dp"
               android:layout_weight="1"/>

        <!-- Contains the buttons and extra information text at the bottom -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_gravity="center_horizontal|bottom">

            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <Button
                    android:id="@+id/accessibility_button"
                    style="@style/SudGlifButton.Secondary"
                    android:layout_gravity="center"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/limited_vision_button_margin_top"
                    android:layout_marginBottom="@dimen/limited_vision_button_margin_bottom"
                    android:text="@string/security_settings_face_enroll_introduction_accessibility"/>

                <com.android.settings.biometrics.face.FaceEnrollAccessibilityToggle
                    android:id="@+id/toggle_diversity"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/limited_vision_button_toggle_margin_top"
                    android:visibility="gone"
                    app:messageText="@string/security_settings_face_enroll_introduction_accessibility"/>

            </FrameLayout>

        </LinearLayout>

    </LinearLayout>

</com.google.android.setupdesign.GlifLayout>
