@model SkyArtShop.Models.AdminUser
@{
    ViewData["Title"] = "View User";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="fas fa-user"></i> User Details</h2>
        <div>
            <a href="/admin/users/edit/@Model.Id" class="btn btn-warning">
                <i class="fas fa-edit"></i> Edit User
            </a>
            <a href="/admin/users" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Back to Users
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0"><i class="fas fa-info-circle"></i> Basic Information</h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tbody>
                            <tr>
                                <th width="200">Full Name:</th>
                                <td><strong>@Model.Name</strong></td>
                            </tr>
                            <tr>
                                <th>Email:</th>
                                <td>@Model.Email</td>
                            </tr>
                            <tr>
                                <th>Phone:</th>
                                <td>@(string.IsNullOrEmpty(Model.Phone) ? "Not provided" : Model.Phone)</td>
                            </tr>
                            <tr>
                                <th>Role:</th>
                                <td>
                                    @if (Model.Role == "MasterAdmin")
                                    {
                                        <span class="badge bg-danger">Master Admin</span>
                                    }
                                    else if (Model.Role == "Admin")
                                    {
                                        <span class="badge bg-primary">Admin</span>
                                    }
                                    else if (Model.Role == "Cashier")
                                    {
                                        <span class="badge bg-success">Cashier</span>
                                    }
                                    else if (Model.Role == "Accountant")
                                    {
                                        <span class="badge bg-info">Accountant</span>
                                    }
                                </td>
                            </tr>
                            <tr>
                                <th>Status:</th>
                                <td>
                                    @if (Model.IsActive)
                                    {
                                        <span class="badge bg-success"><i class="bi bi-check-circle-fill"></i> Active</span>
                                    }
                                    else
                                    {
                                        <span class="badge bg-danger"><i class="bi bi-x-circle-fill"></i> Inactive</span>
                                    }
                                </td>
                            </tr>
                            <tr>
                                <th>Created:</th>
                                <td>@Model.CreatedAt.ToString("MMMM dd, yyyy HH:mm")</td>
                            </tr>
                            <tr>
                                <th>Created By:</th>
                                <td>@Model.CreatedBy</td>
                            </tr>
                            <tr>
                                <th>Last Login:</th>
                                <td>
                                    @if (Model.LastLogin.HasValue)
                                    {
                                        @Model.LastLogin.Value.ToString("MMMM dd, yyyy HH:mm")
                                    }
                                    else
                                    {
                                        <span class="text-muted">Never logged in</span>
                                    }
                                </td>
                            </tr>
                        </tbody>
                    </table>

                    @if (!string.IsNullOrEmpty(Model.Notes))
                    {
                        <div class="mt-3">
                            <h6>Notes:</h6>
                            <p class="text-muted">@Model.Notes</p>
                        </div>
                    }
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0"><i class="fas fa-key"></i> Permissions</h5>
                </div>
                <div class="card-body">
                    @if (Model.Permissions != null && Model.Permissions.Any())
                    {
                        <ul class="list-unstyled mb-0">
                            @foreach (var permission in Model.Permissions)
                            {
                                <li class="mb-2">
                                    <i class="fas fa-check text-success"></i> 
                                    @{
                                        var displayPerm = permission.Replace("_", " ");
                                        displayPerm = char.ToUpper(displayPerm[0]) + displayPerm.Substring(1);
                                    }
                                    @displayPerm
                                </li>
                            }
                        </ul>
                    }
                    else
                    {
                        <p class="text-muted mb-0">No permissions assigned.</p>
                    }
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-body">
                    <h6 class="mb-3"><i class="fas fa-cog"></i> Quick Actions</h6>
                    <div class="d-grid gap-2">
                        <a href="/admin/users/edit/@Model.Id" class="btn btn-sm btn-warning">
                            <i class="fas fa-edit"></i> Edit User
                        </a>
                        @if (Model.Role != "MasterAdmin")
                        {
                            <button class="btn btn-sm btn-danger" onclick="deleteUser('@Model.Id', '@Model.Name')">
                                <i class="fas fa-trash"></i> Delete User
                            </button>
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<form method="post" id="deleteForm">
    <input type="hidden" name="id" id="deleteUserId" />
</form>

<script>
function deleteUser(id, name) {
    if (confirm('Are you sure you want to delete user: ' + name + '?\n\nThis action cannot be undone.')) {
        var form = document.getElementById('deleteForm');
        form.action = '/admin/users/delete/' + id;
        form.submit();
    }
}
</script>