<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⠴⠒⠒⠒⢒⡶⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⠁⠀⠀⠀⠀⠀⡾⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡴⠁⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠞⠁⠀⢀⣀⣀⣀⡀⠀⠀⢧⠀⠀⠀⠀⠀⡴⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣰⠿⠒⠋⠉⠉⠀⠀⠀⠈⠉⠓⠾⢄⣀⠀⠀⢠⡇⠸⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣩⠏⠉⠒⢒⣲⡤⠤⣀⣀⠀⠀⠀⠀⠀⠈⠑⢤⡘⡄⠀⢳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀
⠀⠀⠀⠀⠀⢰⠾⣣⠴⠚⠉⠉⠀⠀⠀⠀⠀⠉⠓⠀⠀⠀⠀⠀⠀⠙⣧⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⣔⡿⡍⡇
⠀⠀⠀⠀⠀⢸⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠆⠀⠀⢳⡀⠀⠀⠀⠀⠀⣀⡤⠞⠋⣡⠞⠉⠀⣇⡇
⠀⠀⠀⠀⣴⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡠⠴⠒⠛⠓⠚⠉⠉⠉⠁⠀⣴⡟⠁⠀⠀⠀⣿⠁
⠀⠀⠀⣼⣁⣠⡤⢴⠖⠒⠒⠦⠤⢴⣶⣢⠤⠤⠔⠚⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣞⡞⠀⠀⠀⠀⢰⢿⠀
⠀⠀⠀⠉⠉⢙⣦⠞⠀⡠⠞⠉⢉⡷⡄⠉⢙⡶⠃⠀⠀⠀⢀⣠⣦⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡎⡼⠀⠀⠀⠀⠀⡜⡞⠀
⠀⠀⠀⣤⡖⠛⠀⠀⡜⠁⠀⡴⢋⣀⣹⣠⠋⠀⠀⠀⠀⣰⣿⠿⠛⠛⠿⣿⣷⣄⡀⠀⠀⠀⠀⠀⡼⢰⠃⠀⠀⠀⠀⡼⢱⠃⠀
⠀⢀⣴⠛⠀⠀⠀⢼⠁⠀⣼⢁⣿⡬⣿⠃⠀⠀⠀⠀⠐⠋⠁⠀⠀⠀⠀⠀⠙⢿⣷⣄⠀⠀⠀⣸⢃⡏⠀⠀⠀⢀⡜⢡⠏⠀⠀
⠀⠸⡿⠀⠀⠀⠀⢻⡀⠀⠀⠀⠉⢠⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣿⠁⣀⡜⠁⡼⠀⠀⠀⡠⠋⣰⠋⠀⠀⠀
⠀⠀⣧⠀⠀⠀⠀⠈⢳⣀⣙⣦⡤⠋⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀⠀⠀⠀⠀⠀⢤⠀⣹⠌⢩⠏⢠⣇⣠⠴⠊⢀⡼⠁⠀⠀⠀⠀
⠀⠀⠘⡆⢀⡴⠖⠋⠉⠉⠀⠀⠀⠀⠀⠀⠀⠘⢧⣤⣾⣷⣿⣿⣿⣷⣦⡀⠀⢸⠀⠻⣾⠉⠀⠀⠀⠀⢀⣠⠋⠀⠀⠀⠀⠀⠀
⠀⠀⢠⡟⣥⠤⠦⠤⠤⢤⣀⣀⠀⠀⠀⠀⠀⠀⠀⠉⠁⠀⠀⠉⠛⠿⣿⣿⣄⣸⠀⠈⠻⣇⠀⢀⣀⠤⠟⠓⠃⠀⠀⠀⠀⠀⠀
⠀⠀⠸⡆⢧⡀⠀⠀⠀⠀⠀⠈⠙⠲⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠁⠀⠀⠀⣸⡍⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢳⡄⠙⢦⡀⠀⠀⠀⣀⡤⠞⠁⠀⠀⠀⠀⢀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠙⢦⣀⣉⣷⡚⠉⠀⠀⠀⠀⠀⠀⠀⢀⡾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠼⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣦⣴⠚⢁⡾⠋⠉⠳⢤⣀⢀⣀⣀⣠⠔⠋⠀⠀⠀⠀⠀⠀⣀⣠⠤⠖⠋⠁⢀⣺⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢰⣷⡇⠀⡞⠀⠀⠀⠀⠀⡼⠋⠉⠁⠀⠀⣀⣀⠤⠴⠒⠊⠉⠉⠀⠀⠀⠀⠀⣼⣿⠻⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠈⢯⡛⢦⡀⠀⠀⠀⢀⡾⠥⠤⠔⠒⠊⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⡆⣸⣹⠛⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢠⡿⠀⢹⣶⣶⣖⡋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⡟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢀⡿⠿⠉⠉⠋⠀⠀⠉⠙⠶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡀⠹⢤⣀⣀⣀⣀⣀⡠⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⡰⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠢⣄⠀⠀⠀⡀⠀⠀⠀⠀⠀⠀⠀⣼⠇⠀⠀⠀⠀⠀⠙⠋⠩⠿⢿⣁⠀⠀⠀⠀⠀⠀
⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⡄⠀⠉⠑⠶⢤⣀⣀⣠⣴⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠿⣅⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠂⠀⠀⠀⠀⠀⠉⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢦⠀⠀⠀⠀
⡅⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣇⠀⠀⠀
⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠀⠀⠀
Yep, this project is made by a furry owo >;3 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <meta http-equiv="X-Frame-Options" content="DENY">
    <meta http-equiv="Referrer-Policy" content="no-referrer">

    <link href="/static/css/main.css?v=1747838793" rel="stylesheet">
    <link href="/static/themes.php" rel="stylesheet">
    <link href="/static/css/fonts.css?v=1747740437" rel="stylesheet">
    <link href="/static/css/notifications.css?v=1747740437" rel="stylesheet">
    <link rel="stylesheet" href="/static/js/sweetalert2.min.css?v=1747740437">

    <script src="/static/js/sweetalert2.min.js?v=1747740437" defer></script>
    <script src="/static/header_scripts.js?v=1747740437" defer></script>
    <script src="/static/js/notifications.js?v=1747740437" defer></script>

    <link rel="stylesheet" href="/static/lib/tippy/tippy.css?v=1747740437">
    <script src="/static/lib/tippy/popper.min.js?v=1747740437"></script>
    <script src="/static/lib/tippy/tippy.umd.min.js?v=1747740437"></script>
    <script src="/static/lib/chart/chart.min.js?v=1747740437"></script>
    <link rel="stylesheet" href="/static/css/bootstrap-icons.css?v=1747740437">

    <script>
        if (localStorage.getItem("dark-mode") === "enabled") {
            document.documentElement.classList.add("dark-mode");
        }
    </script>
    
        
        <style>
        .dark-mode body {
            background-image: url('/static/backgrounds/GST-bg.jpg');
        }
    </style>
        
    <style>
            </style>
    
        
    <div class="topbar">
        <div class="topbar-container">
            <div class="logo-container">
                <div class="topbar-title logo">
                    <a href="/">
                        <img src="/static/logos/logo.png" alt="Logo" width="180">
                    </a>
                </div>
                <div id="banner" class="banner">
                    <div class="note" id="bannerNote"></div>
                    <button id="closeBanner" onclick="closeBanner()">&times;</button>
                </div>
                <div class="topbar-subtitle">goSupertools
                </div>
            </div>
            <div class="topbar-button-container">

                <a href="/" class="topbar-button">Home</a>
                <a href="/list/" class="topbar-button">Item
                    Database</a>
                <a href="/sale/"
                    class="topbar-button">Sales
                    Manager</a>
                <a href="/list/catwalk.php"
                    class="topbar-button">Catwalk</a>
                <a href="/analyzer-v2/"
                    class="topbar-button">Wardrobe
                    Analyzer</a>

                                </div>
                <div class="topbar-links">
                    <button id="registerButton" class="profile-button"><i class="bi bi-person-plus-fill" style="font-size: 18px; font-weight: bold; margin-right: 8px;"></i>Register</button>
                    <button id="loginButton" class="log-in"><i class="bi bi-box-arrow-in-right" style="font-size: 18px; font-weight: bold; margin-right: 8px;"></i>Login</button>
                                <div class="search-container">
                    <input type="text" id="linkInput" name="searchInput" class="search-input"
                        placeholder="Enter Item Link" autocomplete="off">
                    <button id="srchButton" class="search-button">
                        <i class="bi bi-search" style="font-size: 18px; font-weight: bold;"></i>
                    </button>
                </div>

                <div id="dark-mode-toggle" class="toggle-container">
                    <div class="toggle-switch">
                        <i class="bi bi-moon-fill moon-icon" style="font-size: 18px; color: #D9D9D9;"></i>
                        <i class="bi bi-sun-fill sun-icon" style="font-size: 18px; color: #606060;"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="footer">    
    <div class="footer-links">
        <span><a href="/item/skWmQVjmUvu9vE7dP6g4d">Random Item</a></span> | 
        <span><a href="/help/">Help</a></span> | 
        <span><a href="/help/info.php">Information</a></span> | 
        <span><a href="/help/safety.php">Safety</a></span> | 
        <span><a href="/help/terms.php">Terms</a></span> | 
        <span><a href="/help/rules.php">Rules</a></span> | 
        <span><a href="/help/thanks.php">Credits</a></span> | 
        <span><a href="/help/feedback.php">Feedback</a></span> | 
        <span><a href="/help/imprint.php">Imprint</a></span>
            </div>
    <div class="footer-note">
        <span>Thanks to © 2024 Momio Aps. All Rights Reserved. Used with permission.</span>
    </div>
</div>

<style>
    .gsm-ad-container {
        width: 100%;
        max-width: inherit;
        padding: 20px 0;
        text-align: center;
        margin: 10px auto 80px auto;
    }
    
    .gsm-ad-banner {
        background-color: var(--gst-background-columncontainer-opacity);
        border-radius: 25px;
        padding: 15px;
        display: inline-block;
        max-width: 100%;
    }
    
    .dark-mode .gsm-ad-banner {
        background-color: #2a2a2a;
        color: #e0e0e0;
    }
    
    .gsm-ad-content {
        min-height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }
    
    .column-container {
        margin-bottom: 100px;
    }
</style>

<title>goSupertools - Feedback & Contact</title>
<style>
    .content h2 {
        color: var(--gst-text-pink);
        font-size: 32px;
        font-weight: 700;
        margin: unset;
        margin-bottom: 10px;
    }

    .content {
        padding: 20px;
        font-size: 15px;
        font-weight: 400;
    }

    .form-container {
        padding: 20px;
        width: 500px;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        background-color: var(--gst-background-lightgray);
        border-radius: 15px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .feedlabel {
        display: block;
        margin-bottom: 5px;
        color: #A0A0A0;
        font-size: 16px;
        font-weight: 700;
    }

    .feedinput,
    .feedtextarea,
    .feedselect {
        width: 100%;
        padding: 10px;
        border: 1px solid #7C7C7C;
        border-radius: 4px;
        box-sizing: border-box;
        font-family: 'Montserrat';
    }

    .feedtextarea {
        resize: vertical;
        height: 150px;
    }

    .feedbutton {
        width: 137px;
        height: 37px;
        border-radius: 15px;
        background-color: var(--gst-background-pink);
        padding: 10px 15px;
        color: #fff;
        border: none;
        font-size: 14px;
        font-weight: 500;
        transition: 0.2s ease;
        cursor: pointer;
        display: block;
        margin: 0 auto;
    }

    .feedbutton:disabled {
        background-color: #ADADAD;
        cursor: not-allowed;
    }

    .feedbutton:hover:not(:disabled) {
        background-color: var(--gst-background-pink-hover);
    }

    .volunteer {
        background-color: var(--gst-background-lightgray);
        border-radius: 15px;
        padding: 20px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .volunteer span {
        font-weight: 700;
    }

    .field-group {
        display: none;
    }

    .field-group.active {
        display: block;
    }

    #formTitle {
        margin-top: 0;
        text-align: center;
    }

    #formDescription {
        margin-bottom: 20px;
    }
    
    .content-header {
        margin-bottom: 20px;
    }
    
    .readonly-input {
        background-color: #f0f0f0;
        cursor: not-allowed;
    }
</style>
</head>

<body>
    <div class="column-container">
        <div class="content">
            <div class="content-header">
                <h2>Feedback & Contact</h2>
                We value your feedback! Your opinions and suggestions help us improve goSupertools. 
                Please use the form below to share your thoughts about our website.
                <br><br>
                Select from the dropdown list what type of message you want to send us:
            </div>

            <div class="form-container">
                <h3 id="formTitle">Give Feedback</h3>
                <p id="formDescription">Tell us what you like or what we could improve.</p>
                
                <div class="form-group">
                    <label class="feedlabel" for="feedbackType">Message Type</label>
                    <select class="feedselect" id="feedbackType" name="feedbackType" onchange="changeFormType()">
                        <option value="feedback">Feedback</option>
                        <option value="bug">Bug Report</option>
                        <option value="feature">Feature Request</option>
                        <option value="application">Application (Work with us)</option>
                        <option value="support">Support Request</option>
                    </select>
                </div>

                <div id="usernameField" class="form-group field-group">
                    <label class="feedlabel" for="username">Model Name <span id="usernameRequired" style="display: none; color: #ff4081;">*</span> <span id="usernameOptional" style="color: #858585; font-weight: 400; font-size: 14px;">(optional)</span></label>
                    <input class="feedinput" type="text" id="username" name="username" oninput="checkInput()">
                </div>

                <div id="workWithUsInfo" class="field-group">
                    Do you want to write creative newsposts for goSupertools? Interested in helping us create tagging guidelines
                    or assist with administrative tasks like approving tags and categories? Maybe you have a big idea for a new
                    feature that you'd like to bring to life with us. Or, if you have programming skills, you can help us
                    improve the site to make it more user-friendly.
                    <br><br>
                    You will be part of the goSupertools Volunteer team and have access to the Admin tools you need to help us 
                    improve the site. Plus, you'll get a spot on our "Credits" page as a token of our appreciation.
                </div>

                <div id="volunteerNote" class="volunteer field-group">
                    <span>PLEASE NOTE:</span> These are volunteer positions. We can't offer any payment,
                    so please apply only if you're okay with that and want to help make goSupertools even better for everyone.
                </div>

                <div class="form-group">
                    <label class="feedlabel" for="message" id="messageLabel">Your Feedback</label>
                    <textarea class="feedtextarea" id="message" name="message" oninput="checkInput()"></textarea>
                </div>

                <button id="sendButton" class="feedbutton" onclick="sendFeedback()" disabled>Send</button>
            </div>
        </div>
    </div>

    <script>
        const isLoggedIn = false;
        let loggedInUsername = '';
        
                
        const formTypes = {
            feedback: {
                title: "Give Feedback",
                description: "Tell us what you like or what we could improve.",
                messageLabel: "Your Feedback",
                showUsername: true,
                showVolunteerNote: false,
                showWorkWithUsInfo: false
            },
            bug: {
                title: "Report a Bug",
                description: "Describe the bug as precisely as possible. What happened and what steps led to the bug?",
                messageLabel: "Bug Description",
                showUsername: true,
                showVolunteerNote: false,
                showWorkWithUsInfo: false
            },
            feature: {
                title: "Feature Request",
                description: "Share your ideas for new features or improvements.",
                messageLabel: "Your Suggestion",
                showUsername: true,
                showVolunteerNote: false,
                showWorkWithUsInfo: false
            },
            application: {
                title: "Work with us",
                description: "Let us know how you'd like to help and we'll get in touch to discuss the details.",
                messageLabel: "Your Application",
                showUsername: true,
                showVolunteerNote: true,
                showWorkWithUsInfo: true
            },
            support: {
                title: "Support Request",
                description: "Having issues or questions? Our team is here to help you.",
                messageLabel: "Your Question or Issue",
                showUsername: true,
                showVolunteerNote: false,
                showWorkWithUsInfo: false
            }
        };

        function changeFormType() {
            const type = document.getElementById('feedbackType').value;
            const config = formTypes[type];
            
            document.getElementById('formTitle').textContent = config.title;
            document.getElementById('formDescription').textContent = config.description;
            document.getElementById('messageLabel').textContent = config.messageLabel;
            
            toggleFieldGroup('usernameField', config.showUsername);
            toggleFieldGroup('volunteerNote', config.showVolunteerNote);
            toggleFieldGroup('workWithUsInfo', config.showWorkWithUsInfo);
            
            setupUsernameField(type);
            
            checkInput();
        }

        function setupUsernameField(type) {
            const usernameField = document.getElementById('usernameField');
            const usernameInput = document.getElementById('username');
            const usernameRequired = document.getElementById('usernameRequired');
            const usernameOptional = document.getElementById('usernameOptional');
            
            if (isLoggedIn) {
                usernameInput.value = loggedInUsername;
                usernameInput.readOnly = true;
                usernameInput.classList.add('readonly-input');
                usernameField.classList.add('active');
                usernameRequired.style.display = 'none';
                usernameOptional.style.display = 'none';
            } else {
                usernameInput.value = '';
                usernameInput.readOnly = false;
                usernameInput.classList.remove('readonly-input');
                usernameField.classList.add('active');
                
                if (type === 'application') {
                    usernameRequired.style.display = 'inline';
                    usernameOptional.style.display = 'none';
                } else {
                    usernameRequired.style.display = 'none';
                    usernameOptional.style.display = 'inline';
                }
            }
        }

        function toggleFieldGroup(id, show) {
            const element = document.getElementById(id);
            if (element) {
                if (show) {
                    element.classList.add('active');
                } else {
                    element.classList.remove('active');
                }
            }
        }

        function checkInput() {
            const type = document.getElementById('feedbackType').value;
            const message = document.getElementById('message').value.trim();
            const username = document.getElementById('username').value.trim();
            const sendButton = document.getElementById('sendButton');
            
            let isValid = message !== "";
            
            if (type === 'application' && !isLoggedIn && username === "") {
                isValid = false;
            }
            
            sendButton.disabled = !isValid;
        }

        function sendFeedback() {
            const type = document.getElementById('feedbackType').value;
            const username = !isLoggedIn ? document.getElementById('username').value.trim() : '';
            const message = document.getElementById('message').value.trim();
            
            const formData = new FormData();
            formData.append('type', type);
            formData.append('message', message);
            
            if (!isLoggedIn) {
                formData.append('username', username);
            }
            
            fetch('../api/help/save_feedback.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    let successMessage = "Thank you for your feedback!";
                    
                    if (type === 'application') {
                        successMessage = "Thank you for your application! We will review it and get back to you.";
                    } else if (type === 'bug') {
                        successMessage = "Thank you for your bug report! We will investigate the issue.";
                    } else if (type === 'support') {
                        successMessage = "Thank you for your support request! We will contact you if needed.";
                    }
                    
                    customAlertSuccess(successMessage).then(() => {
                        document.getElementById('username').value = isLoggedIn ? loggedInUsername : '';
                        document.getElementById('message').value = '';
                        document.getElementById('feedbackType').value = 'feedback';
                        changeFormType();
                    });
                } else {
                    customAlertError("An error occurred: " + data.message);
                }
            })
            .catch(error => {
                console.error('Error:', error);
                customAlertError("An error occurred while sending your feedback");
            });
        }
        
        document.addEventListener('DOMContentLoaded', function() {
            if (window.location.hash === '#work') {
                document.getElementById('feedbackType').value = 'application';
            } else if (window.location.hash === '#support') {
                document.getElementById('feedbackType').value = 'support';
            }
            changeFormType();
        });
    </script>
</body>
</html>