{{#if areVodsViewable}}
  <div class='videos-grid items-grid'>
    <div class='section_header'>
      {{#if largeHeader}}
        <h2 class='title'>
          {{i18n 'Based On Your Viewing History'}}
        </h2>
      {{else}}
        <h3 class='title'>
          {{i18n 'Based on your viewing history'}}
        </h3>
      {{/if}}
    </div>
    <div>
      <div class='js-videos tower tower--bleed tower--240 tower--gutter-sm' data-test-recommended-video-list>
        {{#each recommendedVodsToShow as |video index|}}
          {{#if video.dismissed}}
            <div class="video item">
              <div class="content js-content-placeholder">
                <div class="thumb">
                  <div class="aspect">
                    <div class="aspect__fill brick brick--pd-none brick--theme-white">
                      <div class="tower tower--gutter-none flex--column flex--fullHeight flex--verticalCenter flex--horizontalCenter align-center">
                        <div class="col-xs-12 mg-b-1">
                          <strong>{{i18n "Video Removed"}}</strong>
                        </div>
                        {{#if video.removed}}
                          <div class="col-xs-12 mg-b-1">
                            {{i18n "Thank you for submitting a report"}}
                          </div>
                        {{else}}
                          <div class="col-xs-12">
                            <button class="button button--hollow button--small js-undo-remove" {{action "undoDismissClick" video}}>{{t 'general.forms.undo'}}</button>
                            <button class="button button--hollow button--small js-toggle-modal" {{action "openInModal" video index}}>{{i18n "Tell Us Why"}}</button>
                          </div>
                        {{/if}}
                      </div>
                    </div>
                  </div>
                </div>
                <div class="meta">
                  <p class="title">
                    &nbsp;
                  </p>
                  <p class="info desc">
                    &nbsp;
                  </p>
                  <p class="info">
                    &nbsp;
                  </p>
                </div>
              </div>
            </div>
          {{else}}
            {{video/preview-card
              video=video
              isCoview=true
              tt_medium=tracking_tt_medium
              tt_content="recommended_videos"
              position=index
              tt_content_index=index
              isAdmin=false
              totalVideos=recommendedVodsToShow.length
              isDismissable=true
              handleDismissClick=(action 'handleDismissClick')
            }}
          {{/if}}
        {{/each}}
        {{tower-placeholder}}
      </div>
    </div>
  </div>
{{/if}}
