<div class="pd-3">
  <h2 class="title">{{i18n 'Create a Community'}}</h2>
  <div class="flex">
    {{#if isLoggedIn}}
      <div class="flex__item flex__item--noShrink mg-r-3 c6">
        <div class="brick brick--theme-grey">
          {{twitch-communities/panel
            createMode=true
            editMode=true
            content=communityInfo
          }}
        </div>
      </div>
      <div class="flex__item flex__item--noShrink c5">
        <div class="brick brick--theme-grey typeset">
          <h4>{{i18n 'Requirements'}}</h4>
          <ul>
            <li>{{i18n 'Your account must be at least 90 days old'}}</li>
            <li>
              {{#with (i18n-split-string 'You must have |two-factor authentication| enabled') as |translated|}}
                {{at-index translated 0}}
                <a href="https://help.twitch.tv/customer/en/portal/articles/2186271-two-factor-authentication-with-authy" target="_blank" rel="noopener noreferrer">{{at-index translated 1}}</a>{{at-index translated 2}}
              {{/with}}
            </li>
            <li>{{i18n 'You cannot currently create more than 5 Communities'}}</li>
          </ul>
        </div>
      </div>
    {{else}}
      <div class="flex__item flex__item--noShrink mg-r-3 c6">
        <div class="brick brick--theme-grey">
          {{i18n "You're not logged in."}}
        </div>
      </div>
    {{/if}}
  </div>
</div>
