<h1 id="searchTitle"  [translate]="'Requests.Title'"></h1>
<h4  [translate]="'Requests.Paragraph'"></h4>

<ul id="nav-tabs" class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active">
        <a id="movieTabButton" aria-controls="home" role="tab" data-toggle="tab" (click)="selectMovieTab()"><i class="fa fa-film"></i> {{ 'Requests.MoviesTab' | translate }}</a>
    </li>
    <li role="presentation">
        <a id="tvTabButton" aria-controls="profile" role="tab" data-toggle="tab" (click)="selectTvTab()"><i class="fa fa-television"></i> {{ 'Requests.TvTab' | translate }}</a>

    </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
    <div [hidden]="!showMovie">
        <movie-requests [issueCategories]="issueCategories" [issuesEnabled]="issuesEnabled"></movie-requests>
    </div>
    <div [hidden]="!showTv">
        <tv-requests [issueCategories]="issueCategories" [issuesEnabled]="issuesEnabled"></tv-requests>
    </div>
</div>

