@using NzbDrone.Core.Repository.Quality
@model SelectList
<div style="padding:3px" id="div_@(ViewData["guid"])">
    <fieldset>
        <legend>@ViewData["path"].ToString()</legend>
        <div>
            @{Html.Telerik().ComboBox()
            .Name("seriesList_" + ViewData["guid"].ToString())
                  .BindTo(Model)
                  .DataBinding(binding => binding.Ajax().Select("_textLookUp", "AddSeries").Delay(400))
                  .Filterable(f => f.FilterMode(AutoCompleteFilterMode.Contains))
                  .HighlightFirstMatch(true)
                  .HtmlAttributes(new { style = "width: 300px;" })
                  .Render();}
            @Html.Telerik().DropDownList().Name("qualityList_" + ViewData["guid"].ToString()).BindTo((SelectList)ViewData["quality"]).HtmlAttributes(new { style = "width: 100px", @class = "qualityDropbox" })
            <button class="listButton" onclick="addSeries('@ViewData["guid"]','@ViewData["javaPath"].ToString()' )">
                Add</button>
        </div>
    </fieldset>
</div>
<script type="text/javascript" language="javascript">

    var addSeriesUrl = '@Url.Action("AddSeries", "AddSeries")';

    function addSeries(guid, path) {
        var seriesComboBox = $("#seriesList_" + guid).data("tComboBox");
        var qualityComboBox = $("#qualityList_" + guid).data("tDropDownList");
        sendToServer(seriesComboBox.value(), path, qualityComboBox.value());
        $("#div_" + guid).hide();
    }

    function sendToServer(id, path, quality) {
        $.ajax({
            type: "POST",
            url: addSeriesUrl,
            data: jQuery.param({ path: path, seriesId: id, qualityProfileId: quality }),
            error: function (req, status, error) {
                alert("Sorry! We could not add " + path + " at this time. " + error);
            }
        });
    }

</script>