// Admin Panel > Misiones: herramienta de desarrollo para probar misiones sobre el propio personaje. Lista filtrable a la
// izquierda; detalle con etapas y acciones a la derecha. Lo aplica el servidor (admin.lua > misiones.lua, Misiones.admin*).

// Una misión de la lista: nombre; debajo zona y nivel; a la derecha su estado. La elegida lleva fondo surface (Lua).
AdmMFila < UIWidget
  height: 40
  border-width-bottom: 1
  border-color: $otmmo-border
  change-cursor-image: true
  cursor: pointer

  $hover:
    background-color: $otmmo-hover-overlay

  Label
    id: nombre
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: estado.left
    margin-top: 5
    margin-left: 8
    margin-right: 8
    height: 16
    text-auto-resize: false
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text
    phantom: true

  Label
    id: sub
    anchors.top: nombre.bottom
    anchors.left: nombre.left
    anchors.right: nombre.right
    height: 14
    ttf-font-size: 11
    color: $otmmo-text-2
    phantom: true

  Label
    id: estado
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 8
    width: 56
    text-align: right
    ttf-font-size: 11
    phantom: true

// Una etapa (objetivo): texto, cuenta y botones +1 / Cumplir.
AdmMEtapa < UIWidget
  height: 32
  border-width-bottom: 1
  border-color: $otmmo-border

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

  Label
    id: cuenta
    anchors.right: mas.left
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 8
    width: 48
    text-align: right
    ttf-font: $otmmo-font-num
    ttf-font-size: $otmmo-size-sm
    color: $otmmo-text-2
    phantom: true

  Button
    id: mas
    anchors.right: cumplir.left
    anchors.verticalCenter: parent.verticalCenter
    margin-right: 4
    size: 32 22
    text: +1

  Button
    id: cumplir
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    size: 64 22
    text: Cumplir

ValdrenVentana
  id: ventanaMisiones
  size: 780 548
  text: Misiones
  @onEscape: modules.game_admin.toggleMisiones()

  // Izquierda: filtros y lista ---------------------------------------------------------------------------------------
  TextEdit
    id: buscar
    anchors.top: parent.top
    anchors.left: parent.left
    width: 300
    height: 24
    placeholder: Buscar por nombre o id

  ComboBox
    id: zona
    anchors.top: buscar.bottom
    anchors.left: parent.left
    margin-top: 8
    size: 164 22

  ComboBox
    id: orden
    anchors.left: zona.right
    anchors.right: buscar.right
    anchors.verticalCenter: zona.verticalCenter
    margin-left: 8
    height: 22

  CheckBox
    id: soloMias
    anchors.top: zona.bottom
    anchors.left: parent.left
    margin-top: 8
    width: 120
    text: Solo las mías

  GameTextMuted
    id: total
    anchors.right: buscar.right
    anchors.verticalCenter: soloMias.verticalCenter

  VerticalScrollBar
    id: barraLista
    anchors.top: soloMias.bottom
    anchors.left: lista.right
    anchors.bottom: parent.bottom
    margin-top: 4
    step: 40
    pixels-scroll: true

  ScrollablePanel
    id: lista
    anchors.top: soloMias.bottom
    anchors.left: parent.left
    anchors.bottom: parent.bottom
    margin-top: 4
    width: 288
    vertical-scrollbar: barraLista
    border-width: 1
    border-color: $otmmo-border
    layout:
      type: verticalBox
      spacing: 0

  // Derecha: detalle -------------------------------------------------------------------------------------------------
  Panel
    id: detalle
    anchors.top: parent.top
    anchors.left: buscar.right
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    margin-left: 24

    GameTextMuted
      id: vacio
      anchors.centerIn: parent
      text: Elige una misión de la lista.

    Label
      id: nombre
      anchors.top: parent.top
      anchors.left: parent.left
      anchors.right: parent.right
      height: 22
      ttf-font: $otmmo-font-strong
      ttf-font-size: $otmmo-size-lg
      color: $otmmo-text

    GameTextMuted
      id: sub
      anchors.top: nombre.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 2

    GameText
      id: datos
      anchors.top: sub.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 12
      text-wrap: true
      text-auto-resize: true

    GameSection
      id: tEtapas
      anchors.top: datos.bottom
      anchors.left: parent.left
      margin-top: 16
      text: Etapas

    ScrollablePanel
      id: etapas
      anchors.top: tEtapas.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      anchors.bottom: acciones.top
      margin-top: 8
      margin-bottom: 16
      layout:
        type: verticalBox
        spacing: 0

    Panel
      id: acciones
      anchors.left: parent.left
      anchors.right: parent.right
      anchors.bottom: parent.bottom
      height: 30
      layout:
        type: horizontalBox
        spacing: 8

      Button
        id: asignar
        width: 76
        height: 30
        text: Asignar

      Button
        id: reiniciar
        width: 76
        height: 30
        text: Reiniciar

      Button
        id: quitar
        width: 68
        height: 30
        text: Quitar

      Button
        id: marcar
        width: 96
        height: 30
        text: Marcar hecha

      ValdrenBoton
        id: entregar
        width: 84
        text: Entregar