// OT-MMO: piezas de la ventana de gremio (G). Las pinta game_gremio.lua con lo que manda server/scripts/gremios
// (opcode 140). Marco, título y botón de oro: estilo VALDREN compartido (game_viaje/valdren.otui).

// Icono de rango (images/rango0..3.png, PixelLab): brote, estandarte, escudo y corona.
GrIcono < UIWidget
  size: 20 20
  image-smooth: false
  phantom: true

// Cabecera de columna de la lista de miembros.
GrColumna < Label
  ttf-font: $otmmo-font-strong
  ttf-font-size: $otmmo-size-xs
  color: $otmmo-text-2
  text-auto-resize: true
  phantom: true

// Fila de miembro: en línea, icono y nombre del rango, nombre, nivel y clase. Se marca al elegirla (GameRow).
GrMiembro < GameRow
  height: 30
  padding: 0 10

  UIWidget
    id: punto
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    size: 6 6
    phantom: true

  GrIcono
    id: icono
    anchors.left: punto.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8

  Label
    id: nombre
    anchors.left: icono.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    width: 150
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text
    phantom: true

  Label
    id: nivel
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 206
    width: 34
    text-align: right
    ttf-font: $otmmo-font-num
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text
    phantom: true

  Label
    id: clase
    anchors.left: nivel.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 18
    width: 80
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text-2
    phantom: true

  Label
    id: rango
    anchors.left: clase.right
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text-2
    phantom: true

// Invitación enviada (al final de la lista): nombre tenue y «Retirar».
GrInvitado < UIWidget
  height: 26
  padding: 0 10

  Label
    id: nombre
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 42
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text-2
    text-auto-resize: true
    phantom: true

  Label
    id: nota
    anchors.left: nombre.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    text: invitado
    text-auto-resize: true
    phantom: true

  Button
    id: retirar
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    size: 64 20
    text: Retirar

// Botón de rango en «Miembro elegido»: uno por rango al que se le puede mover.
GrBotonRango < Button
  height: 24
  text-align: left
  text-offset: 32 0
  icon-offset: 8 2
  icon-size: 20 20

// Fila de la pestaña Rangos: icono, nombre editable, cuatro permisos y Guardar.
GrRango < UIWidget
  height: 40
  background-color: $otmmo-bg
  border-width: 1
  border-color: $otmmo-border

  GrIcono
    id: icono
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 12

  GameInput
    id: nombre
    anchors.left: icono.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 10
    size: 156 28
    max-length: 20

  CheckBox
    id: p1
    anchors.left: nombre.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 18
    width: 76
    text: Invitar

  CheckBox
    id: p2
    anchors.left: p1.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    width: 84
    text: Expulsar

  CheckBox
    id: p4
    anchors.left: p2.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    width: 76
    text: Rangos

  CheckBox
    id: p8
    anchors.left: p4.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    width: 70
    text: Carta

  Button
    id: guardar
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 10
    size: 78 24
    text: Guardar

// Invitación recibida (vista sin gremio).
GrInvitacion < UIWidget
  height: 56
  background-color: $otmmo-bg
  border-width: 1
  border-color: $otmmo-border

  Label
    id: nombre
    anchors.top: parent.top
    anchors.left: parent.left
    margin-top: 10
    margin-left: 14
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-md
    color: $otmmo-text
    text-auto-resize: true

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

  ValdrenBoton
    id: aceptar
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 12
    width: 96
    text: Unirme

  Button
    id: rechazar
    anchors.right: aceptar.left
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 8
    size: 84 30
    text: Rechazar