@model Project_Unite.Models.ApplicationUser
@{
    ViewBag.Moderator = true;
    ViewBag.Title = "User details";
}

<h2>User details</h2>

<h4>@Html.UserLink(Model.Id)</h4>

<ul>
    <li><strong>Email address: </strong><a href="mailto:@Model.Email">Email @Model.Email</a></li>
    <li><strong>Display name: </strong> <div id="uname_@Model.Id">@Model.DisplayName</div>
    
    @if (User.Identity.IsAdmin())
    {
        if (ACL.CanManageRole(User.Identity.Name, Model.HighestRole.Id))
        {
            <!-- Trigger the modal with a button -->
            <a data-toggle="modal" data-target="#edit-user-@Model.Id" href="#"><span class="glyphicon glyphicon-pencil"></span> Change</a>

            <!-- Modal -->
            <div id="edit-user-@Model.Id" class="modal fade" role="dialog">
                <div class="modal-dialog">

                    <!-- Modal content-->
                    <div class="modal-content">
                        @using (Html.BeginForm("ChangeUsername", "Moderator", new { id = Model.Id }, FormMethod.Post, new { name = "changeusername_" + Model.Id }))
                        {
                            @Html.AntiForgeryToken()
                            <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Change username</h4>
                        </div>
                        <div class="modal-body">
                                <p>Please enter a username for this user.</p>
                                <p><strong>@Html.DisplayNameFor(Model => Model.DisplayName)</strong>: @Html.TextBoxFor(Model => Model.DisplayName, new { id="new_username_" + Model.Id, @class = "form-control" })</p>                            
                        </div>
                        <div class="modal-footer">
                            <a class="btn btn-primary" data-dismiss="modal" href="#" id="submit_username_@Model.Id"><span class="glyphicon glyphicon-ok"></span> Change</a> 
                            <a href="#" data-dismiss="modal" class="btn btn-default">Cancel</a> 
                        </div>
                        }
                    </div>

                </div>
            </div>
        }
    }
    </li>
    <li><strong>Last known IP address: </strong>@Model.LastKnownIPAddress</li>
    <li><strong>Banned: </strong>
        @if (Model.IsBanned)
        {
            <em>Yes</em>
            if (Model.UserName != User.Identity.Name && ACL.CanManageRole(User.Identity.Name, Model.HighestRole.Id))
            {
         @Html.ActionLink("Unban", "Unban", "Moderator", new { id = Model.Id }, null)
            }
        }
        else
        {
            <em>No</em>
            if (Model.UserName != User.Identity.Name && ACL.CanManageRole(User.Identity.Name, Model.HighestRole.Id))
            {
            @Html.ActionLink("Ban", "Ban", "Moderator", new { id = Model.Id }, null)
            }
        }
    </li>
    @if(Model.IsBanned == true)
    {
        <li><strong>Banned on: </strong>@Model.BannedAt</li>
        <li><strong>Banned by: </strong>@Html.UserLink(Model.BannedBy)</li>
    }
    <li>
        <strong>Muted: </strong>
        @if (Model.IsMuted)
        {
            <em>Yes</em>
            if (Model.UserName != User.Identity.Name && ACL.CanManageRole(User.Identity.Name, Model.HighestRole.Id))
            {
            @Html.ActionLink("Unmute", "Unmute", "Moderator", new { id = Model.Id }, null)
            }
        }
        else
        {
            <em>No</em>
            if (Model.UserName != User.Identity.Name && ACL.CanManageRole(User.Identity.Name, Model.HighestRole.Id))
            {
            @Html.ActionLink("Mute", "Mute", "Moderator", new { id = Model.Id }, null)
            }
        }
    </li>
    @if (Model.IsMuted == true)
    {
        <li><strong>Muted on: </strong>@Model.MutedAt</li>
        <li><strong>Muted by: </strong>@Html.UserLink(Model.MutedBy)</li>
    }
    <li><strong>Bio:</strong>
        <p>@Html.Markdown(Model.Bio)</p>
    </li>
    <li>
        <strong>Interests:</strong>
        <p>@Model.Interests</p>
    </li>
    <li>
        <strong>Hobbies:</strong>
        <p>@Model.Hobbies</p>
    </li>
</ul>

<a data-toggle="modal" href="#" data-target="#m_succeeded_@Model.Id" id="succeeded_@Model.Id" class="hidden">I'm a callback.</a>

<script type="text/javascript">
    $('#submit_username_@Model.Id').click(function (e) { //Never gets called.
        e.preventDefault();
        $.ajax({
            type: 'GET',
            cache: true,
            url: './Moderator/ChangeUsername/@Model.Id?newName=' + encodeURIComponent($('#new_username_!@Model.Id').val()),
            success: function (msg) {
                $.ajax({
                    type: "GET",
                    cache: true,
                    url: "./Moderator/GetUsername/@Model.Id",
                    success: function (result) {
                        $('#uname_@Model.Id').val(result);
                        $('#new_username_@Model.Id').val(result);
                    }
                });
            }
        });
    });
</script>