// OT-MMO: HUD (fase 3, concepto A.6b de la guía de diseño).
// Micromenú: grupo aparte a la derecha de la barra de acción, 6 botones con íconos de línea propios
// (data/images/game/hud/iconos, scripts/generar-iconos-hud.py) y contador pequeño. Ventana abierta = borde acento.
// Minimapa: contenedor pizarra con el minimapa redondo, N/S/E/O y dos columnas de botones (zoom, centrar, mapa |
// buscar grupo, logros, misiones, opciones).
BotonMicro < GameIconButton
  size: 32 32

  GameCounter
    id: contador
    anchors.top: parent.top
    anchors.right: parent.right
    margin-top: -5
    margin-right: -5

BotonMapa < GameIconButton
  size: 28 28

  GameCounter
    id: contador
    anchors.top: parent.top
    anchors.right: parent.right
    margin-top: -5
    margin-right: -5

PuntoCardinal < Label
  ttf-font: $otmmo-font-strong
  ttf-font-size: $otmmo-size-xs
  color: $otmmo-text-2
  text-auto-resize: true
  phantom: true

MarcoMinimapa < GameHudPanel
  id: marcoMinimapa
  size: 264 192

  UIWidget
    id: columnaIzq
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    size: 28 130
    layout:
      type: verticalBox
      spacing: 6

  UIWidget
    id: hueco
    anchors.centerIn: parent
    size: 176 176
    phantom: true

  UIWidget
    id: columnaDer
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 8
    size: 28 130
    layout:
      type: verticalBox
      spacing: 6

  // aro y puntos cardinales: encima del minimapa (game_hud.lua lo sube tras mover el minimapa aquí)
  UIWidget
    id: rosa
    anchors.fill: hueco
    phantom: true
    focusable: false
    image-source: /images/game/hud/iconos/aro

    PuntoCardinal
      id: norte
      text: N
      color: $otmmo-text
      anchors.top: parent.top
      anchors.horizontalCenter: parent.horizontalCenter

    PuntoCardinal
      id: sur
      text: S
      anchors.bottom: parent.bottom
      anchors.horizontalCenter: parent.horizontalCenter

    PuntoCardinal
      id: este
      text: E
      anchors.right: parent.right
      anchors.verticalCenter: parent.verticalCenter
      margin-right: 2

    PuntoCardinal
      id: oeste
      text: O
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 1

CasillaBolsa < GameItemSlot

// Fila de stat (Armadura 34 +6): etiqueta, lo que pone el equipo en verde y el total en Geist Mono. Tooltip: base + equipo.
FilaStat < Panel
  height: 20

  GameTextMuted
    id: etiqueta
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    phantom: true

  GameNumber
    id: valor
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    phantom: true

  GameNumber
    id: extra
    anchors.right: valor.left
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 6
    color: $otmmo-ok
    ttf-font-size: $otmmo-size-xs
    phantom: true

// 29-oct (pedido del usuario): Personaje unificado como en WoW, estilo ventana de viaje v2 (marco de hierro y oro de
// game_viaje, fondo de armería de PixelLab tras el muñeco). Stats a la izquierda (opcode 141, server equipo.lua),
// equipo al centro (el panel de game_inventory reubicado) y la bolsa unificada a la derecha. I y B abren esta ventana.
VentanaPersonaje < UIWidget
  id: personaje
  size: 820 560
  image-source: /modules/game_viaje/images/marco
  image-border: 96
  image-smooth: false
  focusable: false

  UIButton
    id: cerrar
    anchors.top: parent.top
    anchors.right: parent.right
    margin-top: 30
    margin-right: 30
    size: 22 22
    text: X
    text-align: center
    ttf-font: $otmmo-font-strong
    ttf-font-size: 14
    color: $otmmo-text-2
    change-cursor-image: true
    cursor: pointer
    $hover:
      color: #C7A86B

  GameTitle
    id: nombre
    anchors.top: parent.top
    anchors.left: parent.left
    margin-top: 60
    margin-left: 96
    phantom: true

  GameTextMuted
    id: clase
    anchors.top: nombre.bottom
    anchors.left: nombre.left
    margin-top: 4
    phantom: true

  GameNumber
    id: puntuacion
    anchors.top: parent.top
    anchors.right: parent.right
    margin-top: 58
    margin-right: 96
    ttf-font-size: $otmmo-size-xl
    color: #C7A86B
    tooltip: Puntuación de equipo: media del nivel de tus piezas según su calidad.

  GameTextMuted
    id: puntuacionEtiqueta
    anchors.right: puntuacion.left
    anchors.verticalCenter: puntuacion.verticalCenter
    margin-right: 8
    text: Puntuación de equipo
    phantom: true

  // Stats ---------------------------------------------------------------------------------------
  GamePanel
    id: stats
    anchors.top: clase.bottom
    anchors.left: parent.left
    anchors.bottom: parent.bottom
    margin-top: 16
    margin-left: 60
    margin-bottom: 60
    width: 196
    padding: 10
    layout:
      type: verticalBox
      spacing: 2

  // Muñeco --------------------------------------------------------------------------------------
  UIWidget
    id: fondo
    anchors.top: stats.top
    anchors.bottom: stats.bottom
    anchors.left: stats.right
    margin-left: 12
    width: 200
    image-source: images/armeria
    image-smooth: false
    border-width: 1
    border-color: $otmmo-border
    phantom: true

  // el equipo va sobre el suelo de la armería: el maniquí queda a la vista
  UIWidget
    id: equipo
    anchors.bottom: fondo.bottom
    anchors.horizontalCenter: fondo.horizontalCenter
    margin-bottom: 10
    size: 140 162
    background-color: #10161CB0
    border-width: 1
    border-color: #C7A86B66
    phantom: true

  // Bolsa ---------------------------------------------------------------------------------------
  ScrollablePanel
    id: casillas
    anchors.top: stats.top
    anchors.left: fondo.right
    anchors.right: scrollBolsas.left
    anchors.bottom: oroEtiqueta.top
    margin-left: 12
    margin-bottom: 8
    vertical-scrollbar: scrollBolsas
    layout:
      type: grid
      cell-size: 34 34
      cell-spacing: 2
      num-columns: 7
      flow: true

  VerticalScrollBar
    id: scrollBolsas
    anchors.top: stats.top
    anchors.right: parent.right
    anchors.bottom: oroEtiqueta.top
    margin-right: 60
    margin-bottom: 8
    step: 36
    pixels-scroll: true

  GameParagraph
    id: vacio
    anchors.top: casillas.top
    anchors.left: casillas.left
    anchors.right: casillas.right
    text-auto-resize: false
    height: 40
    visible: false

  GameTextMuted
    id: oroEtiqueta
    anchors.bottom: stats.bottom
    anchors.left: fondo.right
    margin-left: 12
    text: Oro
    phantom: true

  GameNumber
    id: oro
    anchors.left: oroEtiqueta.right
    anchors.verticalCenter: oroEtiqueta.verticalCenter
    margin-left: 8
    phantom: true

  GameNumber
    id: cuenta
    anchors.verticalCenter: oroEtiqueta.verticalCenter
    anchors.left: oro.right
    margin-left: 24
    color: $otmmo-text-2
    tooltip: Casillas ocupadas / total
    phantom: true

Micromenu < GameHudPanel
  id: micromenu
  focusable: false
  height: 46
  padding: 7
  layout:
    type: horizontalBox
    spacing: 4
    fit-children: true