// OT-MMO: PLANTILLA de la ventana de raid (vault OT-MMO/raids/plan-raids.md §13: raid larga en 4 alas de ~3 jefes,
// bloqueo semanal tipo raid ID, 3 resurrecciones por combate de jefe, sin límite de intentos). Solo el aspecto: la
// lógica y el opcode llegarán con las raids. Estilo VALDREN (modules/game_viaje/valdren.otui).

RaidJefe < UIWidget
  height: 22
  focusable: false
  phantom: true

  UIWidget
    id: estado
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    size: 8 8
    background-color: #39444C
    border-width: 1
    border-color: #10161C

  Label
    id: nombre
    anchors.left: estado.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 10
    ttf-font: geist
    ttf-font-size: 12
    color: #E2E5E6
    text-auto-resize: true

RaidAla < UIWidget
  height: 98
  focusable: false
  phantom: true

  Label
    id: titulo
    anchors.top: parent.top
    anchors.left: parent.left
    ttf-font: geistsemibold
    ttf-font-size: 13
    color: #E8D3A2
    text-auto-resize: true

  Label
    id: meta
    anchors.top: parent.top
    anchors.right: parent.right
    ttf-font: geist
    ttf-font-size: 11
    color: #9AA7AE
    text-auto-resize: true

  Panel
    id: jefes
    anchors.top: titulo.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 6
    height: 70
    layout:
      type: verticalBox

ValdrenVentana
  id: ventanaRaid
  size: 812 576
  text: Raid
  @onEscape: modules.game_raid.toggle()

  ValdrenArte
    id: arte
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    height: 210
    image-source: /game_viaje/images/dungeons/ciudadela
    image-clip: 0 20 320 88

  ValdrenVelo
    id: velo
    anchors.bottom: arte.bottom
    anchors.left: arte.left
    anchors.right: arte.right
    margin: 1
    height: 56

  ValdrenTitulo
    id: nombre
    anchors.top: velo.top
    anchors.left: velo.left
    margin-top: 6
    margin-left: 14
    text: La Ciudadela del Faro Muerto

  Label
    id: meta
    anchors.top: nombre.bottom
    anchors.left: nombre.left
    margin-top: 2
    ttf-font: geist
    ttf-font-size: 12
    ttf-stroke: 1 #10161C
    color: #E8D3A2
    text-auto-resize: true

  Panel
    id: alas
    anchors.top: arte.bottom
    anchors.left: parent.left
    width: 460
    margin-top: 16
    height: 228
    layout:
      type: grid
      cell-size: 222 98
      cell-spacing: 16
      num-columns: 2

  UIWidget
    id: filete
    anchors.top: alas.top
    anchors.bottom: alas.bottom
    anchors.left: alas.right
    margin-left: 12
    width: 1
    background-color: #C7A86B60
    phantom: true

  Label
    id: tBloqueo
    anchors.top: alas.top
    anchors.left: filete.right
    margin-left: 18
    ttf-font: geist
    ttf-font-size: 11
    color: #9AA7AE
    text: Tu bloqueo de esta semana
    text-auto-resize: true

  Label
    id: bloqueo
    anchors.top: tBloqueo.bottom
    anchors.left: tBloqueo.left
    margin-top: 2
    ttf-font: geistmono
    ttf-font-size: 22
    color: #E2E5E6
    text-auto-resize: true

  Label
    id: renueva
    anchors.top: bloqueo.bottom
    anchors.left: tBloqueo.left
    anchors.right: parent.right
    margin-top: 2
    height: 30
    text-wrap: true
    ttf-font: geist
    ttf-font-size: 11
    color: #9AA7AE

  Label
    id: tReglas
    anchors.top: renueva.bottom
    anchors.left: tBloqueo.left
    margin-top: 14
    ttf-font: geist
    ttf-font-size: 11
    color: #9AA7AE
    text: Reglas
    text-auto-resize: true

  Label
    id: reglas
    anchors.top: tReglas.bottom
    anchors.left: tBloqueo.left
    anchors.right: parent.right
    margin-top: 4
    height: 110
    text-wrap: true
    ttf-font: geist
    ttf-font-size: 12
    color: #E2E5E6

  UIWidget
    id: linea
    anchors.bottom: entrar.top
    anchors.left: parent.left
    anchors.right: parent.right
    margin-bottom: 12
    height: 1
    background-color: #C7A86B60
    phantom: true

  Label
    id: grupo
    anchors.verticalCenter: entrar.verticalCenter
    anchors.left: parent.left
    ttf-font: geist
    ttf-font-size: 12
    color: #9AA7AE
    text-auto-resize: true

  ValdrenBoton
    id: entrar
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    width: 200
    text: Entrar en la Ciudadela
    @onClick: modules.game_raid.entrar()