@page "/Query"
<PageTitle>Query</PageTitle>
<PageScript Src="./Components/Pages/Query.razor.js"/>

<main>
    <div class="flex-row" style="align-items:center">
        <label for="lang">Query language</label>
        <select id="lang">
            <option value="jsonql" selected>jsonql-js</option>
            <option value="dactal">DACTAL</option>
        </select>
    </div>
    <textarea id="input" style="height:20vh" autofocus>SELECT *
FROM personen AS p
WHERE 'EenhoofdigOuderlijkGezag' IN p.gezag[].type</textarea>
    <div id="results">
    </div>
    <Log/>

    <fieldset class="docs">
        <legend>Credits</legend>
        <div>
            jsonql-js, a pure-JS SQL-like query language for JSON
        </div>
        <div>
            <a href="https://dactal.org">DACTAL</a> by <a href="https://furia.com">glenn mcdonald</a>
        </div>
        <div>
            personen dataset from <a href="https://github.com/BRP-API/Haal-Centraal-BRP-bevragen">Haal-Centraal-BRP-bevragen
                mock-data</a>
        </div>
    </fieldset>
</main>