<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
<link rel="import" href="chrome://resources/cr_elements/cr_icon_button/cr_icon_button.html">
<link rel="import" href="chrome://resources/cr_elements/cr_link_row/cr_link_row.html">
<link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_indicator.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="../../i18n_setup.html">
<link rel="import" href="../../prefs/prefs_behavior.html">
<link rel="import" href="../deep_linking_behavior.html">
<link rel="import" href="../os_route.html">
<link rel="import" href="../../router.html">
<link rel="import" href="../../settings_page/settings_animated_pages.html">
<link rel="import" href="../../settings_page/settings_subpage.html">
<link rel="import" href="../../settings_shared_css.html">
<link rel="import" href="../../settings_shared_css.html">
<link rel="import" href="../guest_os/guest_os_shared_usb_devices.html">
<link rel="import" href="../guest_os/guest_os_shared_paths.html">
<link rel="import" href="../localized_link/localized_link.html">
<link rel="import" href="android_apps_browser_proxy.html">
<link rel="import" href="android_apps_subpage.html">
<link rel="import" href="app_management_page/app_management_page.html">
<link rel="import" href="app_management_page/app_detail_view.html">
<link rel="import" href="app_management_page/uninstall_button.html">
<link rel="import" href="app_management_page/store_client.html">
<link rel="import" href="app_management_page/util.html">
<link rel="import" href="app_management_page/constants.html">

<dom-module id="os-settings-apps-page">
  <template>
  <style include="settings-shared">
    #appManagement {
        border-bottom: var(--cr-separator-line);
    }
  </style>

  <settings-animated-pages id="pages" section="apps"
      focus-config="[[focusConfig_]]">
    <div route-path="default">
      <cr-link-row id="appManagement"
        label="$i18n{appManagementTitle}"
        on-click="onClickAppManagement_"
        role-description="$i18n{subpageArrowRoleDescription}">
      </cr-link-row>
      <template is="dom-if" if="[[showAndroidApps]]">
        <template is="dom-if" if="[[havePlayStoreApp]]" restamp>
          <div id="android-apps" class="settings-box first"
              actionable$="[[androidAppsInfo.playStoreEnabled]]"
              on-click="onAndroidAppsSubpageTap_">
            <div class="start settings-box-text">
              $i18n{androidAppsPageLabel}
              <div class="secondary" id="secondaryText">
                <settings-localized-link
                    localized-string="[[i18nAdvanced('androidAppsSubtext')]]">
                </settings-localized-link>
              </div>
            </div>
            <cr-policy-pref-indicator pref="[[prefs.arc.enabled]]"
                icon-aria-label="$i18n{androidAppsPageTitle}">
            </cr-policy-pref-indicator>
            <template is="dom-if" if="[[androidAppsInfo.playStoreEnabled]]">
              <cr-icon-button class="subpage-arrow"
                  aria-label="$i18n{androidAppsPageTitle}"
                  aria-describedby="secondaryText"
                  aria-roledescription="$i18n{subpageArrowRoleDescription}">
              </cr-icon-button>
            </template>
            <template is="dom-if" if="[[!androidAppsInfo.playStoreEnabled]]">
              <div class="separator"></div>
              <cr-button id="enable"
                  disabled="[[isEnforced_(prefs.arc.enabled)]]"
                  on-click="onEnableAndroidAppsTap_"
                  aria-label="$i18n{androidAppsPageTitle}"
                  aria-describedby="secondaryText"
                  deep-link-focus-id$="[[Setting.kTurnOnPlayStore]]">
                $i18n{androidAppsEnable}
              </cr-button>
            </template>
          </div>
        </template>
        <template is="dom-if" if="[[!havePlayStoreApp]]" restamp>
          <cr-link-row id="manageApps" label="$i18n{androidAppsManageApps}"
              on-click="onManageAndroidAppsTap_" external
              deep-link-focus-id$="[[Setting.kManageAndroidPreferences]]">
          </cr-link-row>
        </template>
      </template>
      <template is="dom-if" if="[[showStartup]]">
        <cr-link-row id="onStartup"
            label="$i18n{onStartupPageTitle}"
            sub-label="[[getAssistantEnabledDisabledLabel_(
                    prefs.settings.voice_interaction.enabled.value)]]"
            on-click="onStartupClick_"
            role-description="$i18n{subpageArrowRoleDescription}">
        </cr-link-row>
      </template>
    </div>

    <!-- APP MANAGEMENT -->
    <template is="dom-if" route-path="/app-management" no-search>
      <settings-subpage
          page-title="$i18n{appManagementTitle}"
          search-label="$i18n{appManagementSearchPrompt}"
          search-term="{{searchTerm}}">
        <settings-app-management-page search-term="[[searchTerm]]">
        </settings-app-management-page>
      </settings-subpage>
    </template>

    <template is="dom-if" route-path="/app-management/detail" no-search>
      <settings-subpage
          page-title="[[app_.title]]"
          title-icon="[[iconUrlFromId_(app_)]]">
        <app-management-uninstall-button slot="subpage-title-extra">
        </app-management-uninstall-button>
        <app-management-app-detail-view>
        </app-management-app-detail-view>
      </settings-subpage>
    </template>

    <!-- ANDROID APPS -->
    <template is="dom-if" if="[[showAndroidApps]]" restamp>
      <template is="dom-if" route-path="/androidAppsDetails">
        <settings-subpage
            associated-control="[[$$('#android-apps')]]"
            page-title="$i18n{androidAppsPageLabel}">
          <settings-android-apps-subpage
              android-apps-info="[[androidAppsInfo]]" prefs="{{prefs}}">
          </settings-android-apps-subpage>
        </settings-subpage>
      </template>
    </template>

    <!-- Plugin VM -->
    <template is="dom-if" if="[[showPluginVm]]" restamp>
      <template is="dom-if" route-path="/app-management/pluginVm/sharedPaths">
        <settings-subpage page-title="$i18n{guestOsSharedPaths}">
          <settings-guest-os-shared-paths
              guest-os-type="pluginVm" prefs="{{prefs}}">
          </settings-guest-os-shared-paths>
        </settings-subpage>
      </template>
      <template is="dom-if"
          route-path="/app-management/pluginVm/sharedUsbDevices">
        <settings-subpage page-title="$i18n{guestOsSharedUsbDevicesLabel}">
          <settings-guest-os-shared-usb-devices guest-os-type="pluginVm">
          </settings-guest-os-shared-usb-devices>
        </settings-subpage>
      </template>
    </template>

    <!-- On Startup -->
    <template is="dom-if" if="[[showStartup]]" restamp>
      <template is="dom-if" route-path="/onstartup">
        <settings-subpage page-title="$i18n{onStartupPageTitle}">
          <settings-on-startup-page prefs="{{prefs}}">
          </settings-on-startup-page>
        </settings-subpage>
      </template>
    </template>
  </settings-animated-pages>
  </template>
  <script src="os_apps_page.js"></script>
</dom-module>