<style include="cr-shared-style cr-icons shared-style"></style>
<cr-dialog id="dialog" close-text="$i18n{close}">
<div slot="title">[[computeDialogTitle_(currentSite)]]</div>
<div slot="body">
<cr-input id="input" label="$i18n{runtimeHostsDialogInputLabel}"
placeholder="http://example.com"
value="{{site_}}" on-input="validate_"
invalid="[[inputInvalid_]]"
error-message="$i18n{runtimeHostsDialogInputError}"
spellcheck="false"
autofocus>
</cr-input>
<div class="matching-restricted-sites-warning"
hidden="[[!matchingRestrictedSites_.length]]">
<iron-icon icon="cr:info-outline"></iron-icon>
<span>[[computeMatchingRestrictedSitesWarning_(site_)]]</span>
</div>
</div>
<div slot="button-container">
<cr-button class="cancel-button" on-click="onCancelClick_">
$i18n{cancel}
</cr-button>
<cr-button class="action-button" id="submit" on-click="onSubmitClick_"
disabled="[[computeSubmitButtonDisabled_(inputInvalid_, site_)]]">
[[computeSubmitButtonLabel_(currentSite)]]
</cr-button>
</div>
</cr-dialog>