<?xml version="1.0" encoding="UTF-8"?>

<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"

          xmlns:fmt="http://java.sun.com/jsp/jstl/fmt"

          version="2.0">

    <fmt:setBundle basename="cz.frantovo.sql.vyuka.preklady" scope="application"/>

    <!-- Logo programu -->

    <div id="zahlavi"><h1><fmt:message key="nazev"/></h1></div>

    <div id="bloky">

        <!-- Nápověda -->

        <div class ="blok" id="napoveda">

            <h2><fmt:message key="blok.napoveda"/></h2>

            <div class="vnitrekBloku" >

                <div id="napovedniPole"><!-- Sem se bude načítat nápověda – průvodce. --></div>

            </div>

            <!-- <Navigace> -->

            <div id="navigace">

                <form action="#">

                    <fieldset>

                        <fmt:message key="navigace.predchozi" var="navigacePredchozi" />

                        <button class="predchozi"

                                name="predchozi"

                                title="${navigacePredchozi}"

                                type="button"

                                onclick="javascript:ajaxPruvodcePredchozi();">&amp;#160;</button>

                        <fmt:message key="navigace.zpet" var="navigaceZpet" />

                        <button class="zpet"

                                name="zpet"

                                title="${navigaceZpet}"

                                type="button"

                                onclick="javascript:ajaxPruvodceZpet();">&amp;#160;</button>

                        <fmt:message key="navigace.pruvodce" var="navigacePruvodce" />

                        <button class="pruvodce"

                                name="pruvodce"

                                title="${navigacePruvodce}"

                                type="button"

                                onclick="javascript:ajaxPruvodceKod('pruvodce');">&amp;#160;</button>

                        <fmt:message key="navigace.model" var="navigaceModel" />

                        <button class="model"

                                name="model"

                                title="${navigaceModel}"

                                type="button"

                                onclick="javascript:ajaxPruvodceKod('model');">&amp;#160;</button>

                        <fmt:message key="navigace.vpred" var="navigaceVpred" />

                        <button class="vpred"

                                name="vpred"

                                title="${navigaceVpred}"

                                type="button"

                                onclick="javascript:ajaxPruvodceVpred();">&amp;#160;</button>

                        <fmt:message key="navigace.nasledujici" var="navigaceNasledujici" />

                        <button class="nasledujici"

                                title="${navigaceNasledujici}"

                                type="button"

                                onclick="javascript:ajaxPruvodceNasledujici();">&amp;#160;</button>

                    </fieldset>

                </form>

            </div>

            <!-- </Navigace> -->

        </div>

        <div id="io">

            <!-- Zadávání SQL příkazů -->

            <div class ="blok" id="vstup">

                <h2><fmt:message key="blok.zadavani"/></h2>

                <div class="vnitrekBloku">

                    <form action="#" id="aplikace">

                        <fieldset>

                            <textarea id="vstupniPole"

                                      name="vstupniPole"

                                      rows="100"

                                      cols="1000"

                                      onkeypress="javascript:zpracujTabulatory(event);"><fmt:message key="vychozi.sql"/></textarea>

                            <input  id="stavovePole"

                                    name="stavovePole"

                                    disabled="disabled"

                                    type="text" />

                            <fmt:message key="tlacitko.historie.tip" var="zobrazitHistoriiTip" />

                            <button class="zobrazitHistorii"

                                    name="zobrazitHistorii"

                                    title="${zobrazitHistoriiTip}"

                                    type="button"

                                    onclick="javascript:ajaxZobrazitHistorii();">&amp;#160;</button>

                            <fmt:message key="tlacitko.vykonat.tip" var="vykonatSQLTip" />

                            <button class="vykonatSQL"

                                    name="vykonatSQL"

                                    title="${vykonatSQLTip}"

                                    type="button"

                                    onclick="javascript:ajaxVykonatSQL();">&amp;#160;</button>

                        </fieldset>

                    </form>

                </div>

            </div>

            <!-- Zobrazování výstupu -->

            <div class ="blok" id="vystup">

                <h2><fmt:message key="blok.vysledek"/></h2>

                <div class="vnitrekBloku" id="vystupniPole">

                    <!-- Sem se bude vypisovat výsledek SQL dotazů. -->

                </div>

            </div>

        </div>

    </div>

    <!-- Načteme si lokalizované texty do skrytého formuláře, aby je mohl používat JavaScript -->

    <form action="#" id="lokalizace">

        <fieldset>

            <textarea name="nepodporovany" cols="128" rows="1"><fmt:message key="js.nepodporovany"/></textarea>

            <textarea name="probihaSQL" cols="128" rows="1"><fmt:message key="js.probihaSQL"/></textarea>

            <textarea name="probihaHistorie" cols="128" rows="1"><fmt:message key="js.probihaHistorie"/></textarea>

            <textarea name="klikniProNacteniPrikladu" cols="128" rows="1"><fmt:message key="js.klikniProNacteniPrikladu"/></textarea>

            <textarea name="klikniProNacteniHistorie" cols="128" rows="1"><fmt:message key="js.klikniProNacteniHistorie"/></textarea>

        </fieldset>

    </form>

</jsp:root>