// Copyright 2026 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import { html } from '//resources/lit/v3_0/lit.rollup.js';
export function getHtml() {
    // clang-format off
    return html `<!--_html_template_start_-->
<div class="main-content">
  <h2 class="dialog-title" tabindex="-1">$i18n{reportUnsafeSiteDialogTitle}</h2>
  $i18nRaw{reportUnsafeSiteDialogDescription}
  <label class="url-input-container">
    $i18n{reportUnsafeSiteDialogUrlLabel}
    <cr-input type="text" .value="${this.pageUrl_}" readonly
        aria-label="$i18n{reportUnsafeSiteDialogUrlLabel}">
    </cr-input>
  </label>
  <div class="two-cols">
    ${this.includeScreenshot_ ? html `
      <img id="screenshot-image" src="${this.screenshotDataUri_}"
          alt="$i18n{reportUnsafeSiteA11yImageText}">
    ` : html `
      <div id="screenshot-placeholder">
        <cr-icon icon="report_unsafe_site:visibility-off"></cr-icon>
      </div>
    `}
    <div>
      <cr-checkbox id="includeScreenshotCheckbox"
          ?checked="${this.includeScreenshot_}"
          ?disabled="${this.screenshotDataUri_.length === 0}"
          @checked-changed="${this.onIncludeScreenshotCheckedChanged_}">
        $i18n{reportUnsafeSiteDialogIncludeScreenshotCheckboxLabel}
      </cr-checkbox>
    </div>
  </div>
  <div class="button-container">
    <cr-button id="cancel-button" class="tonal-button"
        @click="${this.onCancelButtonClick_}">
      $i18n{cancel}
    </cr-button>
    <cr-button class="action-button" @click="${this.onActionButtonClick_}"
        ?disabled="${this.pageUrl_ === '' || this.isSendingCsdPing_}">
      ${this.isSendingCsdPing_ ? html `
        <div class="sending-content">
          $i18n{reportUnsafeSiteDialogSendingButtonLabel}
          <div class="spinner"></div>
        </div>
      ` : html `
        $i18n{reportUnsafeSiteDialogSendButtonLabel}
      `}
    </cr-button>
  </div>
</div>
<div class="footer">$i18nRaw{reportUnsafeSiteDialogFooter}</div>
<!--_html_template_end_-->`;
    // clang-format on
}
