@Html.Partial("/Admin/_Sidebar")
@{
    int port;
    var authToken = string.Empty;
    if (Model.Port == 0)
    {
        port = 3579;
    }
    else
    {
        port = Model.Port;
    }

}
<div class="col-sm-8">
    <form class="form-horizontal" method="POST" action="/admin/couchpotato" id="mainForm">
        <fieldset>
            <legend>Request Plex Settings</legend>
            <div class="form-group">
                <label for="portNumber" class="col-lg-2 control-label">Port</label>

                <div class="col-lg-10">
                    <input type="text" class="form-control" id="portNumber" name="Port" placeholder="Port Number" value="@port">
                </div>
            </div>
            <small class="col-lg-10 col-lg-offset-2">You will have to restart after changing the port.</small>
            <div class="form-group">
                <label for="SearchForMovies" class="col-lg-2 control-label">Search for Movies</label>
                <div class="col-lg-10 checkbox">
                    <label>
                        @if (Model.SearchForMovies)
                        {
                            <input type="checkbox" id="SearchForMovies" name="SearchForMovies" checked="checked">
                        }
                        else
                        {
                            <input type="checkbox" id="SearchForMovies" name="SearchForMovies">
                        }
                    </label>
                </div>
            </div>

            <div class="form-group">
                <label for="SearchForTvShows" class="col-lg-2 control-label">Search for TV Shows</label>
                <div class="col-lg-10 checkbox">
                    <label>
                        @if (Model.SearchForTvShows)
                        {
                            <input type="checkbox" id="SearchForTvShows" name="SearchForTvShows" checked="checked">
                        }
                        else
                        {
                            <input type="checkbox" id="SearchForTvShows" name="SearchForTvShows">
                        }
                    </label>
                </div>
            </div>

            <div class="form-group">
                <label for="WeeklyRequestLimit" class="col-lg-2 control-label">Weekly Request Limit</label>
                <div class="col-lg-10 checkbox">
                    <label>
                        <input type="number" id="WeeklyRequestLimit" name="WeeklyRequestLimit" value="@Model.WeeklyRequestLimit">
                    </label>
                </div>
            </div>

            <div class="form-group">
                <label for="authToken" class="col-lg-2 control-label">Plex Authorization Token</label>
                <div class="col-lg-10">
                    <input type="text" class="form-control" id="authToken" name="PlexAuthToken" placeholder="Plex Auth Token" value="@Model.PlexAuthToken">
                </div>
            </div>

            <div class="form-group">
                <label for="username" class="col-lg-2 control-label">Username and Password</label>
                <div class="col-lg-4">
                    <input type="text" class="form-control" id="username" name="Username" placeholder="Username">
                </div>
                <div class="col-lg-4 col-lg-push-1">
                    <input type="password" class="form-control" id="password" name="Password" placeholder="Password">
                </div>
            </div>
            <div class="form-group">
                <div class="col-lg-10 col-lg-offset-2">
                    <button id="requestToken" class="btn btn-primary">Request Token</button>
                </div>
            </div>

            <div class="form-group">
                <label for="userAuth" class="col-lg-2 control-label">Enable User Authentication</label>
                <div class="col-lg-4 checkbox">
                    <label>
                        @if (Model.UserAuthentication)
                        {
                            <input type="checkbox" id="userAuth" name="UserAuthentication" checked="checked">
                        }
                        else
                        {
                            <input type="checkbox" id="userAuth" name="UserAuthentication">
                        }
                    </label>
                </div>
            </div>
            <br />
            <br />
            <small class="col-lg-offset-2">Current users that are allowed to authenticate: </small>
            <br />
            <br />
            <div class="form-group">
                <select id="users" multiple="" class="col-lg-10 col-lg-offset-2"></select>
            </div>
            <div class="form-group">
                <br />
                <br />
                <div class="col-lg-10 col-lg-offset-2">
                    <button id="refreshUsers" class="btn btn-primary">Refresh Users</button>
                </div>
            </div>

            <br />
            <br />
            <br />
            <br />
            <div>
            </div>
            <div class="form-group">
                <div class="col-lg-10 col-lg-offset-2">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </div>
        </fieldset>
    </form>
</div>


<script>
    $(function () {

        if ($('#PlexAuthToken')) {
            loadUserList();
        }

        $('#refreshUsers').click(function () {
            loadUserList();
        });

        $('#requestToken').click(function (e) {
            e.preventDefault();
            var $form = $("#mainForm");
            $.ajax({
                type: $form.prop("method"),
                url: "admin/requestauth",
                data: $form.serialize(),
                dataType: "json",
                success: function (response) {
                    console.log(response);
                    if (response.result === true) {
                        generateNotify("Success!", "success");
                        $('#authToken').val(response.authToken);
                    } else {
                        generateNotify(response.message, "warning");
                    }
                },
                error: function (e) {
                    console.log(e);
                    generateNotify("Something went wrong!", "danger");
                }
            });
        });



        function loadUserList() {
            $.ajax({
                type: "Get",
                url: "admin/getusers",
                dataType: "json",
                success: function (response) {
                    if (response.length > 1) {
                        response.each(function(user) {
                            $('#users').append("<option>" + user + "</option>");
                        });
                    } else {
                        $('#users').append("<option>No Users!</option>");
                    }
                },
                error: function (e) {
                    console.log(e);
                    generateNotify("Something went wrong!", "danger");
                }
            });

        }


    });
</script>