@using NzbDrone.Web.Helpers
@{ViewBag.Title = "Add Series";}

@section HeaderContent
{
    <style>
    .existingSeries
    {
        border-color: #f2f2f2;
        border-width: 1px;
        border-style: solid;
        background-color: #f2f2f2;
        margin: 0px 10px 10px 0px;
        padding: 5px;
        display: block;
    }
    .masterQualitySelector
    {
        left: 415px;
        position: relative;
    }

    .start-date-master {
        left: 430px;
        position: relative;
    }
    
    .seriesPathValue
    {
        display: block;
    }
    
    .existingSeriesContainer
    {
        position: relative;
    }
    
    .ui-autocomplete.seriesLookupResults {
        max-height: 180px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
    }
    
    .tvDbLink {
        float: right;
    }

    .tvDbLink:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    input[type=date].start-date {
        margin-left: 10px;
    }
</style>
}

@{Html.RenderAction("RootDir");}
<div class="jquery-accordion jquery-accordion-collapse-all" id="addSeriesAccordion">
    <h3>
        <a href="#">Add New Series</a></h3>
    <div id="addNewSeries">
        @{ Html.RenderAction("AddNew", "AddSeries"); }
    </div>
    <h3>
        <a href="#">Add Series Already on Disk</a></h3>
    <div id="existingSeries">
        <img src="../../Content/Images/ajax-loader.gif" />

        @Ajax.RenderAction(
                               "ExistingSeries",
                               "AddSeries",
                               null,
                               new AjaxOptions { UpdateTargetId = "existingSeries", InsertionMode = InsertionMode.Replace }
                           )
    </div>
</div>

@section Scripts
{
    @Html.IncludeScript("NzbDrone/addSeries.js")

    <script type="text/javascript">
        $(document).on('click', '.tvDbLink', function (event) {
            var url = $(this).attr('rel');
            window.open(url, 'thetvdb');
            event.preventDefault();
        });
    </script>
}