<?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" id="napovedniPole">

                <!-- Sem se bude načítat nápověda – průvodce. -->

            </div>

            <!-- <Navigace> -->

            <div id="navigace">

                <form action="#">

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

                    <button class="predchozi"

                            name="predchozi"

                            title="${navigacePredchozi}"

                            type="button"

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

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

                    <button class="zpet"

                            name="zpet"

                            title="${navigaceZpet}"

                            type="button"

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

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

                    <button class="pruvodce"

                            name="pruvodce"

                            title="${navigacePruvodce}"

                            type="button"

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

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

                    <button class="model"

                            name="model"

                            title="${navigaceModel}"

                            type="button"

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

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

                    <button class="vpred"

                            name="vpred"

                            title="${navigaceVpred}"

                            type="button"

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

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

                    <button class="nasledujici"

                            title="${navigaceNasledujici}"

                            type="button"

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

                </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="#" name="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;nbsp;</button>

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

                            <button class="vykonatSQL"

                                    name="vykonatSQL"

                                    title="${vykonatSQLTip}"

                                    type="button"

                                    onclick="javascript:ajaxVykonatSQL();">&amp;nbsp;</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="#" name="lokalizace" id="lokalizace">

        <textarea name="nepodporovany"><fmt:message key="js.nepodporovany"/></textarea>

        <textarea name="probihaSQL"><fmt:message key="js.probihaSQL"/></textarea>

        <textarea name="probihaHistorie"><fmt:message key="js.probihaHistorie"/></textarea>

    </form>

</jsp:root>