<div class="modal-content">
    <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 episode-monitored" title="Toggle monitored status" />
                {{series.title}} - {{EpisodeNumber}} - {{title}}
            </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 btn-default pull-left" data-dismiss="modal">open series</a>
                {{/with}}
            {{/unless}}

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