citywebshop_cms/application/views/main_view_temp.php

                <!-- Auto-sugession suppported search form -->
                <form action="/search/location" id="location_search" method="post" data-type="ajax" onsubmit="sgStopDelegate(event)">
                    <div class="sugessionWrap">
                        <select name="ertekesites" class="sgSelect" id="ertekesites">
                            <option value="Eladó">Eladó</option>
                            <option value="Kiadó">Kiadó</option>
                        </select>
                        <select name="tipus" class="sgSelect" id="tipus">
                            <option value="Családi ház">Családi ház</option>
                            <option value="Épületrész">Épületrész</option>
                            <option value="Házrész">Házrész</option>
                            <option value="Ikerház">Ikerház</option>
                            <option value="Társasházi" selected>Társasházi</option>
                            <option value="Teljes épület">Teljes épület</option>
                            <option value="Garázs">Garázs</option>
                            <option value="Kereskedelmi">Kereskedelmi</option>
                            <option value="Mezőgazdasági">Mezőgazdasági</option>
                            <option value="Tároló">Tároló</option>
                            <option value="Telek">Telek</option>
                        </select>
                        <div class="hidden-overlow">
                            <div class="sugessionTags" onclick="setFocusOn()">
                                <span class="placeholder">Hol keresel?</span>
                                <input type="text" class="sugessionInput" onfocusin="sgShowLayer()" onkeydown="sgSearchKeyword()" onkeyup="sgSetKeyword()" autocomplete="off" name="locations" id="search_locations" value="">
                            </div>
                            <div class="sugessionLayer">
                                <a onclick="sgHideLayer()" class="sg-close"><i class="fas fa-times"></i></a>
                                <h4 class="sgTabs sgActiveTab" id="sgBudapest" onclick="setSGTab($('#sgBudapest'),$('#sgResBudapest'))">Budapest</h4>
                                <h4 class="sgTabs" id="sgVarosok" onclick="setSGTab($('#sgVarosok'),$('#sgResVarosok'))">Megyék, városok</h4>
                                <h4 class="sgTabs sgKeywordResults" id="sgKeywords" onclick="setSGTab($('#sgKeywords'))">Találatok</h4>
                                <div class="sugessionResultSet" id="sgResKeywords" style="display: none;"></div>
                                <div class="sugessionResultSet" id="sgResVarosok" style="display: none;">
                                    <table>
                                        <thead>
                                            <tr>
                                                <th style="width: 20%;">Megyék</th>
                                                <th style="width: 20%;">&nbsp;</th>
                                                <th style="width: 20%;">&nbsp;</th>
                                                <th style="width: 20%;">&nbsp;</th>
                                                <th style="width: 20%;">&nbsp;</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td onclick="sgAddTag('Bács-Kiskun')">Bács-Kiskun</td>
                                                <td onclick="sgAddTag('Komárom-Esztergom')">Komárom-Esztergom</td>
                                                <td onclick="sgAddTag('Baranya')">Baranya</td>
                                                <td onclick="sgAddTag('Nográd')">Nográd</td>
                                                <td onclick="sgAddTag('Békés')">Békés</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Pest')">Pest</td>
                                                <td onclick="sgAddTag('Borsod-Abaúj-Zemplén')">Borsod-Abaúj-Zemplén</td>
                                                <td onclick="sgAddTag('Budapest')">Budapest</td>
                                                <td onclick="sgAddTag('Csongrád')">Csongrád</td>
                                                <td onclick="sgAddTag('Somogy')">Somogy</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Fejér')">Fejér</td>
                                                <td onclick="sgAddTag('Szabolcs-Szatmár-Bereg')">Szabolcs-Szatmár-Bereg</td>
                                                <td onclick="sgAddTag('Győr-Moson-Sopron')">Győr-Moson-Sopron</td>
                                                <td onclick="sgAddTag('Tolna')">Tolna</td>
                                                <td onclick="sgAddTag('Hajdú-Bihar')">Hajdú-Bihar</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Vas')">Vas</td>
                                                <td onclick="sgAddTag('Heves')">Heves</td>
                                                <td onclick="sgAddTag('Veszprém')">Veszprém</td>
                                                <td onclick="sgAddTag('Jász-Nagykun-Szolnok')">Jász-Nagykun-Szolnok</td>
                                                <td onclick="sgAddTag('Zala')">Zala</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th style="width: 25%;">Városok</th>
                                                <th style="width: 25%;">&nbsp;</th>
                                                <th style="width: 25%;">&nbsp;</th>
                                                <th style="width: 25%;">&nbsp;</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td onclick="sgAddTag('Budapest')">Budapest</td>
                                                <td onclick="sgAddTag('Pécs')">Pécs</td>
                                                <td onclick="sgAddTag('Debrecen')">Debrecen</td>
                                                <td onclick="sgAddTag('Sopron')">Sopron</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Győr')">Győr</td>
                                                <td onclick="sgAddTag('Szeged')">Szeged</td>
                                                <td onclick="sgAddTag('Kecskemét')">Kecskemét</td>
                                                <td onclick="sgAddTag('Székesfehérvár')">Székesfehérvár</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Miskolc')">Miskolc</td>
                                                <td onclick="sgAddTag('Szentendre')">Szentendre</td>
                                                <td onclick="sgAddTag('Nyíregyháza')">Nyíregyháza</td>
                                                <td onclick="sgAddTag('Vác')">Vác</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="sugessionResultSet" id="sgResBudapest">
                                    <table>
                                        <thead>
                                            <tr>
                                                <th>Buda</th>
                                                <th>Pest</th>
                                                <th>&nbsp;</th>
                                                <th>&nbsp;</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td onclick="sgAddTag('Budapest 01')">I. kerület</td>
                                                <td onclick="sgAddTag('Budapest 04')">IV. kerület</td>
                                                <td onclick="sgAddTag('Budapest 13')">XIII. kerület</td>
                                                <td onclick="sgAddTag('Budapest 19')">XIX. kerület</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Budapest 02')">II. kerület</td>
                                                <td onclick="sgAddTag('Budapest 05')">V. kerület</td>
                                                <td onclick="sgAddTag('Budapest 14')">XIV. kerület</td>
                                                <td onclick="sgAddTag('Budapest 20')">XX. kerület</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Budapest 03')">III. kerület</td>
                                                <td onclick="sgAddTag('Budapest 06')">VI. kerület</td>
                                                <td onclick="sgAddTag('Budapest 15')">XV. kerület</td>
                                                <td onclick="sgAddTag('Budapest 21')">XXI. kerület</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Budapest 11')">XI. kerület</td>
                                                <td onclick="sgAddTag('Budapest 07')">VII. kerület</td>
                                                <td onclick="sgAddTag('Budapest 16')">XVI. kerület</td>
                                                <td onclick="sgAddTag('Budapest 13')">XIII. kerület</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Budapest 12')">XII. kerület</td>
                                                <td onclick="sgAddTag('Budapest 08')">VIII. kerület</td>
                                                <td onclick="sgAddTag('Budapest 17')">XVII. kerület</td>
                                                <td onclick="sgAddTag('Budapest 18')">XVIII. kerület</td>
                                            </tr>
                                            <tr>
                                                <td onclick="sgAddTag('Budapest 22')">XXII. kerület</td>
                                                <td onclick="sgAddTag('Budapest 09')">IX. kerület</td>
                                                <td onclick="sgAddTag('Budapest 10')">X. kerület</td>
                                                <td>&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="sgPriceBox">
                            <small>Ár</small>
                            <input type="text" name="armin" id="armin" class="arbox" value="" placeholder="min"><span>-</span><input type="text" name="armax" id="armax" class="arbox" value="" placeholder="max">
                            <small>millió Ft</small>
                        </div>
                        <div class="sgPriceBox">
                            <small>Terület</small>
                            <input type="text" name="nmmin" id="nmmin" class="arbox" value="" placeholder="min"><span>-</span><input type="text" name="nmmax" id="nmmax" class="arbox" value="" placeholder="max">
                            <small style="margin-top: 5px;">m<sup>2</sup></small>
                        </div>
                        <button class="suggestSubmit btn-location" type="button" onclick="search_from_main()" name="search_for_location"><i class="fas fa-search"></i></button>
                    </div>
                </form>
                <!-- Auto-sugession suppported search form -->