<div class='manager' id='video-manager'>
  <div id='highlighter'>
    <div class='directory_header'>
      <div class='breadcrumbs'>
        {{#link-to "manager.past-broadcasts.all"}}
          {{i18n "Video Manager"}}
        {{/link-to}}
        &raquo;
        {{i18n " Highlight Broadcast"}}
      </div>
      <h3>
        {{model.title}}
      </h3>
    </div>
    <div class='highlighter-content'>
      <div class='highlighter-player-container float-left mg-b-3'>
        {{#highlighter-player}}
          {{twitch-player2 channel=model.channel
            video=playerVideoId
            showTheatre=false
            canGenerateClips=false
            playerType='highlighter'
            onPlayerInit=(action 'setPlayerComponent')
            canGenerateClips=false
          }}
          <div class='highlighter-handles js-highlighter-handles'>
            <div class='highlighter-handles__contain highlighter-handles__contain--left js-highlighter-handles__contain--left'>
              <div class='highlighter-handle highlighter-handle--left js-highlighter-handle js-highlighter-handle--left float-right'></div>
            </div>
            <div class='highlighter-handles__contain highlighter-handles__contain--right js-highlighter-handles__contain--right'>
              <div class='highlighter-handle highlighter-handle--right js-highlighter-handle js-highlighter-handle--right float-left'></div>
            </div>
            <div class='highlighter-time-tooltip js-highlighter-time-tooltip pos-absolute'></div>
          </div>
        {{/highlighter-player}}
      </div>

      <div class='highlighter-form-container float-right mg-b-3'>
        {{#if highlightCreated}}
          {{partial 'manager/highlighter/share'}}
        {{else}}
          {{highlighter-set-range
            model=model
            firstPage=firstPage
            playerComponent=playerComponent
            isCreatingHighlight=isCreatingHighlight
            createHighlight=(action 'createHighlight')
            next=(action 'next')
            previous=(action 'previous')}}
        {{/if}}
      </div>

    </div>
  </div>
</div>
