<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/av-icons.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/communication-icons.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/social-icons.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-icon-item.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item-body.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
<link rel="import" href="chrome://md-settings/prefs/prefs_types.html">
<link rel="import" href="chrome://md-settings/settings_page/settings_animated_pages.html">
<link rel="import" href="chrome://md-settings/settings_page/settings_subheader.html">
<link rel="import" href="chrome://md-settings/site_settings/constants.html">
<link rel="import" href="chrome://md-settings/site_settings/site_list.html">
<link rel="import" href="chrome://md-settings/site_settings/site_settings_behavior.html">
<link rel="import" href="chrome://md-settings/site_settings/site_details.html">

<dom-module id="site-settings-category">
  <link rel="import" type="css"
      href="chrome://md-settings/settings_shared.css">
  <link rel="import" type="css" href="site_settings_category.css">
  <template>
    <paper-icon-item>
      <iron-icon icon="[[computeIconForContentCategory(category)]]"
          item-icon></iron-icon>
      <paper-item-body two-line class="flex">
        <div>[[computeTitleForContentCategory(category)]]</div>
        <div secondary>
          [[computeCategoryDesc(category, categoryEnabled, showRecommendation)]]
        </div>
      </paper-item-body>
      <paper-toggle-button id="toggle" checked="{{categoryEnabled}}"
          on-change="onToggleChange_"></paper-toggle-button>
    </paper-icon-item>
    <settings-site-list id="blockList"
        prefs="{{prefs}}" category="[[category]]"
        category-enabled="[[categoryEnabled]]"
        selected-origin="{{selectedOrigin}}"></settings-site-list>
    <settings-site-list id="allowList"
        prefs="{{prefs}}" category="[[category]]"
        category-enabled="[[categoryEnabled]]"
        selected-origin="{{selectedOrigin}}"></settings-site-list>
  </template>
  <script src="site_settings_category.js"></script>
</dom-module>
