@using HeuristicLab.Clients.Hive.WebJobManager.ViewModels.User;
@model UserViewModel
<div id="userId" style="display:none">@ViewBag.SessionId</div>
<div>

    @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("User"))

    <ul class="nav nav-pills nav-justified">
        <li role="presentation"
            class="active">
            <a asp-controller="User"
               asp-action="Index">
                <i class="fa fa-user"></i> Users
            </a>
        </li>
        <li role="presentation"
            class="">
            <a asp-controller="User"
               asp-action="Groups">
                <i class="fa fa-group"></i> Groups
            </a>
        </li>
        <li role="presentation"
            class="">
            <a asp-controller="User"
               asp-action="Roles">
                <i class="fa fa-gavel"></i> Roles
            </a>
        </li>
    </ul>
    <div class="row"
         style="text-align:center">
        @Model.message
    </div>
    <div class="row"
         style="padding:10px; margin-right:0px!important">
        @if (Model.users.Count == 0)
        {
            <div>
                <p style="text-align:center">
                    No users found
                </p>
            </div>

        }
        else
        {
            <div class="col-sm-4">
                <div class="btn-group btn-group-justified btn-block"
                     role="group" style="margin-bottom:-4px">

                    <a class="btn btn-info btn-lg disabled"
                       style="width:6%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                        <i class="fa fa-user"></i> @Model.users.Count User@(Model.users.Count != 1 ? "s" : "")
                    </a>
                    <a class="btn btn-success
                       @(Model.SelectedUser.Id == Guid.Empty ? "active" : "")
                       "
                       style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;"
                       asp-controller="User"
                       asp-action="SelectUser"
                       asp-route-id="@Guid.Empty"
                       onclick="showUser()">
                        <i class="fa fa-user-plus"></i>
                    </a>
                </div>
                <div class="btn-group-vertical btn-block">


                    @foreach (var user in Model.users)
                    {
                        <a class="btn  btn-default @( user.Id == Model.SelectedUser.Id ? "active" : "" )"
                           style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"
                           asp-controller="User"
                           asp-action="SelectUser"
                           asp-route-id="@user.Id"
                           onclick="showUser()">
                            @user.UserName (@user.FullName)
                        </a>
                    }
                </div>
            </div>
            <p style="display:none"
               id="saver"
               class="text-center">
                <br /><br /><br /><br /><br /><br /><br />
                <i class="fa fa-save fa-spin fa-5x" id="spinner">
                </i>
            </p>
            <p style="display:none"
               id="user"
               class="text-center">
                <br /><br /><br /><br /><br /><br /><br />
                <i class="fa fa-user fa-spin fa-5x" id="spinner">
                </i>
            </p>
            <p style="display:none"
               id="deleter"
               class="text-center">
                <br /><br /><br /><br /><br /><br /><br />
                <i class="fa fa-trash-o fa-spin fa-5x" id="spinner">
                </i>
            </p>
            <div class="col-sm-8"
                 id="content"
                 style="padding:5px; padding-left:10px;">
                <div class="panel panel-default"
                     style="border-width:2px!important;padding:17px;
                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
                    <div class="row">
                        @if (Model.SelectedUser.Id != Guid.Empty && Model.SelectedUser.IsApproved)
                        {<div class="row" style="margin-right:20px">
                            <a class="btn btn-success pull-right disabled"><i class="fa fa-check-square-o "></i> Approved</a>
                        </div>
                        }
                        else if (Model.SelectedUser.Id != Guid.Empty && !Model.SelectedUser.IsApproved)
                        {<div class="row" style="margin-right:20px">
                            <a class="btn btn-warning pull-right"
                               asp-action="approveUser"
                               asp-controller="User"
                               asp-route-id="@Model.SelectedUser.Id">
                                <i class="fa fa-square-o" ></i> Not approved
                            </a>
                            
                        </div>
                        }
                        <h2 style="padding-left:20px; margin-top:0">
                            @if (Model.SelectedUser.Id != Guid.Empty)
                            {
                                <i class="fa fa-user "></i> @Model.SelectedUser.UserName

                            }
                            else
                            {
                                <i class="fa fa-user-plus "></i> @("Add new user")

                            }
                        </h2>
                        
                        <form class="form-horizontal"
                              method="post"
                              asp-action="saveUser"
                              asp-controller="User"
                              enctype="multipart/form-data"
                              onsubmit="showSaver()">
                            <div class="form-group" style="@(Model.SelectedUser.Id == Guid.Empty ? "" : "display:none")">
                                <label for="inpusername"
                                       class="col-sm-3 control-label">
                                    Username
                                </label>
                                <div class="col-sm-8">
                                    <input type="text"
                                           class="form-control"
                                           id="inpusername"
                                           name="inpusername"
                                           placeholder="Username"
                                           onkeydown="triggerSave()"
                                           value="@Model.SelectedUser.UserName">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inpfullname"
                                       class="col-sm-3 control-label">
                                    Full name
                                </label>
                                <div class="col-sm-8">
                                    <input type="text"
                                           class="form-control"
                                           id="inpfullname"
                                           name="inpfullname"
                                           placeholder="Full name"
                                           onkeydown="triggerSave()"
                                           value="@Model.SelectedUser.FullName">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inpemail"
                                       class="col-sm-3 control-label">
                                    Email
                                </label>
                                <div class="col-sm-8">
                                    <input type="email"
                                           class="form-control"
                                           id="inpemail"
                                           name="inpemail"
                                           placeholder="Email"
                                           onkeydown="triggerSave()"
                                           value="@Model.SelectedUser.Email">
                                </div>
                            </div>
                            <input type="text"
                                   style="display:none"
                                   id="u"
                                   name="u"
                                   value="@Model.SelectedUser.Id" />
                            @if (Model.SelectedUser.Id != Guid.Empty)
                            {
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">
                                        User id
                                    </label>
                                    <label class="col-sm-8 control-label" style="text-align:left">
                                        @Model.SelectedUser.Id
                                    </label>

                                </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">
                                            User created
                                        </label>
                                        <label class="col-sm-8 control-label" style="text-align:left">
                                            @Model.SelectedUser.CreationDate.AddHours(2).ToString();
                                        </label>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">
                                            Last activity
                                        </label>
                                        <label class="col-sm-8 control-label" style="text-align:left">
                                            @Model.SelectedUser.LastActivityDate.AddHours(2).ToString()
                                        </label>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">
                                            Password
                                        </label>
                                        <div id="inppassreset" class="col-sm-8">
                                            Last change: @Model.SelectedUser.LastPasswordChangedDate.ToShortDateString()
                                            <button type="button"
                                                    onclick="resetPass('@(Model.SelectedUser.Id)')"
                                                    class="btn btn-default">
                                                <i class="fa fa-unlock"></i> Reset password
                                            </button>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">
                                            Member of @Model.SelectedUserSubscriptions.Count groups
                                        </label>
                                        <div class="col-sm-8 control-label" style="text-align:left">
                                            @if (Model.SelectedUserSubscriptions.Count > 0)
                                            {
                                                @foreach (var g in Model.SelectedUserSubscriptions)
                                                {
                                                    <div class="row">
                                                        <p class="col-sm-10"><i class="fa fa-group"></i> @g.Name</p>
                                                        <p class="col-sm-2">
                                                            <a class="btn btn-danger pull-right"
                                                               asp-controller="User"
                                                               asp-action="deleteUserGroup"
                                                               asp-route-id="@Model.SelectedUser.Id"
                                                               asp-route-group="@g.Id"
                                                               onclick="showDeleter()">
                                                                <i class="fa fa-trash-o"></i>
                                                            </a>
                                                        </p>
                                                    </div>
                                                }
                                            }
                                            else
                                            {
                                                <p>Not a member of any groups</p>
                                            }
                                        </div>
                                    </div>
                            }

                            <div class="row" style="margin-left:10px;margin-right:10px;margin-top:-10px">
                                <a class="btn btn-primary col-sm-3"
                                   data-toggle="collapse"
                                   href="#addgroups"
                                   aria-expanded="false"
                                   aria-controls="addgroups"
                                   style="margin:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                                    @(Model.SelectedUser.Id == Guid.Empty ? "Set groups" : "Add groups")
                                </a>
                                <div class="collapse col-sm-12"
                                     id="addgroups">
                                    <div class="panel panel-primary" style="padding:0px">
                                        <div class="panel-heading">
                                            <p>
                                                <i class="fa fa-group"></i> Groups
                                            </p>
                                        </div>
                                        <div class="panel-body">
                                            @foreach (var group in Model.ugroups)
                                            {
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox"
                                                               name="groupstoadd"
                                                               @(Model.SelectedUserSubscriptions.Contains(group) ? "checked disabled" : "")
                                                               value="@group.Id"
                                                               onclick="triggerSave()">
                                                        @group.Name
                                                    </label>
                                                </div>

                                            }
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @if (Model.SelectedUser.Id != Guid.Empty)
                            {
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">
                                        @Model.SelectedUserRoles.Count Roles
                                    </label>
                                    <div class="col-sm-8 control-label" style="text-align:left">
                                        @if (Model.SelectedUserRoles.Count > 0)
                                        {
                                            @foreach (var r in Model.SelectedUserRoles)
                                            {
                                                <div class="row">

                                                    <p class="col-sm-10"><i class="fa fa-gavel"></i> @r.Name</p>
                                                    <p class="col-sm-2">
                                                        <a class="btn btn-danger pull-right"
                                                           asp-controller="User"
                                                           asp-action="deleteUserRole"
                                                           asp-route-id="@Model.SelectedUser.Id"
                                                           asp-route-role="@r.Name"
                                                           onclick="showDeleter()">
                                                            <i class="fa fa-trash-o"></i>
                                                        </a>
                                                    </p>
                                                </div>
                                            }
                                        }
                                        else
                                        {
                                            <p>User has no roles</p>
                                        }
                                    </div>
                                </div>
                            }
                            <div class="row" style="margin-left:10px;margin-right:10px;">
                                <a class="btn btn-primary col-sm-3"
                                   data-toggle="collapse"
                                   href="#addroles"
                                   aria-expanded="false"
                                   aria-controls="addroles"
                                   style="margin:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                                    @(Model.SelectedUser.Id == Guid.Empty ? "Set roles" : "Add roles")
                                </a>
                                <div class="collapse col-sm-12"
                                     id="addroles">
                                    <div class="panel panel-primary" style="padding:0px">
                                        <div class="panel-heading">
                                            <p>
                                                <i class="fa fa-gavel"></i> Roles
                                            </p>
                                        </div>
                                        <div class="panel-body">
                                            @foreach (var role in Model.roles)
                                            {
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox"
                                                               name="rolestoadd"
                                                               @(Model.SelectedUserRoles.Contains(role) ? "checked disabled" : "")
                                                               value="@role.Name"
                                                               onclick="triggerSave()">
                                                        @role.Name
                                                    </label>
                                                </div>

                                            }
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-3 col-sm-3">
                                    <button type="submit"
                                            id="inpsaver"
                                            disabled
                                            class="btn btn-default">
                                        <i class="fa fa-save"></i>
                                        @(Model.SelectedUser.Id != Guid.Empty ? "Save changes" : "Add user")
                                    </button>
                                </div>
                                @if (Model.SelectedUser.Id != Guid.Empty)
                                {
                                    <div class="col-sm-5">
                                        <a class="btn btn-danger pull-right"
                                           asp-controller="User"
                                           asp-action="deleteUser"
                                           asp-route-id="@Model.SelectedUser.Id"
                                           onclick="showDeleter()">
                                            <i class="fa fa-trash-o"></i> Delete user
                                        </a>
                                    </div>
                                }
                            </div>




                            <script type="text/javascript">
                                function triggerSave() {
                                    if ($("#inpfullname").val() != "" &&
                            $("#inpemail").val() != "") {
                                        document.getElementById("inpsaver").className = "btn btn-lg btn-success";
                                        document.getElementById("inpsaver").disabled = false;
                                    }
                                    else {
                                        document.getElementById("inpsaver").className = "btn btn-default";
                                        document.getElementById("inpsaver").disabled = true;

                                    }

                                }
                            </script>
                        </form>

                    </div>

                </div>





            </div>
        }
    </div>

    <script src="~/js/hubs/userinfohubber.js"></script>
    <script type="text/javascript">
        function showSaver() {
            document.getElementById("content").style.display = "none";
            document.getElementById("saver").style.display = "";

        }
        function showUser() {
            document.getElementById("content").style.display = "none";
            document.getElementById("user").style.display = "";

        }
        function showDeleter() {
            document.getElementById("content").style.display = "none";
            document.getElementById("deleter").style.display = "";
        }
    </script>
</div>