// OT-MMO: buscador de grupo por rol (O). Lo pinta game_buscador.lua con lo que manda el servidor
// (server/scripts/buscador.lua, opcode 112). Textos y rótulos: clases comunes de data/styles/50-otmmo.otui.

// Rol: marco con el objeto, nombre y una nota («Sugerido», «No es de tu clase»).
// Mismos estados que GameCell: hover border-hover, marcado surface con borde de acento, desactivado apagado.
BuRol < UIWidget
  size: 136 104
  background-color: $otmmo-bg
  border-width: 1
  border-color: $otmmo-border
  focusable: false
  $hover !disabled:
    border-color: $otmmo-border-hover
  $checked:
    background-color: $otmmo-surface
    border-color: $otmmo-accent
  $disabled:
    opacity: 0.4

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

  UIItem
    id: item
    anchors.centerIn: marco
    size: 32 32
    virtual: true
    phantom: true

  Label
    id: nombre
    anchors.top: marco.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 8
    text-align: center
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text
    phantom: true

  Label
    id: nota
    anchors.top: nombre.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 4
    text-align: center
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    phantom: true

// Mazmorra: casilla, nombre, «Mazmorra · nivel 8-12» y, si no puede, el motivo a la derecha. Fila de lista (GameRow).
BuActividad < GameRow
  height: 46
  padding: 0 12

  UIWidget
    id: casilla
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    size: 12 12
    border-width: 1
    border-color: $otmmo-border-hover
    phantom: true

  Label
    id: nombre
    anchors.top: parent.top
    anchors.left: casilla.right
    anchors.right: motivo.left
    margin-top: 8
    margin-left: 12
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text
    phantom: true

  Label
    id: meta
    anchors.top: nombre.bottom
    anchors.left: nombre.left
    anchors.right: nombre.right
    margin-top: 2
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    phantom: true

  Label
    id: motivo
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    width: 172
    text-align: right
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-warn
    phantom: true

// Integrante del grupo listo: rol, nombre, clase y nivel, y si ya aceptó.
BuMiembro < Panel
  height: 32

  Label
    id: rol
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    width: 84
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text-2

  Label
    id: nombre
    anchors.left: rol.right
    anchors.right: estado.left
    anchors.top: parent.top
    margin-top: 1
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text

  Label
    id: meta
    anchors.left: nombre.left
    anchors.top: nombre.bottom
    anchors.right: nombre.right
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2

  Label
    id: estado
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    width: 80
    text-align: right
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2

// En cola: pastilla arriba al centro con el tiempo de espera; con clic abre la ventana.
BuPastilla < UIWidget
  size: 212 24
  background-color: #10161CD9
  border-width: 1
  border-color: $otmmo-border
  ttf-font: $otmmo-font
  ttf-font-size: $otmmo-size-sm
  color: $otmmo-text
  text-align: center
  $hover:
    border-color: $otmmo-accent