{{ define "profileinfo" }}
<link href="/static/css/pages/user-profile.css" rel="stylesheet">

    <table class="container-data">
        <tr class="row-data">
            <td class="col-data-label">Profile Name:</td>
            <td class="col-data-input"><input class="form-control rounded-0 name-size" name="profileName" id="profileName" value="{{ .Profile.Name }}" onchange="handleProfileInfoChanged()"></td>
        </tr>
        <!--
        <tr class="row-data">
            <td class="col-data-label">Type</td>
            <td class="col-data-input"><div class="select-wrapper">
                <select class="custom-select" name="profileType" id="profileType" value="0">
                    <option value="0" selected>User</option>
                    <option value="1">Group</option>
                </select>
            </div>
            </td>
        </tr>
        <tr class="row-data">
            <td class="col-data-label">Machine name</td>
            <td class="col-data-input"><input class="form-control rounded-0  name-size" name="profileMachineName" id="profileMachineName" value="">
            </td>
        </tr>
        <tr class="row-data">
            <td class="col-data-label">IP address</td>
            <td class="col-data-input"><input class="form-control rounded-0  name-size" name="profileIp" id="profileIp" value="">
            </td>
        </tr>
        <tr class="row-data">
            <td class="col-data-label">Admin User</td>
            <td class="col-data-input"><input class="form-check-input" type="checkbox" id="profileAdminUser">
            </td>
        </tr>
        <tr class="row-data">
            <td class="col-data-label">Parent profile</td>
            <td class="col-data-input"><div class="select-wrapper">
                <select class="custom-select" name="profileParent" id="profileParent" value="0">
                    <option value="0" selected>Custom</option>
                    <option value="1">Operator Admin Profile</option>
                    <option value="1">Operator Profile</option>
                </select>
            </div>
            </td>
        </tr>
        TODO -->
    </table>

<script type="text/javascript" charset="utf-8">
    function handleProfileInfoChanged() {
        let profileId = sessionStorage.getItem("profileEditId");
        if (!profileId) { console.error("Profile ID missing"); return; }

        let profileNameInput = document.getElementById("profileName");
        if (!profileNameInput) { console.error("Profile name input missing"); return; }

        const selectedProfileRows = profileEditorGridOptions.api.getSelectedRows();
        if (selectedProfileRows.length !== 1) {
            console.error("Cannot get selected profile data");
            return;
        }
        const currentProfileData = selectedProfileRows[0];

        if (isAdminProfile(currentProfileData)) {
            displayWarningDialog("The Admin profile name cannot be changed.");
            profileNameInput.value = currentProfileData.name;
            return;
        }

        let profileName = profileNameInput.value.trim();
        if (!validateString(profileName)) {
            displayErrorDialog(NameErrorMessage);
            profileNameInput.value = currentProfileData.name;
            return;
        }

        let formatProfileName = encodeURIComponent(profileName);
        $.ajax({
            url: "/profile/updateinfo?profileId=" + profileId + "&name=" + formatProfileName,
            success: (result) => {
                $('#profileinfo').html(result);
                const newProfileNameInput = $('#profileinfo').find('#profileName');
                if (newProfileNameInput.length) {
                    newProfileNameInput.prop('disabled', isAdminProfile(currentProfileData));
                    newProfileNameInput.toggleClass('disabled', isAdminProfile(currentProfileData));
                }
            },
            error: (err) => {
                displayErrorDialog(err.responseText || "Error updating profile name.");
                profileNameInput.value = currentProfileData.name;
            }
        });
    }
</script>
{{ end }}