<div class="form__group">
  <h6 class="mg-b-1">
    {{i18n 'Publish Notifications'}}
  </h6>

  <ul>
    <li>
      {{#common/simple-checkbox
        id="email-notifications"
        disabled=(readonly email.sent_at)
        checked=(or (readonly email.enabled) (readonly email.sent_at))
        update=(action toggleProperty 'email.enabled')}}

        <label class="vod-form__label-checkbox mg-b-0 " for="email-notifications">
          {{i18n 'Notify via email'}}
        </label>

        <p class="hint pd-b-2 pd-t-0 mg-l-2">
          {{i18n 'Send followers an email on publish'}}
        </p>
      {{/common/simple-checkbox}}
    </li>

    <li>
      {{#common/simple-checkbox
        classNames="form__input"
        id="twitch-feed"
        disabled=(readonly channelFeed.sent_at)
        checked=(or (readonly channelFeed.enabled) (readonly channelFeed.sent_at))
        update=(action toggleProperty 'channelFeed.enabled')}}

        <label class="vod-form__label-checkbox mg-b-0" for="twitch-feed">
          {{i18n 'Share via Twitch Channel feed'}}
        </label>

        <p class="hint pd-b-2 pd-t-0 mg-l-2">
          {{i18n 'Post a message on publish'}}
        </p>
      {{/common/simple-checkbox}}
    </li>
  </ul>

  {{#if (or channelFeed.enabled channelFeed.sent_at)}}
    <div class='item upload-modal__notification'>
      <img class="square-3 float-left" src={{userLogo}}>

      <div class='vod-channelfeed-textarea balloon balloon--right balloon--static pd-0 mg-l-4'>
        {{textarea
          disabled=channelFeed.sent_at
          focus-in=(action 'setCursorPosition')
          maxlength=255
          value=channelFeed.custom_text}}
      </div>

      {{!-- add back once we add other social media networks --}}
      {{!-- <div class='flex__item--grow'>
        <div class='flex flex--horizontalEnd upload-modal__notification-footer'>
          {{#common/simple-checkbox
            classNames="notification-favicon"
            disabled=channelFeed.sent_at
            checked=true
            readonly=true}}

            <div class='simple-checkbox__icon'>
              <img alt={{i18n "Twitch"}}
                class='simple-checkbox__image'
                src='https://www.twitch.tv/favicon.ico'>
            </div>
          {{/common/simple-checkbox}}
        </div>
      </div> --}}
    </div>
  {{/if}}
</div>
