{{#if @fullscreen}}
  <div class="title">
    <h2>
      <a
        class="fancy-title"
        href
        {{on "click" @jumpTop}}
      >{{this.topicTitle}}</a>
    </h2>
    {{#if (or this.siteSettings.topic_featured_link_enabled this.showTags)}}
      <div class="topic-header-extra">
        {{#if this.showTags}}
          <div class="list-tags">
            {{discourse-tags @model mode="list" tags=@model.tags}}
          </div>
        {{/if}}
        {{#if this.siteSettings.topic_featured_link_enabled}}
          {{topic-featured-link @model}}
        {{/if}}
      </div>
    {{/if}}

    {{#if (and (not @model.isPrivateMessage) @model.category)}}
      <div class="topic-category">
        {{#if @model.category.parentCategory}}
          {{category-link @model.category.parentCategory}}
        {{/if}}
        {{category-link @model.category}}
      </div>
    {{/if}}
    {{#if this.excerpt}}
      <div class="post-excerpt">{{html-safe this.excerpt}}</div>
    {{/if}}
  </div>
{{/if}}

{{#if (and (not @fullscreen) this.currentUser)}}
  <div class="timeline-controls">
    <PluginOutlet
      @name="timeline-controls-before"
      @outletArgs={{hash model=@model}}
    />
    <TopicAdminMenuButton
      @topic={{@model}}
      @addKeyboardTargetClass={{true}}
      @toggleMultiSelect={{@toggleMultiSelect}}
      @showTopicSlowModeUpdate={{@showTopicSlowModeUpdate}}
      @deleteTopic={{@deleteTopic}}
      @recoverTopic={{@recoverTopic}}
      @toggleClosed={{@toggleClosed}}
      @toggleArchived={{@toggleArchived}}
      @toggleVisibility={{@toggleVisibility}}
      @showTopicTimerModal={{@showTopicTimerModal}}
      @showFeatureTopic={{@showFeatureTopic}}
      @showChangeTimestamp={{@showChangeTimestamp}}
      @resetBumpDate={{@resetBumpDate}}
      @convertToPublicTopic={{@convertToPublicTopic}}
      @convertToPrivateMessage={{@convertToPrivateMessage}}
    />
  </div>
{{/if}}

{{#if this.displayTimeLineScrollArea}}
  <div class="timeline-scrollarea-wrapper">
    <div class="timeline-date-wrapper">
      <a
        class="start-date"
        onClick={{this.updatePercentage}}
        title={{this.startDate}}
      >
        <span>
          {{this.startDate}}
        </span>
      </a>
    </div>
    <div class="timeline-scrollarea" style={{this.timelineScrollareaStyle}}>
      <div
        class="timeline-padding"
        style={{this.beforePadding}}
        onClick={{this.updatePercentage}}
      ></div>
      <TopicTimeline::Scroller
        @current={{this.current}}
        @total={{this.total}}
        @onGoBack={{this.onGoBack}}
        @fullscreen={{@fullscreen}}
        @showDockedButton={{this.showDockedButton}}
        @date={{this.date}}
        @didStartDrag={{this.didStartDrag}}
        @dragMove={{this.dragMove}}
        @didEndDrag={{this.didEndDrag}}
      />
      <div
        class="timeline-padding"
        style={{this.afterPadding}}
        onClick={{this.updatePercentage}}
      ></div>

      {{#if (and this.hasBackPosition this.showButton)}}
        <div class="timeline-last-read" style={{this.lastReadStyle}}>
          {{d-icon "minus" class="progress"}}
          <TopicTimeline::BackButton @onGoBack={{this.goBack}} />
        </div>
      {{/if}}
    </div>

    <div class="timeline-date-wrapper">
      <a
        class="now-date"
        onClick={{this.updatePercentage}}
        title={{this.nowDate}}
      >
        <span>
          {{this.nowDate}}
        </span>
      </a>
    </div>
  </div>

  <div class="timeline-footer-controls">
    {{#if this.displaySummary}}
      <button
        type="button"
        class="show-summary btn-small"
        label={{i18n "summary.short_label"}}
        title={{i18n "summary.short_title"}}
        {{on "click" @showSummary}}
      >
        {{d-icon "layer-group"}}
      </button>
    {{/if}}

    {{#if (and this.currentUser (not @fullscreen))}}
      {{#if this.canCreatePost}}
        <button
          type="button"
          class="btn btn-default create reply-to-post no-text btn-icon"
          title={{i18n "topic.reply.help"}}
          {{on "click" (fn @replyToPost null)}}
        >
          {{d-icon "reply"}}
        </button>
      {{/if}}
    {{/if}}

    {{#if @fullscreen}}
      <button
        type="button"
        class="timeline-open-jump-to-post-prompt-btn btn btn-text jump-to-post"
        title={{i18n "topic.progress.jump_prompt_long"}}
        {{on "click" @jumpToPostPrompt}}
      >
        <span class="d-button-label">
          {{i18n "topic.progress.jump_prompt"}}
        </span>
      </button>
    {{/if}}

    {{#if this.currentUser}}
      <TopicNotificationsButton
        @notificationLevel={{@model.details.notification_level}}
        @topic={{@model}}
        @showFullTitle={{false}}
        @appendReason={{false}}
        @placement={{"bottom-end"}}
        @showCaret={{false}}
      />
      {{#if @mobileView}}
        <TopicAdminMenuButton
          @topic={{@model}}
          @addKeyboardTargetClass={{true}}
          @openUpwards={{true}}
        />
      {{/if}}
    {{/if}}
    <PluginOutlet
      @name="timeline-footer-controls-after"
      @outletArgs={{hash model=@model}}
    />
  </div>
{{/if}}