// OT-MMO: ventana de crafteo. La abre el servidor al usar una estación (yunque, mesa de alquimia, banco).
// Filas de lista sobre GameRow (la elegida en una TextList es la que tiene el foco). Textos: data/styles/50-otmmo.otui.
FilaReceta < 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
    phantom: true

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

  Label
    id: nivel
    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

FilaIngrediente < Panel
  height: 36
  margin-bottom: 4

  Item
    id: icono
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    size: 34 34
    virtual: true

  GameText
    id: nombre
    anchors.left: icono.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8

  GameNumber
    id: cuenta
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 8

MainWindow
  id: crafteo
  text: Crafteo
  size: 640 440
  @onEscape: modules.game_crafteo.cerrar()

  GameLabelStrong
    id: oficio
    anchors.top: parent.top
    anchors.left: parent.left

  Panel
    id: barra
    anchors.top: oficio.bottom
    anchors.left: parent.left
    margin-top: 4
    size: 240 8
    background-color: $otmmo-bg
    border-width: 1
    border-color: $otmmo-border

    Panel
      id: fill
      anchors.top: parent.top
      anchors.bottom: parent.bottom
      anchors.left: parent.left
      margin: 1
      width: 1
      background-color: $otmmo-xp

  GameNumber
    id: xpTexto
    anchors.verticalCenter: barra.verticalCenter
    anchors.left: barra.right
    margin-left: 8
    ttf-font-size: $otmmo-size-xs
    color: $otmmo-text-2

  TextList
    id: lista
    anchors.top: barra.bottom
    anchors.left: parent.left
    anchors.bottom: parent.bottom
    margin-top: 12
    width: 240
    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

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

    GamePanel
      id: marco
      anchors.top: parent.top
      anchors.left: parent.left
      size: 72 72

      Item
        id: resultado
        anchors.centerIn: parent
        size: 34 34
        virtual: true

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

    GameParagraph
      id: requisito
      anchors.top: nombre.bottom
      anchors.left: nombre.left
      anchors.right: parent.right
      margin-top: 4
      text-auto-resize: false
      text-vertical-auto-resize: true

    GameParagraph
      id: calidad
      anchors.top: requisito.bottom
      anchors.left: nombre.left
      anchors.right: parent.right
      margin-top: 4
      text-auto-resize: false
      text-vertical-auto-resize: true
      color: $otmmo-ok

    GameSection
      id: tituloIngredientes
      anchors.top: marco.bottom
      anchors.left: parent.left
      margin-top: 16
      text: Materiales

    Panel
      id: ingredientes
      anchors.top: tituloIngredientes.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      anchors.bottom: parent.bottom
      margin-top: 8
      layout:
        type: verticalBox

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

    PrimaryButton
      id: uno
      text: Fabricar
      width: 96
      @onClick: modules.game_crafteo.fabricar(1)
    Button
      id: cinco
      text: Fabricar x5
      width: 96
      @onClick: modules.game_crafteo.fabricar(5)
    Button
      id: cerrarBoton
      text: Cerrar
      width: 80
      @onClick: modules.game_crafteo.cerrar()