<!DOCTYPE html>
<html lang="es">
    <head>
        <title data-i18n="mapeate_titulo">Mapeate - Vistas</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta charset="utf-8" />
    </head>
    <body>

        <!-- [[base]] -->
        <div class="mapeate {hash}{clases}" id="{hash}" data-hash="{hash}" data-parametros_raiz="[[]]">
            <header>
                <h1>
                    <a href="{link_local}" target="_self" data-i18n="mapeate" title="{{mapeate}}" data-i18n-without="true">
                        <span class="logo">
                            <img src="{logo}" data-i18n="mapeate" alt="{{mapeate}}" data-i18n-without="true" />
                            <span style="background-image:url('{logo}');"></span>
                        </span>
                        <span data-i18n="mapeate">{{mapeate}}</span>
                    </a>
                </h1>
                <nav class="menu-principal">
                    <ul>{menu_principal}</ul>
                </nav>
                <nav class="menu-links">
                    <ul>{menu_links}</ul>
                </nav>
            </header>
            <main>
                <fielset class="menu-mapas">
                    <legend data-i18n="selecciona_mapa" data-visible="true">{{selecciona_mapa}}</legend>
                    <form method="get" action="#" onsubmit="return false;">
                        <div class="buscador grupo">
                            <label for="selecciona_mapa_buscar" data-i18n="buscar" title="{{buscar}}">{{buscar}}</label>
                            <span class="entrada"><input type="text" name="buscar" id="selecciona_mapa_buscar" data-i18n="buscar" data-i18n-without="true" placeholder="{{buscar}}..." /></span>
                            <button data-i18n="buscar" title="{{buscar}}" data-i18n-without="true">
                                <span data-icon="buscar"></span>
                                <span data-i18n="buscar">{{buscar}}</span>
                            </button>
                        </div>
                        <nav>
                            <ul>{lista_mapas}</ul>
                        </nav>
                    </form>
                </fielset>
                <fieldset class="juego" data-visible="false">
                    <legend data-i18n="juego">{{juego}}</legend>
                    <fieldset class="puntos" data-posicion="arriba_izquierda">
                        <legend data-i18n="puntos" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{puntos}}</legend>
                        <p data-i18n="puntos_texto">{{puntos_texto}}</p>
                        <section>0</section>
                    </fieldset>
                    <fieldset class="elemento" data-posicion="arriba_izquierda">
                        <legend data-i18n="elemento" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{elemento}}</legend>
                        <p data-i18n="elemento_texto">{{elemento_texto}}</p>
                        <section></section>
                    </fieldset>
                    <fieldset class="objetivos" data-posicion="arriba_izquierda">
                        <legend data-i18n="objetivos" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{objetivos}}</legend>
                        <p data-i18n="objetivos_texto">{{objetivos_texto}}</p>
                        <nav>
                            <ul></ul>
                        </nav>
                    </fieldset>
                    <fieldset class="consola" data-posicion="abajo_derecha">
                        <legend data-i18n="consola" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{consola}}</legend>
                        <p data-i18n="consola_texto">{{consola_texto}}</p>
                        <section></section>
                    </fieldset>
                    <fieldset class="temporizador" data-posicion="arriba_derecha">
                        <legend data-i18n="temporizador" onmousedown="nombre_objeto.vistas.arrastrar(this, event);" onmouseup="nombre_objeto.vistas.soltar(this, event);" ontouchstart="nombre_objeto.vistas.arrastrar(this, event);" ontouchend="nombre_objeto.vistas.soltar(this, event);">{{temporizador}}</legend>
                        <p data-i18n="temporizador_texto">{{temporizador_texto}}</p>
                        <section>00:00:00.000</section>
                    </fieldset>
                    <fieldset class="mapa">
                        <legend data-i18n="mapa">{{mapa}}</legend>
                        <p data-i18n="mapa_texto">{{mapa_texto}}</p>
                        <section></section>
                    </fieldset>
                </fieldset>
            </main>
            <footer>
                <span class="licencias">
                    <a href="https://www.gnu.org/licenses/gpl-3.0.txt" target="_blank" title="GPLv3">
                        <span data-i18n="license_text">© 2024-2025 CopyLeft.</span>
                        <img src="https://www.gnu.org/graphics/gplv3-127x51.png" alt="GPLv3" />
                    </a>
                    <a class="licencia-imagen" href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank" data-i18n="licencia_creative_commons" data-i18n-without="true" title="Creative Commons">
                        <img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" alt="cc-sa" />
                    </a>
                </span>
            </footer>
            <div class="dialogo" data-solo-mensaje="true" data-visible="false">
                <div class="fondo" onclick="nombre_objeto.base.ocultar_dialogo(this, event);"></div>
                <fieldset>
                    <legend>Ejemplo</legend>
                    <section>Esto es un ejemplo xD</section>
                    <div class="grupo"></div>
                </fieldset>
            </div>
        </div>
        <!-- [[base]] -->

        <!-- [[posicionador]] -->
        <div class="posicionador">
            <button class="arriba-izquierda" data-seleccionado="true" onclick="nombre_objeto.vistas.posicionar(this, event);" data-i18n="arriba_izquierda" data-i18n-without="true" title="{{arriba_izquierda}}">
                <span data-icon="arriba_izquierda"></span>
                <span data-i18n="arriba_izquierda">{{arriba_izquierda}}</span>
            </button>
            <button class="arriba-derecha" data-seleccionado="false" onclick="nombre_objeto.vistas.posicionar(this, event);" data-i18n="arriba_derecha" data-i18n-without="true" title="{{arriba_derecha}}">
                <span data-icon="arriba_derecha"></span>
                <span data-i18n="arriba_derecha">{{arriba_derecha}}</span>
            </button>
            <button class="abajo-izquierda" data-seleccionado="false" onclick="nombre_objeto.vistas.posicionar(this, event);" data-i18n="abajo_izquierda" data-i18n-without="true" title="{{abajo_izquierda}}">
                <span data-icon="abajo_izquierda"></span>
                <span data-i18n="abajo_izquierda">{{abajo_izquierda}}</span>
            </button>
            <button class="abajo-derecha" data-seleccionado="false" onclick="nombre_objeto.vistas.posicionar(this, event);" data-i18n="abajo_derecha" data-i18n-without="true" title="{{abajo_derecha}}">
                <span data-icon="abajo_derecha"></span>
                <span data-i18n="abajo_derecha">{{abajo_derecha}}</span>
            </button>
        </div>
        <!-- [[posicionador]] -->

        <ul>

            <!-- [[elemento_menu_principal]] -->
            <li data-i18n="{nombre}" title="{{nombre}}" data-i18n-without="true" data-visible="{visible}">
                <a href="{link}" target="{target}" onclick="{onclick}">
                    <span data-icon="{nombre}"></span>
                    <span data-i18n="{nombre}">{{nombre}}</span>
                </a>
            </li>
            <!-- [[elemento_menu_principal]] -->

            <!-- [[elemento_menu_links]] -->
            <li data-i18n="{nombre}" title="{{nombre}}" data-i18n-without="true" data-visible="{visible}" data-tipo="{nombre}">
                <a href="{link}" target="{target}">
                    <span data-icon="{nombre}"></span>
                    <span data-i18n="{nombre}">{{nombre}}</span>
                </a>
            </li>
            <!-- [[elemento_menu_links]] -->

            <!-- [[elemento_seleccion_mapa]] -->
            <li data-i18n="{nombre}" title="{{nombre}}" data-i18n-without="true" onclick="nombre_objeto.mapas.selector.seleccionar(this, event);" data-recalculado="false">
                <span class="imagen">
                    <img src="{thumbnail}" alt="{{nombre}}" />
                    <span style="background-image:url('{thumbnail}');"></span>
                </span>
                <span class="titulo"><span data-i18n="{nombre}">{{nombre}}</span></span>
                <ul class="descripcion">
                    <li data-i18n="dificultad" title="{{dificultad}}" data-i18n-without="true" data-dificultad="{dificultad}">
                        <span data-icon="dificultad"></span>
                        <span data-i18n="dificulad">{{dificultad}}</span>
                        <span class="valor">{dificultad}</span>
                    </li>
                    <li data-i18n="descripcion" title="{{nombre_descripcion}}" data-i18n-without="true">
                        <span data-icon="descripcion"></span>
                        <span data-i18n="descripcion">{{descripcion}}</span>
                        <span data-i18n="{nombre}_descripcion">{{nombre_descripcion}}</span>
                    </li>
                    <li data-i18n="objetivos" title="{{objetivos}}" data-i18n-without="true">
                        <span data-icon="objetivos"></span>
                        <span data-i18n="objetivos">{{objetivos}}</span>
                        <span class="valor">{objetivos}</span>
                    </li>
                </ul>
                <section class="niveles">{niveles}</section>
            </li>
            <!-- [[elemento_seleccion_mapa]] -->

            <!-- [[elemento_seleccion_mapa_nivel]] -->
            <label data-i18n="nivel_{i}" data-i18n-without="true" title="{{nivel_{i}}}" label="{hash}" data-nivel="{i}" data-seleccionado="{seleccionado_bool}">
                <span data-icon="nivel_{i}"></span>
                <span data-i18n="nivel_{i}">{{nivel_{i}}}</span>
                <span class="nivel">
                    <span data-i18n="nivel">{{nivel}}</span>
                    <span class="valor">{i}</span>
                </span>
                <span class="elementos">
                    <span data-i18n="elementos">{{elementos}}</span>
                    <span class="valor">{elementos}</span>
                </span>
                <span class="entrada"><input type="checkbox" id="{hash}" value="{i}" onchange="nombre_objeto.mapas.selector.recalcular_descripcion(this, event);"{seleccionado} /></span>
            </label>
            <!-- [[elemento_seleccion_mapa_nivel]] -->

            <!-- [[elemento_juego_seleccion]] -->
            <li data-clave="{elemento}" data-seleccionado="{seleccionado}" data-ok="false" rol="button" onclick="nombre_objeto.mapas.seleccionar_objetivo(this, event);">{formato}</li>
            <!-- [[elemento_juego_seleccion]] -->

        </ul>

    </body>
</html>