Ombi/PlexRequests.UI/Views/Search/Index.cshtml

<div>
    <h2>Search</h2>
    <h4>Want to wacth something that is not currently on Plex?! No problem! Just search for it below and request it!</h4>
    <!-- Nav tabs -->
    <ul id="nav-tabs" class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#MoviesTab" aria-controls="home" role="tab" data-toggle="tab">Movies</a></li>
        <li role="presentation"><a href="#TvShowTab" aria-controls="profile" role="tab" data-toggle="tab">TV Shows</a></li>

    </ul>

    <!-- Tab panes -->
    <div class="tab-content">

        <!-- Movie tab -->
        <div role="tabpanel" class="tab-pane active" id="MoviesTab">
            <div class="input-group">
                <input id="movieSearchContent" type="text" class="form-control">
                <div class="input-group-addon">
                    <i class="fa fa-search"></i>
                </div>
            </div>
            <br />
            <br />
            <!-- Movie content -->
            <div id="movieList">
            </div>
        </div>

        <!-- TV tab -->
        <div role="tabpanel" class="tab-pane" id="TvShowTab">
            <div class="input-group">
                <input id="tvSearchContent" type="text" class="form-control">
                <div class="input-group-addon">
                    <i class="fa fa-search"></i>
                </div>
            </div>
            <br />
            <br />
            <!-- TV content -->
            <div id="tvList">
            </div>
        </div>
    </div>

</div>


<script id="search-template" type="text/x-handlebars-template">
    <div class="row">
        <div class="col-sm-2">
            {{#if posterPath}}
            <img src="http://image.tmdb.org/t/p/w150/{{posterPath}}" alt="poster">
            {{/if}}
        </div>
        <div class="col-sm-5 ">
            <div>
                <a href="https://www.themoviedb.org/{{type}}/{{id}}">
                    <h4>{{title}} ({{year}})</h4>
                </a>
            </div>
            <p>{{overview}}</p>
        </div>
        <div class="col-sm-2 col-sm-push-3">
            <form method="POST" action="/search/request/{{type}}" id="form{{id}}">
                <input name="{{type}}Id" type="text" value="{{id}}" hidden="hidden" />
                {{#if_eq type "movie"}}
                <button id="{{id}}" style="text-align: right" class="btn btn-primary requestMovie" type="submit"><i class="fa fa-plus"></i> Request</button>
                {{/if_eq}}
                {{#if_eq type "tv"}}
                <div class="dropdown">
                    <button id="{{id}}" class="btn btn-primary dropdown-toggle" type="button"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                        <i class="fa fa-plus"></i> Request
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a id="{{id}}" season-select="0" class="dropdownTv " href="#">All Seasons</a></li>
                        <li><a id="{{id}}" season-select="1" class="dropdownTv" href="#">Latest Season</a></li>
                    </ul>
                </div>
                {{/if_eq}}
                <br />
                <br />
                <br />
                <small class="row">Vote Average: {{voteAverage}}</small>
                <small class="row">Vote Count: {{voteCount}}</small>
            </form>
        </div>

    </div>
    <hr />
</script>


<script src="/Content/search.js" type="text/javascript"></script>