wp-go-form/go-form-plugin/templates/form-shortcode.php

<?php 
// ========== Helpers ==========
function go_form_get_rank_dropdown($name = 'rank', $id = 'rank', $selected = 0) {
    $ranks = [
        0 => '30k', 1 => '29k', 2 => '28k', 3 => '27k', 4 => '26k',
        5 => '25k', 6 => '24k', 7 => '23k', 8 => '22k', 9 => '21k',
        10 => '20k', 11 => '19k', 12 => '18k', 13 => '17k', 14 => '16k',
        15 => '15k', 16 => '14k', 17 => '13k', 18 => '12k', 19 => '11k',
        20 => '10k', 21 => '9k', 22 => '8k', 23 => '7k', 24 => '6k',
        25 => '5k', 26 => '4k', 27 => '3k', 28 => '2k', 29 => '1k',
        30 => '1d', 31 => '2d', 32 => '3d', 33 => '4d', 34 => '5d',
        35 => '6d', 36 => '7d', 37 => '8d', 38 => '9d'
    ];
    
    $html = "<select name='{$name}' id='{$id}'>\n";
    foreach ($ranks as $value => $label) {
        $selected_attr = selected($value, $selected, false);
        $html .= "    <option value='{$value}'{$selected_attr}>{$label}</option>\n";
    }
    $html .= "</select>";
    echo $html;
}
?>

<div class="go-form-container" id="form">
    <h2>Add New Player</h2>
    <form method="post" action="<?php echo admin_url('admin-post.php'); ?>">
        <?php echo wp_nonce_field('go_form_action', 'go_form_nonce', true, false); ?>
        <input type="hidden" name="action" value="go_form_submit">
        <input type="hidden" name="form_id" value="<?php echo esc_attr($form_id); ?>">
        <table class="go-form-table">
            <tr><td><label for="first_name">First Name*:</label></td><td><input type="text" name="first_name" id="first_name" required></td></tr>
            <tr><td><label for="last_name">Last Name*:</label></td><td><input type="text" name="last_name" id="last_name" required></td></tr>
            <tr><td></td><td><button type="button" id="egd-search" class="button">Search EGD</button></td></tr>
            <tr><td><label for="country">Country:</label></td><td><input type="text" name="country" id="country"></td></tr>
            <tr><td><label for="club">Club:</label></td><td><input type="text" name="club" id="club"></td></tr>
            <tr><td><label for="rank">Rank:</label></td><td><?php go_form_get_rank_dropdown(); ?></td></tr>
            <tr><td><label for="email">Email:</label></td><td><input type="email" name="email" id="email"></td></tr>
            <tr><td><label for="egd_number">EGD Number:</label></td><td><input type="text" name="egd_number" id="egd_number"></td></tr>
        </table>
        <div id="egd-results" style="margin: 10px 0; max-height: 200px; overflow-y: auto; border: 1px solid #ddd; padding: 8px; display: none;"></div>
        <p>* Required fields</p>
        <input type="submit" name="go_form_submit" value="Submit" class="go-form-submit">
    </form>
    <h2>Players</h2>
<?php go_form_render_entries_table(go_form_get_entries($form_id)); ?>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const firstNameInput = document.getElementById('first_name');
    const lastNameInput = document.getElementById('last_name');
    const resultsDiv = document.getElementById('egd-results');
    const searchButton = document.getElementById('egd-search');
    console.log("WE ARE SET UP"); 
    function fetchPlayers() {
        console.log("HI");
        const firstName = firstNameInput.value.trim();
        const lastName = lastNameInput.value.trim();
        
        if (firstName.length < 2) {
            alert('Please enter at least 2 characters in first or last name');
            return;
        }
        if (lastName.length < 2) {
            alert('Please enter at least 2 characters in first or last name');
            return;
        }
       
        resultsDiv.innerHTML = 'Searching...';
        resultsDiv.style.display = 'block';
        
        const url = `https://europeangodatabase.eu/EGD/GetPlayerDataByData.php?lastname=@${encodeURIComponent(lastName)}&name=@${encodeURIComponent(firstName)}`;
        
        fetch(url)
            .then(response => response.json())
            .then(data => {
                if (data.retcode === 'Ok' && data.players && data.players.length > 0) {
                    displayResults(data.players);
                } else {
                    resultsDiv.innerHTML = 'No players found';
                    resultsDiv.style.display = 'block';
                }
            })
            .catch(error => {
                console.error('EGD fetch error:', error);
                resultsDiv.innerHTML = 'Search failed. Try again.';
                resultsDiv.style.display = 'block';
            });
    }
    
    function displayResults(players) {
        resultsDiv.innerHTML = '';
        players.forEach(player => {
            const item = document.createElement('div');
            item.style.padding = '5px';
            item.style.borderBottom = '1px solid #eee';
            item.style.cursor = 'pointer';
            item.innerHTML = `<strong>${player.Name} ${player.Last_Name}</strong> - ${player.Club}, ${player.Country_Code}, ${player.Grade} (${player.Grade_n})`;
            item.addEventListener('click', () => selectPlayer(player));
            resultsDiv.appendChild(item);
        });
        resultsDiv.style.display = 'block';
    }
    
    function selectPlayer(player) {
        document.getElementById('first_name').value = player.Name || player.Real_Name || '';
        document.getElementById('last_name').value = player.Last_Name || player.Real_Last_Name || '';
        document.getElementById('country').value = player.Country_Code || '';
        document.getElementById('club').value = player.Club || '';
        document.getElementById('rank').value = player.Grade_n || 0;
        document.getElementById('egd_number').value = player.Pin_Player || '';
        resultsDiv.style.display = 'none';
    }
    
    searchButton.addEventListener('click', fetchPlayers);
});
</script>