<div class="c-card c-troubleshooting-diagnostic{{#if cardModifier}} c-troubleshooting-diagnostic--{{cardModifier}}{{/if}}">
  {{#if icon}}
    <svg class="c-troubleshooting-diagnostic__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
      <use xlink:href="{{generatedSvgSpritePath}}#{{icon}}" class="c-troubleshooting-diagnostic__icon__use"></use>
    </svg>
  {{/if}}
  <div class="c-troubleshooting-diagnostic__content">
    <h2 class="c-troubleshooting-diagnostic__title">{{title}}</h2>
    <p class="c-troubleshooting-diagnostic__text">{{{content}}}</p>
    {{#if message}}<p class="c-troubleshooting-diagnostic__message">{{{message}}}</p>{{/if}}
    {{#if buttonText}}{{> button anchorButton=true buttonModifierClasses="c-button--utility-green-primary c-button--full-width c-button--run-test" buttonText=buttonText }}{{/if}}

    {{#if anonymous}}
      <hr />
      <div class="c-troubleshooting-diagnostic__login">
        <img class="c-image" src="{{ basePath }}/assets/pages/login-placeholder.jpg" alt="Log in" />
      </div>
    {{/if}}

    {{#if accordion}}
      <div class="c-troubleshooting-diagnostic__issues-detected">
        {{> accordion accordion fullWidthButtons="true" theme=accordion.theme buttonWarningIcon="icon-issue" }}
      </div>
    {{/if}}

    {{#if infoBox}}
      <div class="c-troubleshooting-diagnostic__system-info">
        <div class="c-troubleshooting-diagnostic__system-info__col1">
          <h2 class="c-troubleshooting-diagnostic__system-info__title">System Information</h2>
          <div class="c-troubleshooting-diagnostic__system-info__details">
            Browser: Chrome<br />
            Browser Version: 78.0.3904.70<br />
            Device: Mobile - Samsung<br />
            OS: Android<br />
            OS Verion: 10
          </div>
        </div>
        <div class="c-troubleshooting-diagnostic__system-info__col2">
          <div class="c-troubleshooting-diagnostic__system-info__text">
            Once you've resolved the issues above please try running the test again. If the issue persists, please <a href="#" class="c-troubleshooting-diagnostic__system-info__link">email</a> customer care or call us toll-free at <a href="tel:18003865400" class="c-troubleshooting-diagnostic__system-info__link">1-800-386-5400</a> (Canada or U.S.) and share your system information.
          </div>
          {{> button anchorButton=true buttonModifierClasses="c-button--utility-green-primary c-button--full-width c-button--run-test" buttonText="Re-run test" buttonIconId="#icon-refresh" }}
        </div>
      </div>
    {{/if}}
  </div>
</div>
