// OT-MMO: ventana PvP (H). Arriba la temporada y lo que llevas (puntos con su tope semanal, templanza y ferocidad); en
// medio tres pestañas; abajo el estado de la cola y un solo botón que cambia (Buscar partida / Salir de la cola).
MainWindow
  id: ventanaPvp
  size: 600 520
  text: Jugador contra jugador
  @onEscape: modules.game_pvp.toggle()

  Label
    id: temporada
    anchors.top: parent.top
    anchors.left: parent.left
    ttf-font: geist
    ttf-font-size: 12
    color: $otmmo-text-2
    text-auto-resize: true

  PvpSaldo
    id: saldoArena
    anchors.top: temporada.bottom
    anchors.left: parent.left
    margin-top: 14

  PvpSaldo
    id: saldoBatalla
    anchors.top: saldoArena.top
    anchors.left: saldoArena.right
    margin-left: 28

  Label
    id: tAtributos
    anchors.top: saldoArena.top
    anchors.right: parent.right
    ttf-font: geist
    ttf-font-size: 11
    color: $otmmo-text-2
    text: Tu equipo contra jugadores
    text-auto-resize: true

  Label
    id: atributos
    anchors.top: tAtributos.bottom
    anchors.right: parent.right
    margin-top: 4
    ttf-font: geistmono
    ttf-font-size: 13
    color: $otmmo-text
    text-auto-resize: true

  Label
    id: atributosNota
    anchors.top: atributos.bottom
    anchors.right: parent.right
    margin-top: 4
    ttf-font: geist
    ttf-font-size: 11
    color: $otmmo-text-2
    text-auto-resize: true

  Panel
    id: pestanas
    anchors.top: saldoArena.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 20
    height: 24
    layout:
      type: horizontalBox
      spacing: 4

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

  Label
    id: nota
    anchors.top: lineaPestanas.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 12
    height: 16
    ttf-font: geist
    ttf-font-size: 12
    color: $otmmo-text-2

  Panel
    id: lista
    anchors.top: nota.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 10
    height: 250
    layout:
      type: verticalBox
      spacing: 6

  Panel
    id: raya
    anchors.bottom: principal.top
    anchors.left: parent.left
    anchors.right: parent.right
    margin-bottom: 14
    height: 1
    background-color: $otmmo-border

  Label
    id: estado
    anchors.top: raya.bottom
    anchors.left: parent.left
    anchors.right: principal.left
    margin-top: 14
    margin-right: 12
    height: 16
    ttf-font: geistsemibold
    ttf-font-size: 13
    color: $otmmo-text

  Label
    id: detalle
    anchors.top: estado.bottom
    anchors.left: parent.left
    anchors.right: principal.left
    margin-top: 3
    margin-right: 12
    height: 14
    ttf-font: geist
    ttf-font-size: 11
    color: $otmmo-text-2

  PrimaryButton
    id: principal
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    size: 150 28
    text: Buscar partida
    @onClick: modules.game_pvp.principal()

  PvpPeligro
    id: salirCola
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    size: 150 28
    text: Salir de la cola
    visible: false
    @onClick: modules.game_pvp.salirCola()