// OT-MMO: buscador de grupo por rol (O). Columna de roles a la izquierda; a la derecha las pestañas Mazmorras / Heroicas
// con las mazmorras DESCUBIERTAS por tramo de nivel; abajo lo que vas a buscar y un solo botón. Estilos en estilos.otui.
ValdrenVentana
  id: ventanaBuscador
  size: 712 560
  text: Buscador de grupo
  @onEscape: modules.game_buscador.toggle()

  // Columna de roles ---------------------------------------------------------------------------------------------
  GameSection
    id: tRol
    anchors.top: parent.top
    anchors.left: parent.left
    text: Tu rol

  Panel
    id: roles
    anchors.top: tRol.bottom
    anchors.left: parent.left
    margin-top: 8
    width: 184
    height: 184
    layout:
      type: verticalBox
      spacing: 8

  GameTextSmall
    id: reglas
    anchors.top: roles.bottom
    anchors.left: parent.left
    width: 184
    margin-top: 12
    height: 64
    text-wrap: true
    text-auto-resize: false
    text: Cada grupo lleva 1 Protector, 1 Sanador y 2 Daño. Si marcas más de un rol, encuentras grupo antes.

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

  // Pestañas y lista -----------------------------------------------------------------------------------------------
  Panel
    id: pestanas
    anchors.top: parent.top
    anchors.left: separador.right
    anchors.right: parent.right
    margin-left: 16
    height: 24
    layout:
      type: horizontalBox
      spacing: 4

  GameNumber
    id: emblemas
    anchors.verticalCenter: pestanas.verticalCenter
    anchors.right: parent.right
    color: $otmmo-text-2

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

  GameTextMuted
    id: nota
    anchors.top: lineaPestanas.bottom
    anchors.left: pestanas.left
    anchors.right: todas.left
    margin-top: 12
    margin-right: 8
    text-auto-resize: false
    height: 16

  // anclado a la línea (no a «nota»: nota se ancla a este botón y el ciclo cuelga el cliente)
  Button
    id: todas
    anchors.top: lineaPestanas.bottom
    anchors.right: parent.right
    margin-top: 9
    size: 104 22
    @onClick: modules.game_buscador.marcarTodas()

  VerticalScrollBar
    id: barraLista
    anchors.top: nota.bottom
    anchors.right: parent.right
    anchors.bottom: raya.top
    margin-top: 10
    margin-bottom: 12
    step: 48
    pixels-scroll: true

  ScrollablePanel
    id: actividades
    anchors.top: nota.bottom
    anchors.left: pestanas.left
    anchors.right: barraLista.left
    anchors.bottom: raya.top
    margin-top: 10
    margin-right: 4
    margin-bottom: 12
    vertical-scrollbar: barraLista
    layout:
      type: verticalBox
      spacing: 2

  // Pie: qué vas a buscar y el botón ------------------------------------------------------------------------------
  GameDivider
    id: raya
    anchors.bottom: principal.top
    anchors.left: parent.left
    anchors.right: parent.right
    margin-bottom: 12

  GameLabelStrong
    id: estado
    anchors.top: raya.bottom
    anchors.left: parent.left
    anchors.right: principal.left
    margin-top: 12
    margin-right: 16
    text-auto-resize: false
    height: 16

  GameTextMuted
    id: falta
    anchors.top: estado.bottom
    anchors.left: parent.left
    anchors.right: principal.left
    margin-top: 4
    margin-right: 16
    text-auto-resize: false
    height: 16

  PrimaryButton
    id: principal
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    size: 168 32
    @onClick: modules.game_buscador.principal()