// OT-MMO: escenas de mazmorra estilo FFXIV. Lo mueve el servidor (server/scripts/combate/cine.lua, opcode 107).
// Todo phantom: nunca tapa clics del mapa.
FilaObjetivo < UIWidget
  height: 16
  phantom: true

  UIWidget
    id: marca
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    size: 8 8
    border-width: 1
    border-color: $otmmo-text-2
    phantom: true

  Label
    id: texto
    anchors.left: marca.right
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 8
    ttf-font: $otmmo-font
    ttf-font-size: $otmmo-size-sm
    ttf-stroke: 1 #10161C
    color: $otmmo-text
    text-auto-resize: true
    phantom: true

CineCapa < UIWidget
  phantom: true
  focusable: false

  UIWidget
    id: franjaArriba
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    height: 0
    background-color: #10161CF0
    phantom: true

  UIWidget
    id: franjaAbajo
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    height: 0
    background-color: #10161CF0
    phantom: true

  // Cartel de título: separador fino, nombre grande y subtítulo.
  UIWidget
    id: titulo
    anchors.centerIn: parent
    margin-top: -60
    size: 640 110
    phantom: true
    visible: false

    UIWidget
      id: linea1
      anchors.top: parent.top
      anchors.horizontalCenter: parent.horizontalCenter
      size: 360 1
      background-color: $otmmo-border-hover
      phantom: true

    Label
      id: nombre
      anchors.top: linea1.bottom
      anchors.horizontalCenter: parent.horizontalCenter
      margin-top: 12
      ttf-font: $otmmo-font-strong
      ttf-font-size: 32
      ttf-stroke: 2 #10161C
      color: $otmmo-text
      text-auto-resize: true
      phantom: true

    Label
      id: sub
      anchors.top: nombre.bottom
      anchors.horizontalCenter: parent.horizontalCenter
      margin-top: 4
      ttf-font: $otmmo-font
      ttf-font-size: $otmmo-size-lg
      ttf-stroke: 1 #10161C
      color: $otmmo-text-2
      text-auto-resize: true
      phantom: true

    UIWidget
      id: linea2
      anchors.top: sub.bottom
      anchors.horizontalCenter: parent.horizontalCenter
      margin-top: 12
      size: 360 1
      background-color: $otmmo-border-hover
      phantom: true

  // Diálogo: abajo al centro, encima de la barra de acciones.
  UIWidget
    id: dialogo
    anchors.bottom: parent.bottom
    anchors.horizontalCenter: parent.horizontalCenter
    margin-bottom: 130
    size: 560 80
    background-color: #192127E6
    border-width: 1
    border-color: $otmmo-border
    phantom: true
    visible: false

    UIWidget
      id: marco
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 8
      size: 64 64
      background-color: $otmmo-bg
      border-width: 1
      border-color: $otmmo-border
      phantom: true

      UICreature
        id: retrato
        anchors.centerIn: parent
        size: 64 64
        phantom: true

    Label
      id: nombre
      anchors.top: parent.top
      anchors.left: marco.right
      margin: 8 0 0 12
      ttf-font: $otmmo-font-strong
      ttf-font-size: $otmmo-size-lg
      color: $otmmo-text
      text-auto-resize: true
      phantom: true

    Label
      id: texto
      anchors.top: nombre.bottom
      anchors.left: nombre.left
      anchors.right: parent.right
      margin: 4 12 0 0
      ttf-font: $otmmo-font
      ttf-font-size: $otmmo-size-md
      color: $otmmo-text
      text-wrap: true
      text-auto-resize: false
      height: 36
      phantom: true

  // Objetivos de la mazmorra: a la derecha, bajo el minimapa (a la izquierda chocaban con los marcos de grupo).
  UIWidget
    id: objetivos
    anchors.right: parent.right
    anchors.top: parent.top
    margin-right: 12
    margin-top: 220
    width: 260
    phantom: true
    visible: false
    layout:
      type: verticalBox
      fit-children: true
      spacing: 4

    Label
      id: cabecera
      ttf-font: $otmmo-font-strong
      ttf-font-size: $otmmo-size-md
      ttf-stroke: 1 #10161C
      color: $otmmo-text
      text-auto-resize: true
      phantom: true

  // Victoria.
  Label
    id: victoria
    anchors.centerIn: parent
    margin-top: -40
    ttf-font: $otmmo-font-strong
    ttf-font-size: 32
    ttf-stroke: 2 #10161C
    color: $otmmo-text
    text-auto-resize: true
    phantom: true
    visible: false