<div class="seasonpass-series">
    <div class="row">
        <div class="col-md-12">
            <i class="icon-chevron-right x-expander expander pull-left"/>
            <i class="x-series-monitored series-monitor-toggle pull-left" title="Toggle monitored state for entire series"/>
            <div class="title col-md-5">
                <a href="{{route}}">
                    {{title}}
                </a>
            </div>

            <div class="col-md-2">
                <select class="form-control x-season-select season-select">
                    <option value="-1">Select season...</option>
                    {{#each seasons}}
                        {{#if_eq seasonNumber compare="0"}}
                            <option value="{{seasonNumber}}">Specials</option>
                        {{else}}
                            <option value="{{seasonNumber}}">Season {{seasonNumber}}</option>
                        {{/if_eq}}
                    {{/each}}
                </select>
            </div>

            <div class="col-md-1">
                <span class="help-inline">
                    <i class="icon-nd-form-info" title="Selecting a season will unmonitor all previous seasons"/>
                </span>
            </div>

            <span class="season-pass-button">
                <button class="btn x-latest last">Latest Season Only</button>
            </span>

            <span class="season-pass-button">
                <button class="btn x-all">All Seasons</button>
            </span>
        </div>
    </div>

    <div class="row">
        <div class="col-md-11">
            <div class="x-season-grid season-grid">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th></th>
                            <th class="sortable">Season</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{#each seasons}}
                            <tr>
                                <td class="toggle-cell x-monitored" data-season-number="{{seasonNumber}}">
                                    {{#if monitored}}
                                        <i class="icon-nd-monitored"></i>
                                    {{else}}
                                        <i class="icon-nd-unmonitored"></i>
                                    {{/if}}
                                </td>
                                <td>
                                    {{#if_eq seasonNumber compare="0"}}
                                        Specials
                                    {{else}}
                                        Season {{seasonNumber}}
                                    {{/if_eq}}
                                </td>
                            </tr>
                        {{/each}}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
