@using NzbDrone.Web.Helpers
@model NzbDrone.Web.Models.NotificationSettingsModel
           
@section HeaderContent{
    <link rel="stylesheet" type="text/css" href="../../Content/Settings.css" />

    <style>
        .notifier
        {
            width: 560px;
            border:solid 2px #CCCCCD;
            padding: 5px;
            margin-bottom: 10px;
        }
        
        .notifier h4
        {
            font-weight: bold;
            margin-bottom: 0px;
            padding-left: 5px;
            padding-top: 3px;
        }
        
        .notifierLine
        {
            font-size:11px;
            color:#666666;
            margin-bottom:20px;
            border-bottom:solid 1px #CCCCCD;
            padding-bottom:10px;
        }
    </style>
}

@section TitleContent{
    Settings
}

@section ActionMenu{
    @{Html.RenderPartial("SubMenu");}
}

@section MainContent{
    <div id="stylized">
        @using (Html.BeginForm("SaveNotifications", "Settings", FormMethod.Post, new { id = "form", name = "form", @class = "settingsForm" }))
        {
            <h1>Notifications</h1>
            <p></p>
            
            <div id="xbmc" class="notifier clearfix">
                <h4>XBMC</h4>
                <div class="notifierLine"></div>

                <label class="labelClass">@Html.LabelFor(m => m.XbmcEnabled)
                <span class="small">@Html.DescriptionFor(m => m.XbmcEnabled)</span>
                </label>
                @Html.CheckBoxFor(m => m.XbmcEnabled, new { @class = "inputClass checkClass" })

                <label class="labelClass">@Html.LabelFor(m => m.XbmcNotifyOnGrab)
                <span class="small">@Html.DescriptionFor(m => m.XbmcNotifyOnGrab)</span>
                </label>
                @Html.CheckBoxFor(m => m.XbmcNotifyOnGrab, new { @class = "inputClass checkClass" })

                <label class="labelClass">@Html.LabelFor(m => m.XbmcNotifyOnDownload)
                <span class="small">@Html.DescriptionFor(m => m.XbmcNotifyOnDownload)</span>
                </label>
                @Html.CheckBoxFor(m => m.XbmcNotifyOnDownload, new { @class = "inputClass checkClass" })

                <label class="labelClass">@Html.LabelFor(m => m.XbmcUpdateLibrary)
                <span class="small">@Html.DescriptionFor(m => m.XbmcUpdateLibrary)</span>
                </label>
                @Html.CheckBoxFor(m => m.XbmcUpdateLibrary, new { @class = "inputClass checkClass" })

                <label class="labelClass">@Html.LabelFor(m => m.XbmcCleanLibrary)
                <span class="small">@Html.DescriptionFor(m => m.XbmcCleanLibrary)</span>
                </label>
                @Html.CheckBoxFor(m => m.XbmcCleanLibrary, new { @class = "inputClass checkClass" })
            
                <label class="labelClass">@Html.LabelFor(m => m.XbmcHosts)
                <span class="small">@Html.DescriptionFor(m => m.XbmcHosts)</span>
                </label>
                @Html.TextBoxFor(m => m.XbmcHosts, new { @class = "inputClass" })

                <label class="labelClass">@Html.LabelFor(m => m.XbmcUsername)
                <span class="small">@Html.DescriptionFor(m => m.XbmcUsername)</span>
                </label>
                @Html.TextBoxFor(m => m.XbmcUsername, new { @class = "inputClass" })

                <label class="labelClass">@Html.LabelFor(m => m.XbmcPassword)
                <span class="small">@Html.DescriptionFor(m => m.XbmcPassword)</span>
                </label>
                @Html.TextBoxFor(m => m.XbmcPassword, new { @class = "inputClass" })
            </div>
            
            <button type="submit" id="save_button" >Save</button><img src="../../Content/Images/ajax-loader.gif" alt="Loader" id="saveAjax"/>
        }
    </div>

    <div id="result" class="hiddenResult"></div>
}

@section Scripts{
    <script src="/Scripts/settingsForm.js" type="text/javascript"></script>
}