// OT-MMO: tablón de contratos (estilo Monster Hunter). Lo abre el servidor al usar el tablón del Campamento.
// Cada contrato muestra su presa (criatura o material) y los objetos de recompensa con su icono.
Estrella < UIWidget
  size: 14 14
  margin-right: 2
  image-source: /images/game/tablon/estrella-vacia
  $on:
    image-source: /images/game/tablon/estrella

// Marco con la presa: una criatura o un objeto (se muestra el que toque).
Retrato < GamePanel
  phantom: true

  UICreature
    id: criatura
    anchors.centerIn: parent
    size: 64 64
    fixed-creature-size: true
    phantom: true

  UIItem
    id: objeto
    anchors.centerIn: parent
    size: 32 32
    virtual: true
    phantom: true

// Fila de contrato: mismo hover y elegida que GameRow, pero la elegida es el foco de la TextList.
FilaContrato < UIWidget
  height: 44
  background-color: alpha
  border-width: 1
  border-color: alpha
  focusable: true
  padding: 4 8
  $focus:
    background-color: $otmmo-surface
    border-color: $otmmo-accent
  $hover !focus:
    background-color: $otmmo-surface-hover

  Retrato
    id: retrato
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    size: 36 36

  GameLabelStrong
    id: nombre
    anchors.top: parent.top
    anchors.left: retrato.right
    anchors.right: parent.right
    margin-left: 8
    margin-top: 2
    text-auto-resize: false
    height: 16
    phantom: true

  Panel
    id: estrellas
    anchors.bottom: parent.bottom
    anchors.left: nombre.left
    margin-bottom: 2
    size: 50 14
    phantom: true
    layout: horizontalBox

  GameTextSmall
    id: marca
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    margin-bottom: 2
    color: $otmmo-warn
    phantom: true

Recompensa < Item
  size: 36 36
  margin-right: 6
  virtual: true
  phantom: false

Dato < GameTextMuted
  text-auto-resize: false
  text-wrap: true
  text-vertical-auto-resize: true

MainWindow
  id: tablon
  !text: tr('Tablón de contratos')
  size: 660 430
  @onEscape: modules.game_tablon.cerrar()

  TextList
    id: lista
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.bottom: parent.bottom
    width: 248
    background-color: $otmmo-bg
    border-width: 1
    border-color: $otmmo-border
    padding: 4
    vertical-scrollbar: listaScroll

  VerticalScrollBar
    id: listaScroll
    anchors.top: lista.top
    anchors.bottom: lista.bottom
    anchors.left: lista.right
    step: 44
    pixels-scroll: true

  Panel
    id: detalle
    anchors.top: parent.top
    anchors.left: listaScroll.right
    anchors.right: parent.right
    anchors.bottom: botones.top
    margin-left: 16
    margin-bottom: 8

    Retrato
      id: retrato
      anchors.top: parent.top
      anchors.left: parent.left
      size: 84 84

    GameTitle
      id: nombre
      anchors.top: parent.top
      anchors.left: retrato.right
      anchors.right: parent.right
      margin-left: 12
      margin-top: 4
      height: 20
      text-auto-resize: false

    Panel
      id: estrellas
      anchors.top: nombre.bottom
      anchors.left: nombre.left
      margin-top: 4
      size: 60 14
      layout: horizontalBox

    Dato
      id: objetivo
      anchors.top: estrellas.bottom
      anchors.left: nombre.left
      anchors.right: parent.right
      margin-top: 8
      color: $otmmo-text

    Dato
      id: dificultad
      anchors.top: objetivo.bottom
      anchors.left: nombre.left
      anchors.right: parent.right
      margin-top: 4

    Dato
      id: descripcion
      anchors.top: retrato.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 16

    GameSection
      id: tituloRecompensa
      anchors.top: descripcion.bottom
      anchors.left: parent.left
      margin-top: 16
      !text: tr('Recompensas')

    Panel
      id: recompensas
      anchors.top: tituloRecompensa.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 4
      height: 36
      layout: horizontalBox

    GameText
      id: experiencia
      anchors.top: recompensas.bottom
      anchors.left: parent.left
      margin-top: 8

    Dato
      id: estado
      anchors.top: experiencia.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 12
      color: $otmmo-warn

  Panel
    id: botones
    anchors.left: detalle.left
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    height: 24
    layout:
      type: horizontalBox
      spacing: 8

    Button
      id: aceptar
      !text: tr('Aceptar')
      width: 84
      @onClick: modules.game_tablon.aceptar()
    Button
      id: entregar
      !text: tr('Entregar')
      width: 84
      @onClick: modules.game_tablon.entregar()
    Button
      id: abandonar
      !text: tr('Abandonar')
      width: 84
      @onClick: modules.game_tablon.abandonar()
    Button
      id: cerrarBoton
      !text: tr('Cerrar')
      width: 84
      @onClick: modules.game_tablon.cerrar()