import { html } from '//resources/polymer/v3_0/polymer/polymer_bundled.min.js';
export function getTemplate() {
    return html `<!--_html_template_start_--><style include="settings-shared passwords-shared screen-reader-only">
  .second-column {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }

  .list-item {
    margin-bottom: 8px;
    margin-top: 8px;
  }

  .sub-label {
    color: var(--cr-secondary-text-color);
  }

  #ibanImage {
    margin-inline-end: 16px;
    vertical-align: middle;
  }
</style>
<div class="list-item type-column" role="row">
  <img id="ibanImage" src="chrome://settings/images/iban.svg" alt="">
  <div class="summary-column screen-reader-only-host-node" role="cell">
    <div class="screen-reader-only">
      [[getA11yIbanDescription_(iban)]], [[iban.nickname]]
    </div>
    <div id="label" class="ellipses" aria-hidden="true">
      [[getLabel_(iban)]]
    </div>
    <div id="subLabel" class="ellipses sub-label" aria-hidden="true">
      [[getSubLabel_(iban)]]
    </div>
  </div>
  <div role="cell" class="second-column">
    <div id="paymentsIndicator"
        hidden$="[[!shouldShowGooglePaymentsIndicator_(iban.metadata)]]">


        <span class="sub-label">$i18n{googlePayments}</span>

    </div>
    <template is="dom-if" if="[[showDotsMenu_(iban.metadata)]]">
      <cr-icon-button class="icon-more-vert" id="ibanMenu"
          title="[[getMoreActionsTitle_(iban)]]" on-click="onDotsMenuClick_">
      </cr-icon-button>
    </template>
    <template is="dom-if"
        if="[[shouldShowOutlinkWithWalletBranding_(iban.metadata)]]">
      <cr-icon-button class="icon-external" id="remoteIbanLink"
          title="$i18n{remotePaymentMethodsWalletLinkLabel}" role="link"
          on-click="onRemoteEditClick_"
          aria-description="$i18n{opensInNewTab}"></cr-icon-button>
    </template>
    <template is="dom-if"
        if="[[shouldShowOutlinkWithoutWalletBranding_(iban.metadata)]]">
      <cr-icon-button class="icon-external" id="remoteIbanLink"
          title="$i18n{remotePaymentMethodsLinkLabel}" role="link"
          on-click="onRemoteEditClick_"
          aria-description="$i18n{opensInNewTab}"></cr-icon-button>
    </template>
  </div>
</div>
<!--_html_template_end_-->`;
}
