// OT-MMO: libro de hechizos (P). Lo pinta game_libro.lua con SpellInfo (gamelib/spells.lua), las explicaciones de
// datos.lua y la rama de game_talentos. Clases comunes de data/styles/50-otmmo.otui (fase 4).
LibroCelda < UIWidget
  size: 92 80
  focusable: false

  GameCell
    id: marco
    anchors.top: parent.top
    anchors.horizontalCenter: parent.horizontalCenter
    margin-top: 4
    phantom: true

    UIWidget
      id: icono
      size: 32 32
      anchors.centerIn: parent
      phantom: true

  GameTextSmall
    id: nombre
    anchors.top: marco.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 4
    height: 28
    text-auto-resize: false
    text-align: top
    text-wrap: true
    color: $otmmo-text
    phantom: true

LibroDato < Panel
  height: 20

  GameTextMuted
    id: clave
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    width: 72
    text-auto-resize: false
    phantom: true

  GameText
    id: valor
    anchors.left: clave.right
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    text-auto-resize: false
    phantom: true

MainWindow
  id: ventanaLibro
  size: 660 480
  text: Libro de hechizos
  @onEscape: modules.game_libro.toggle()

  Panel
    id: pestanas
    anchors.top: parent.top
    anchors.left: parent.left
    width: 320
    height: 24
    layout:
      type: horizontalBox
      spacing: 4

  UIWidget
    id: raya
    anchors.top: pestanas.bottom
    anchors.left: parent.left
    width: 320
    height: 1
    background-color: $otmmo-border
    phantom: true

  Panel
    id: rejilla
    anchors.top: raya.bottom
    anchors.left: parent.left
    anchors.bottom: pista.top
    width: 320
    margin-top: 12
    layout:
      type: grid
      cell-size: 100 84
      cell-spacing: 4
      num-columns: 3
      flow: true

  GameParagraph
    id: vacia
    anchors.top: raya.bottom
    anchors.left: parent.left
    width: 300
    margin-top: 16
    text-align: center
    visible: false

  GameTextSmall
    id: pista
    anchors.left: parent.left
    anchors.bottom: parent.bottom
    width: 300
    height: 30
    text-auto-resize: false
    text-wrap: true
    text-align: bottomLeft
    text: Arrastra una habilidad a tu barra. Clic derecho: al primer hueco libre.

  UIWidget
    id: separador
    anchors.top: parent.top
    anchors.bottom: parent.bottom
    anchors.left: rejilla.right
    margin-left: 16
    width: 1
    background-color: $otmmo-border
    phantom: true

  Panel
    id: ficha
    anchors.top: parent.top
    anchors.left: separador.right
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    margin-left: 18

    GameCell
      id: marco
      size: 54 54
      anchors.top: parent.top
      anchors.left: parent.left
      phantom: true

      UIWidget
        id: icono
        size: 48 48
        anchors.centerIn: parent
        phantom: true

    GameTitle
      id: nombre
      anchors.top: marco.top
      anchors.left: marco.right
      anchors.right: parent.right
      margin-left: 12
      margin-top: 8
      height: 20
      text-auto-resize: false

    GameTextMuted
      id: tipo
      anchors.top: nombre.bottom
      anchors.left: nombre.left
      anchors.right: parent.right
      margin-top: 4
      text-auto-resize: false

    Panel
      id: datos
      anchors.top: marco.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 16
      layout:
        type: verticalBox
        fit-children: true

    UIWidget
      id: raya
      anchors.top: datos.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 12
      height: 1
      background-color: $otmmo-border
      phantom: true

    GameParagraph
      id: texto
      anchors.top: raya.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 12
      color: $otmmo-text

    GameParagraph
      id: cifra
      anchors.top: texto.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 12

    GameParagraph
      id: estado
      anchors.left: parent.left
      anchors.right: parent.right
      anchors.bottom: parent.bottom