// OT-MMO: Libro de la Vigía (game_consejos): todos los consejos que ya salieron, por si alguien los cerró rápido.
ValdrenVentana
  id: libroVigia
  size: 640 400
  text: Libro de la Vigía
  @onEscape: modules.game_consejos.toggleLibro()

  GameTextMuted
    id: resumen
    anchors.top: parent.top
    anchors.left: parent.left
    text: 0 de 30 consejos vistos

  GamePanel
    id: columna
    anchors.top: resumen.bottom
    anchors.left: parent.left
    anchors.bottom: pie.top
    margin-top: 8
    margin-bottom: 12
    width: 212

  VerticalScrollBar
    id: barraLista
    anchors.top: columna.top
    anchors.right: columna.right
    anchors.bottom: columna.bottom
    margin: 1
    step: 32
    pixels-scroll: true

  ScrollablePanel
    id: lista
    anchors.top: columna.top
    anchors.left: columna.left
    anchors.right: barraLista.left
    anchors.bottom: columna.bottom
    margin: 4
    vertical-scrollbar: barraLista
    layout:
      type: verticalBox
      spacing: 0

  UIWidget
    id: detalle
    anchors.top: columna.top
    anchors.left: columna.right
    anchors.right: parent.right
    anchors.bottom: columna.bottom
    margin-left: 24

    UIWidget
      id: icono
      size: 96 96
      anchors.top: parent.top
      anchors.left: parent.left
      image-smooth: false

    Label
      id: titulo
      anchors.top: icono.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 16
      height: 24
      ttf-font: $otmmo-font-strong
      ttf-font-size: $otmmo-size-xl
      color: #E8D3A2

    GameTextMuted
      id: cuando
      anchors.top: titulo.bottom
      anchors.left: parent.left
      margin-top: 2

    Label
      id: texto
      anchors.top: cuando.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 12
      text-wrap: true
      text-auto-resize: true
      ttf-font: $otmmo-font
      ttf-font-size: $otmmo-size-md
      color: $otmmo-text

    UIWidget
      id: teclas
      anchors.top: texto.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 12
      height: 26
      layout:
        type: horizontalBox
        spacing: 4

  UIWidget
    id: pie
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    height: 30
    border-width-top: 1
    border-color: $otmmo-border

    CheckBox
      id: activos
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-top: 6
      width: 260
      text: Mostrar consejos mientras juego
      @onCheckChange: modules.game_consejos.desdeLibro(self:isChecked())

    ConsejoEnlace
      id: reiniciar
      anchors.right: parent.right
      anchors.verticalCenter: parent.verticalCenter
      margin-top: 6
      text: Volver a ver los consejos
      @onClick: modules.game_consejos.reiniciar()