// OT-MMO: mercado de Refugio. La abre el servidor al usar el tablón de ventas de la plaza.
// Filas de lista sobre GameRow (la elegida en una TextList es la que tiene el foco). Textos: data/styles/50-otmmo.otui.
FilaOferta < GameRow
  height: 40
  focusable: true
  padding: 4 8
  $focus:
    background-color: $otmmo-surface
    border-color: $otmmo-accent

  UIItem
    id: icono
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    size: 32 32
    virtual: true

  Button
    id: accion
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    width: 72

  Label
    id: precio
    anchors.right: accion.left
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 8
    ttf-font: $otmmo-font-num
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text
    text-auto-resize: true
    phantom: true

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

  Label
    id: info
    anchors.bottom: parent.bottom
    anchors.left: nombre.left
    margin-bottom: 2
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2
    text-auto-resize: true
    phantom: true

FilaMochila < GameRow
  height: 36
  focusable: true
  padding: 2 4
  $focus:
    background-color: $otmmo-surface
    border-color: $otmmo-accent

  UIItem
    id: icono
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    size: 32 32
    virtual: true
    phantom: true

  Label
    id: nombre
    anchors.left: icono.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
    phantom: true

MainWindow
  id: mercado
  text: Mercado de Refugio
  size: 720 472
  @onEscape: modules.game_mercado.cerrar()

  GameSection
    id: titulo
    anchors.top: parent.top
    anchors.left: parent.left
    text: En venta

  TextEdit
    id: buscar
    anchors.verticalCenter: titulo.verticalCenter
    anchors.left: titulo.right
    margin-left: 16
    width: 180
    placeholder: Buscar...
    placeholder-color: $otmmo-text-2
    @onTextChange: modules.game_mercado.filtrar()

  GameNumber
    id: oro
    anchors.verticalCenter: titulo.verticalCenter
    anchors.right: lista.right

  TextList
    id: lista
    anchors.top: buscar.bottom
    anchors.left: parent.left
    anchors.bottom: cerrarBoton.top
    margin-top: 8
    margin-bottom: 8
    width: 432
    background-color: $otmmo-bg
    border-width: 1
    border-color: $otmmo-border
    padding: 2
    vertical-scrollbar: listaScroll

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

  GameTextMuted
    id: vacio
    anchors.centerIn: lista
    text: Nadie vende nada todavía.

  Panel
    id: vender
    anchors.top: parent.top
    anchors.left: listaScroll.right
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    margin-left: 16

    GameSection
      id: tituloVender
      anchors.top: parent.top
      anchors.left: parent.left
      text: Vender

    TextList
      id: mochila
      anchors.top: tituloVender.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-right: 12
      height: 196
      margin-top: 12
      background-color: $otmmo-bg
      border-width: 1
      border-color: $otmmo-border
      padding: 2
      vertical-scrollbar: mochilaScroll

    VerticalScrollBar
      id: mochilaScroll
      anchors.top: mochila.top
      anchors.bottom: mochila.bottom
      anchors.left: mochila.right
      step: 36
      pixels-scroll: true

    GameTextMuted
      id: etCantidad
      anchors.top: mochila.bottom
      anchors.left: parent.left
      margin-top: 12
      text: Cantidad

    TextEdit
      id: cantidad
      anchors.top: etCantidad.bottom
      anchors.left: parent.left
      margin-top: 4
      width: 72
      @onTextChange: modules.game_mercado.calcular()

    GameTextMuted
      id: etPrecio
      anchors.top: mochila.bottom
      anchors.left: cantidad.right
      margin-top: 12
      margin-left: 12
      text: Precio total

    TextEdit
      id: precio
      anchors.top: etPrecio.bottom
      anchors.left: etPrecio.left
      anchors.right: parent.right
      margin-top: 4
      @onTextChange: modules.game_mercado.calcular()

    GameText
      id: recibes
      anchors.top: precio.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 8
      text-auto-resize: false
      text-wrap: true
      height: 32

    PrimaryButton
      id: publicar
      anchors.top: recibes.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 4
      height: 28
      text: Publicar
      @onClick: modules.game_mercado.publicar()

    GameTextSmall
      id: reglas
      anchors.top: publicar.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 8
      text-auto-resize: false
      text-wrap: true
      height: 64
      text: El objeto queda en custodia. Comisión del 5 % al vender. Máximo 10 ofertas; caducan a las 48 h.

  Button
    id: cerrarBoton
    anchors.left: parent.left
    anchors.bottom: parent.bottom
    text: Cerrar
    width: 80
    @onClick: modules.game_mercado.cerrar()