<div class="row">
            <div class="col">
                <div class="card bg-dark shadow">
                    <div class="card-header">
                        <h5 class="card-title"><i class="fa-regular fa-circle-1"></i> Lengkapi Data</h5>
                    </div>
                    <div class="card-body">
                        <div id="userData">
                            <div class="row row-cols row-cols-md">
                                <div class="col-6">
                                    <div class="form-group mt-2">
                                        <label for="User ID">User ID</label>
                                        <input class="form-control" placeholder=" User ID" type="number" name="target" id="target" required="">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mt-2">
                                        <label for="Server">Server</label>
                                        <select name="server" class="form-control">
                                        <option value="">Pilih Server</option>
                                                                <option value="Asia Pacific-Eden">Asia Pacific-Eden</option>
                                <option value="Asia Pacific-Fate">Asia Pacific-Fate</option>
                                <option value="Asia Pacific-Nova">Asia Pacific-Nova</option>
                                <option value="Asia Pacific-Ruby">Asia Pacific-Ruby</option>
                                <option value="Asia Pacific-Babel">Asia Pacific-Babel</option>
                                <option value="Asia Pacific-Gomap">Asia Pacific-Gomap</option>
                                <option value="Asia Pacific-Pluto">Asia Pacific-Pluto</option>
                                <option value="Asia Pacific-Sushi">Asia Pacific-Sushi</option>
                                <option value="Asia Pacific-Venus">Asia Pacific-Venus</option>
                                <option value="Asia Pacific-Galaxy">Asia Pacific-Galaxy</option>
                                <option value="Asia Pacific-Memory">Asia Pacific-Memory</option>
                                <option value="Asia Pacific-Oxygen">Asia Pacific-Oxygen</option>
                                <option value="Asia Pacific-Sakura">Asia Pacific-Sakura</option>
                                <option value="Asia Pacific-Seeker">Asia Pacific-Seeker</option>
                                <option value="Asia Pacific-Shinya">Asia Pacific-Shinya</option>
                                <option value="Asia Pacific-Stella">Asia Pacific-Stella</option>
                                <option value="Asia Pacific-Uranus">Asia Pacific-Uranus</option>
                                <option value="Asia Pacific-Utopia">Asia Pacific-Utopia</option>
                                <option value="Asia Pacific-Jupiter">Asia Pacific-Jupiter</option>
                                <option value="Asia Pacific-Sweetie">Asia Pacific-Sweetie</option>
                                <option value="Asia Pacific-Atlantis">Asia Pacific-Atlantis</option>
                                <option value="Asia Pacific-Daybreak">Asia Pacific-Daybreak</option>
                                <option value="Asia Pacific-Takoyaki">Asia Pacific-Takoyaki</option>
                                <option value="Asia Pacific-Adventure">Asia Pacific-Adventure</option>
                                <option value="Asia Pacific-Yggdrasil">Asia Pacific-Yggdrasil</option>
                                <option value="Asia Pacific-Cocoaiteruyo">Asia Pacific-Cocoaiteruyo</option>
                                <option value="Asia Pacific-Food fighter">Asia Pacific-Food fighter</option>
                                <option value="Asia Pacific-Mars">Asia Pacific-Mars</option>
                                <option value="Asia Pacific-Vega">Asia Pacific-Vega</option>
                                <option value="Asia Pacific-Neptune">Asia Pacific-Neptune</option>
                                <option value="Asia Pacific-Tenpura">Asia Pacific-Tenpura</option>
                                <option value="Asia Pacific-Moon">Asia Pacific-Moon</option>
                                <option value="Asia Pacific-Mihashira">Asia Pacific-Mihashira</option>
                                <option value="Europe-Aimanium">Europe-Aimanium</option>
                                <option value="Europe-Alintheus">Europe-Alintheus</option>
                                <option value="Europe-Andoes">Europe-Andoes</option>
                                <option value="Europe-Anomora">Europe-Anomora</option>
                                <option value="Europe-Astora">Europe-Astora</option>
                                <option value="Europe-Valstamm">Europe-Valstamm</option>
                                <option value="Europe-Blumous">Europe-Blumous</option>
                                <option value="Europe-Celestialrise">Europe-Celestialrise</option>
                                <option value="Europe-Cosmos">Europe-Cosmos</option>
                                <option value="Europe-Dyrnwyn">Europe-Dyrnwyn</option>
                                <option value="Europe-Elypium">Europe-Elypium</option>
                                <option value="Europe-Excalibur">Europe-Excalibur</option>
                                <option value="Europe-Espoir IV">Europe-Espoir IV</option>
                                <option value="Europe-Estrela">Europe-Estrela</option>
                                <option value="Europe-Ether">Europe-Ether</option>
                                <option value="Europe-Ex Nihilor">Europe-Ex Nihilor</option>
                                <option value="Europe-Futuria">Europe-Futuria</option>
                                <option value="Europe-Hephaestus">Europe-Hephaestus</option>
                                <option value="Europe-Midgard">Europe-Midgard</option>
                                <option value="Europe-Iter">Europe-Iter</option>
                                <option value="Europe-Kuura">Europe-Kuura</option>
                                <option value="Europe-Lycoris">Europe-Lycoris</option>
                                <option value="Europe-Lyramiel">Europe-Lyramiel</option>
                                <option value="Europe-Magenta">Europe-Magenta</option>
                                <option value="Europe-Magia Przygoda Aida">Europe-Magia Przygoda Aida</option>
                                <option value="Europe-Olivine">Europe-Olivine</option>
                                <option value="Europe-Omnium Prime">Europe-Omnium Prime</option>
                                <option value="Europe-Turmus">Europe-Turmus</option>
                                <option value="Europe-Transport Hub">Europe-Transport Hub</option>
                                <option value="Europe-The Lumina">Europe-The Lumina</option>
                                <option value="Europe-Seaforth Dock">Europe-Seaforth Dock</option>
                                <option value="Europe-Silvercoast Lab">Europe-Silvercoast Lab</option>
                                <option value="North America-The Glades">North America-The Glades</option>
                                <option value="North America-Nightfall">North America-Nightfall</option>
                                <option value="North America-Frontier">North America-Frontier</option>
                                <option value="North America-Libera">North America-Libera</option>
                                <option value="North America-Solaris">North America-Solaris</option>
                                <option value="North America-Freedom-Oasis">North America-Freedom-Oasis</option>
                                <option value="North America-The worlds between">North America-The worlds between</option>
                                <option value="North America-Radiant">North America-Radiant</option>
                                <option value="North America-Tempest">North America-Tempest</option>
                                <option value="North America-New Era">North America-New Era</option>
                                <option value="North America-Observer">North America-Observer</option>
                                <option value="North America-Lunalite">North America-Lunalite</option>
                                <option value="North America-Starlight">North America-Starlight</option>
                                <option value="North America-Myriad">North America-Myriad</option>
                                <option value="North America-Lighthouse">North America-Lighthouse</option>
                                <option value="North America-Oumuamua">North America-Oumuamua</option>
                                <option value="North America-Eternium Phantasy">North America-Eternium Phantasy</option>
                                <option value="North America-Sol-III">North America-Sol-III</option>
                                <option value="North America-Silver Bridge">North America-Silver Bridge</option>
                                <option value="North America-Azure Plane">North America-Azure Plane</option>
                                <option value="North America-Nirvana">North America-Nirvana</option>
                                <option value="North America-Ozera">North America-Ozera</option>
                                <option value="South America-Orion">South America-Orion</option>
                                <option value="South America-Luna Azul">South America-Luna Azul</option>
                                <option value="South America-Tiamat">South America-Tiamat</option>
                                <option value="South America-Hope">South America-Hope</option>
                                <option value="South America-Tanzanite">South America-Tanzanite</option>
                                <option value="South America-Calodesma Seven">South America-Calodesma Seven</option>
                                <option value="South America-Antlia">South America-Antlia</option>
                                <option value="South America-Pegasus">South America-Pegasus</option>
                                <option value="South America-Phoenix">South America-Phoenix</option>
                                <option value="South America-Centaurus">South America-Centaurus</option>
                                <option value="South America-Cepheu">South America-Cepheu</option>
                                <option value="South America-Columba">South America-Columba</option>
                                <option value="South America-Corvus">South America-Corvus</option>
                                <option value="South America-Cygnus">South America-Cygnus</option>
                                <option value="South America-Grus">South America-Grus</option>
                                <option value="South America-Hydra">South America-Hydra</option>
                                <option value="South America-Lyra">South America-Lyra</option>
                                <option value="South America-Ophiuchus">South America-Ophiuchus</option>
                                <option value="Southeast Asia-Phantasia">Southeast Asia-Phantasia</option>
                                <option value="Southeast Asia-Mechafield">Southeast Asia-Mechafield</option>
                                <option value="Southeast Asia-Ethereal Dream">Southeast Asia-Ethereal Dream</option>
                                <option value="Southeast Asia-Odyssey">Southeast Asia-Odyssey</option>
                                <option value="Southeast Asia-Aestral-Noa">Southeast Asia-Aestral-Noa</option>
                                <option value="Southeast Asia-Osillron">Southeast Asia-Osillron</option>
                                <option value="Southeast Asia-Chandra">Southeast Asia-Chandra</option>
                                <option value="Southeast Asia-Saeri">Southeast Asia-Saeri</option>
                                <option value="Southeast Asia-Aeria">Southeast Asia-Aeria</option>
                                <option value="Southeast Asia-Scarlet">Southeast Asia-Scarlet</option>
                                <option value="Southeast Asia-Gumi Gumi">Southeast Asia-Gumi Gumi</option>
                                <option value="Southeast Asia-Fantasia">Southeast Asia-Fantasia</option>
                                <option value="Southeast Asia-Oryza">Southeast Asia-Oryza</option>
                                <option value="Southeast Asia-Stardust">Southeast Asia-Stardust</option>
                                <option value="Southeast Asia-Arcania">Southeast Asia-Arcania</option>
                                <option value="Southeast Asia-Animus">Southeast Asia-Animus</option>
                                <option value="Southeast Asia-Mistilteinn">Southeast Asia-Mistilteinn</option>
                                <option value="Southeast Asia-Valhalla">Southeast Asia-Valhalla</option>
                                <option value="Southeast Asia-Illyrians">Southeast Asia-Illyrians</option>
                                <option value="Southeast Asia-Florione">Southeast Asia-Florione</option>
                                <option value="Southeast Asia-Oneiros">Southeast Asia-Oneiros</option>
                                <option value="Southeast Asia-Famtosyana">Southeast Asia-Famtosyana</option>
                                                            </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br>
                        <?php if($fetch_games["petunjuk"] == null):?>
                        <?php else:?>
                            <button class="btn btn-primary btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#petunjukModal">Petunjuk</button>
                        <?php endif;?>
                    </div>
                </div>
            </div>
        </div>