// OT-MMO: avisos de jefe (Boss Warning System), estilo DBM. Lo mueve el servidor (opcode 106).
// Phantom: no tapa clics del mapa. Los telegrafiados del suelo se crean desde Lua sobre el panel del mapa.
BarraAviso < UIWidget
  height: 18
  phantom: true
  background-color: #10161CC8
  border-width: 1
  border-color: $otmmo-border

  UIWidget
    id: fill
    anchors.top: parent.top
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    margin: 1
    width: 1
    phantom: true

  UIWidget
    id: franja
    anchors.top: parent.top
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    width: 0
    visible: false
    phantom: true

  UIWidget
    id: dibujo
    anchors.left: franja.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 3
    size: 14 14
    image-source: /images/game/avisos/jefe-32
    phantom: true

  Label
    id: icono
    anchors.left: franja.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 6
    width: 18
    text-align: center
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    ttf-stroke: 1 #10161C
    phantom: true

  Label
    id: nombre
    anchors.left: icono.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 4
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    ttf-stroke: 1 #10161C
    color: $otmmo-text
    text-auto-resize: true
    phantom: true

  Label
    id: tiempo
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 8
    ttf-font: $otmmo-font-num
    ttf-font-size: $otmmo-size-xs
    ttf-stroke: 1 #10161C
    color: $otmmo-text
    text-auto-resize: true
    phantom: true

UIWidget
  id: avisos
  size: 400 160
  phantom: true
  focusable: false

  UIWidget
    id: principal
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    height: 56
    phantom: true
    visible: false
    background-color: #10161CE0
    border-width: 1
    border-color: $otmmo-border

    UIWidget
      id: icono
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 8
      size: 42 42
      border-width: 1
      phantom: true

      UIWidget
        id: dibujo
        anchors.centerIn: parent
        size: 38 38
        image-source: /images/game/avisos/jefe-64
        phantom: true

      Label
        id: simbolo
        anchors.fill: parent
        text-align: center
        ttf-font: $otmmo-font-strong
        ttf-font-size: $otmmo-size-xl
        ttf-stroke: 1 #10161C
        color: $otmmo-text
        phantom: true

    Label
      id: titulo
      anchors.top: parent.top
      anchors.left: icono.right
      margin: 6 0 0 10
      ttf-font: $otmmo-font-strong
      ttf-font-size: $otmmo-size-xl
      ttf-stroke: 1 #10161C
      text-auto-resize: true
      phantom: true

    Label
      id: habilidad
      anchors.top: titulo.bottom
      anchors.left: titulo.left
      margin-top: 2
      ttf-font: $otmmo-font
      ttf-font-size: $otmmo-size-sm
      ttf-stroke: 1 #10161C
      color: $otmmo-text
      text-auto-resize: true
      phantom: true

    Label
      id: cuenta
      anchors.right: parent.right
      anchors.verticalCenter: parent.verticalCenter
      margin-right: 12
      ttf-font: $otmmo-font-num
      ttf-font-size: $otmmo-size-xl
      ttf-stroke: 1 #10161C
      color: $otmmo-text
      text-auto-resize: true
      phantom: true

    UIWidget
      id: barra
      anchors.bottom: parent.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      height: 3
      background-color: $otmmo-bg
      phantom: true

      UIWidget
        id: fill
        anchors.top: parent.top
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        width: 1
        phantom: true

  // Alerta secundaria: para quien no es el afectado («Mazazo del Monarca sobre Prueba Uno»).
  Label
    id: secundario
    anchors.top: principal.bottom
    anchors.horizontalCenter: parent.horizontalCenter
    margin-top: 4
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    ttf-stroke: 1 #10161C
    color: $otmmo-accent
    text-auto-resize: true
    phantom: true
    visible: false


// Próximas habilidades: arriba a la derecha del mapa (lo coloca game_avisos.lua), como las barras de DBM.
ProximasAvisos < UIWidget
  width: 210
  phantom: true
  layout:
    type: verticalBox
    spacing: 4
    fit-children: true