<div class="episode-detail-modal">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

        <h3>
            <i class="icon-bookmark x-episode-monitored" title="Toggle monitored status" />
            {{#if episodeTitle}}
                {{title}} - {{EpisodeNumber}} - {{episodeTitle}}
            {{else}}
                {{series.title}} - {{EpisodeNumber}} - {{title}}
            {{/if}}
        </h3>

    </div>
    <div class="modal-body">
        <ul class="nav nav-tabs" id="myTab">
            <li><a href="#episode-summary" class="x-episode-summary">Summary</a></li>
           <!-- <li><a href="#episode-activity" class="x-episode-activity">Activity</a></li>-->
            <li><a href="#episode-search" class="x-episode-search">Search</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane" id="episode-summary"/>
            <!--<div class="tab-pane" id="episode-activity"/>-->
            <div class="tab-pane" id="episode-search"/>
        </div>
    </div>
    <div class="modal-footer">
        {{#unless hideSeriesLink}}
            {{#with series}}
                <a href="{{route}}" class="btn pull-left" data-dismiss="modal">open series</a>
            {{/with}}
        {{/unless}}

        <button class="btn" data-dismiss="modal">close</button>
    </div>
</div>