<!doctype html>
<html>
<head>
<title i18n-content="appWindow"></title>
<link rel="stylesheet" href="bubble.css">
<link rel="stylesheet" href="bubble_button.css">
<link rel="stylesheet" href="chrome://resources/css/overlay.css">
<link rel="stylesheet" href="controlled_indicator.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="progressbar.css">
<!-- TODO(crbug.com/1248474) - Remove during clean up -->
<link rel="stylesheet" href="layout_style.css">
<script src="chrome://resources/js/load_time_data_deprecated.js"></script>
<script src="chrome://resources/js/util_deprecated.js"></script>
<script src="i18n_template_no_process.js"></script>
<script src="chrome://resources/ash/common/cr.js"></script>
<script src="event_tracker.js"></script>
<script src="ui.js"></script>
<script src="bubble.js"></script>
<script src="bubble_button.js"></script>
<script src="overlay.js"></script>
<script src="focus_manager.js"></script>
<script type="module" src="main.js"></script>
<script src="arc_optin_focus_manager.js"></script>
<script src="controlled_indicator.js"></script>
<script src="progressbar.js"></script>
</head>
<body>
<custom-style>
<style include="cr-hidden-style"></style>
</custom-style>
<div id="terms" class="section">
<div class="header">
<img class="icon-header" src="icon/playstore.svg" aria-hidden="true">
</div>
<div class="scrollable" id="terms-of-service-loading">
<div class="content">
<p class="title" id="greetingTitle" i18n-content="greetingHeader"
aria-hidden="true" role="heading" aria-level="1"></p>
<p class="subtitle" i18n-content="progressTermsLoading"
aria-live="polite"></p>
<div class="progress-container">
<div class="progress-primary"></div>
<div class="progress-secondary"></div>
</div>
</div>
</div>
<div class="scrollable" id="terms-of-service-content" hidden>
<div class="content section-flex">
<p class="title" id="greetingTitle" i18n-content="greetingHeader"
aria-live="polite" role="heading" aria-level="1"></p>
<p class="subtitle" i18n-content="greetingDescription">
</p>
<div class ="section-flex" id="service-container">
<div class="section-terms" id="terms-container">
<webview id="terms-view"></webview>
</div>
<div>
<label class="layout horizontal section-checkbox-container">
<a class="checkbox-text" id="privacy-policy-link"
href="#" i18n-content="privacyPolicyLink"></a>
</label>
</div>
<div id="metrics-preference">
<label class="layout horizontal section-checkbox-container">
<cr-checkbox class="checkbox-option">
<p class="checkbox-text"></p>
</cr-checkbox>
<p class="content-text"></p>
</label>
</div>
<div id="backup-restore-preference">
<label class="layout horizontal section-checkbox-container">
<cr-checkbox class="checkbox-option"
i18n-values="aria-label-override:textBackupRestoreLabel">
<p class="checkbox-text"
i18n-values=".innerHTML:textBackupRestore"></p>
</cr-checkbox>
</label>
</div>
<div id="location-service-preference">
<label class="layout horizontal section-checkbox-container">
<cr-checkbox class="checkbox-option">
<p class="checkbox-text"
i18n-values=".innerHTML:textLocationService"></p>
</cr-checkbox>
</label>
</div>
<div id="pai-service-description">
<label class="layout horizontal section-checkbox-container">
<p class="content-text"
i18n-values=".innerHTML:textPaiService"></p>
</label>
</div>
<div id="google-service-confirmation">
<label class="layout horizontal section-checkbox-container">
<p class="content-text"
i18n-values=".innerHTML:textGoogleServiceConfirmation">
</p>
</label>
</div>
</div>
</div>
<div class="layout horizontal center end-justified section-buttons section-buttons-box-shadow">
<div class="flex"></div>
<cr-button id="button-cancel">
<div class="container flex" i18n-content="buttonCancel"></div>
</cr-button>
<cr-button class="action-button" id="button-next">
<div class="container flex" i18n-content="buttonNext"></div>
</cr-button>
<cr-button class="action-button" id="button-agree">
<div class="container flex" i18n-content="buttonAgree"></div>
</cr-button>
</div>
</div>
</div>
<div id="arc-loading" class="section" hidden>
<div class="header">
<img class="icon-header" src="icon/playstore.svg" aria-hidden="true">
</div>
<div class="scrollable">
<div class="content">
<p class="title" id="greetingTitle"
i18n-content="initializingHeader" role="heading" aria-level="1"></p>
<p class="subtitle" i18n-content="progressAndroidLoading"
aria-live="polite">
</p>
<div class="progress-container">
<div class="progress-primary"></div>
<div class="progress-secondary"></div>
</div>
</div>
</div>
</div>
<div id="error" class="section" hidden>
<div class="header">
<img class="icon-header" src="icon/playstore.svg" aria-hidden="true">
</div>
<div class="scrollable">
<div class="content section-flex">
<p class="title" i18n-content="greetingHeader" role="heading"
aria-level="1"></p>
<p class="subtitle" id="error-message" aria-live="polite"></p>
<img class="error-image" src="images/error_image.png"
aria-hidden="true">
</div>
<div class="layout horizontal center end-justified section-buttons">
<cr-button id="button-send-feedback">
<div class="container flex" i18n-content="buttonSendFeedback"></div>
</cr-button>
<div id="div-error-separating-buttons" class="flex"></div>
<cr-button id="button-run-network-tests">
<div class="container flex" i18n-content="buttonRunNetworkTests">
</div>
</cr-button>
<cr-button class="action-button" id="button-retry">
<div class="container flex" i18n-content="buttonRetry"></div>
</cr-button>
</div>
</div>
</div>
<div id="overlay-container" class="overlay" hidden>
<div class="page" id="overlay-page">
<div id="close-button" class="close-button"></div>
<div class="content-area">
<span id="overlay-text-content"></span>
<div id="overlay-url-container">
<webview id="overlay-url"></webview>
<div id="overlay-url-loading">
<p i18n-content="overlayLoading"></p>
</div>
</div>
</div>
<div class="action-area">
<div class="action-area-right">
<div class="button-strip">
<cr-button class="action-button" id="overlay-close">
<div class="container flex" i18n-content="overlayClose"></div>
</cr-button>
</div>
</div>
</div>
</div>
<a href="#" class="invisible-link"></a>
</div>
</body>
</html>