MainWindow
  id: nexusWindow
  size: 700 400
  image-source: /images/custom/UI/none
  draggable: false
  focusable: true
  @onEscape: closer()

  UIButton
    id: taskNexus
    size: 200 400
    image-source: /images/custom/UI/nexusTask
    anchors.top: parent.top
    anchors.left: parent.left
    margin-left: 01
    margin-top: -40
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0
    
    $mobile:
      size: 200 360
      margin-top: -15
      margin-left: 20

    UIButton
      id: Boost
      size: 280 130
      image-source: /images/custom/Task/boost
      anchors.top: parent.top
      anchors.left: parent.left
      margin-left: -55
      margin-top: 55
      phantom: true

    UIButton
      id: MonsterImg
      size: 64 64
      image-source: /images/custom/Monster/1001
      anchors.top: parent.top
      anchors.left: parent.left
      margin-left: 57
      margin-top: 95
      phantom: true

    UIButton
      id: btLastMonster
      text: <
      font: newfont-16px-rounded
      size: 30 20
      anchors.top: MonsterImg.bottom
      anchors.left: parent.left
      margin-left: -01
      margin-top: 05
      opacity: 0.8
      $pressed:
        opacity: 0.6
      $hover !pressed:
        opacity: 1.0

    UIButton
      id: MonsterName
      size: 140 20
      anchors.top: MonsterImg.bottom
      anchors.left: btLastMonster.right
      margin-left: 02
      margin-top: 05

    UIButton
      id: btNextMonster
      text: >
      font: newfont-16px-rounded
      size: 30 20
      anchors.top: MonsterImg.bottom
      anchors.left: MonsterName.right
      margin-left: 02
      margin-top: 05
      opacity: 0.8
      $pressed:
        opacity: 0.6
      $hover !pressed:
        opacity: 1.0

    UIButton
      id: TPoints
      !tooltip: tr('Moedas de ouro ganho ao finalizar a Task')
      text: 02
      image-source: /images/custom/UI/GoldNexus
      size: 180 30
      anchors.top: btLastMonster.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-top: 05

      UIButton
        id: taskTokenPlus
        !tooltip: tr('Extensor de Task ativado')
        image-source: /images/custom/UI/plus
        size: 20 20
        anchors.top: parent.top
        anchors.right: parent.right
        margin-right: 05
        margin-top: 05
        visible: false

    UIButton
      id: TKill
      !tooltip: tr('Quantidade para matar')
      text: 35
      image-source: /images/custom/UI/TKill
      size: 180 30
      anchors.top: TPoints.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-top: 05

      UIButton
        id: taskKillPlus
        !tooltip: tr('Extensor de Task ativado')
        image-source: /images/custom/UI/plus
        size: 20 20
        anchors.top: parent.top
        anchors.right: parent.right
        margin-right: 05
        margin-top: 05
        visible: false

    UIButton
      id: taskDesc
      font: lucida-11px-rounded
      image-source: /images/custom/UI/central_back
      size: 180 50
      text-wrap: true
      anchors.top: TKill.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-top: 07

    UIButton
      id: taskStart
      !text: tr('INICIAR TASK')
      size: 180 30
      image-source: /images/custom/UI/button_2
      anchors.bottom: parent.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-bottom: 55
      opacity: 0.8
      $pressed:
        opacity: 0.6
      $hover !pressed:
        opacity: 1.0

    UIButton
      id: taskBack
      !text: tr('VOLTAR')
      size: 180 30
      image-source: /images/custom/UI/button
      anchors.bottom: parent.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-bottom: 20
      opacity: 0.8
      $pressed:
        opacity: 0.6
      $hover !pressed:
        opacity: 1.0

  UIButton
    id: dangerousNexus
    size: 200 400
    image-source: /images/custom/UI/nexusDangerous
    anchors.top: parent.top
    anchors.left: taskNexus.right
    margin-left: 15
    margin-top: -40
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0
    
    $mobile:
      size: 200 360
      margin-top: -15

    UIButton
      id: DGMain
      size: 200 400
      anchors.top: parent.top
      anchors.left: parent.left
      phantom: true

      UIButton
        id: DGLoot
        size: 40 38
        !tooltip: tr('Ver possiveis recompensas.')
        image-source: /images/custom/UI/dgLoot
        anchors.top: parent.top
        anchors.right: parent.right
        margin-right: 15
        margin-top: 75

      UIButton
        id: DGImg
        size: 64 64
        image-source: /images/custom/UI/Portal_1
        anchors.top: parent.top
        anchors.left: parent.left
        margin-left: 57
        margin-top: 95
        phantom: true
    
        $mobile:
          margin-top: 60

      UIButton
        id: btLastDG
        text: <
        font: newfont-16px-rounded
        size: 30 20
        anchors.top: DGImg.bottom
        anchors.left: parent.left
        margin-left: 09
        margin-top: 05
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0

      UIButton
        id: DGName
        size: 180 20
        anchors.top: DGImg.bottom
        anchors.left: parent.left
        margin-left: 10
        margin-top: 05

      UIButton
        id: btNextDG
        text: >
        font: newfont-16px-rounded
        size: 30 20
        anchors.top: DGImg.bottom
        anchors.left: DGName.right
        margin-left: 11
        margin-top: 05
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0

      UIButton
        id: dgLevel
        !tooltip: tr('Nivel para entrar.')
        image-source: /images/custom/UI/TPoints_1
        size: 180 30
        anchors.top: btLastDG.bottom
        anchors.left: parent.left
        margin-left: 09
        margin-top: 05

      UIButton
        id: dgTimer
        !tooltip: tr('Tempo para finalizar essa DG (minutos)')
        text: 00:00
        image-source: /images/custom/UI/dgTimer
        size: 180 30
        anchors.top: dgLevel.bottom
        anchors.left: parent.left
        margin-left: 09
        margin-top: 05

      UIButton
        id: dgOnline
        !tooltip: tr('Pontos Online necessarios para poder entrar.')
        text: 02
        image-source: /images/custom/UI/TPoints_3
        size: 180 30
        anchors.top: dgTimer.bottom
        anchors.left: parent.left
        margin-left: 09
        margin-top: 05

      UIButton
        id: dgStart
        size: 180 30
        image-source: /images/custom/UI/button_2
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        margin-left: 09
        margin-bottom: 85
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0
    
        $!mobile:
          margin-bottom: 55

      UIButton
        id: dgBack
        !text: tr('VOLTAR')
        size: 180 30
        image-source: /images/custom/UI/button
        anchors.top: dgStart.bottom
        anchors.left: parent.left
        margin-left: 09
        margin-top: 05
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0

    UIButton
      id: DGRec
      size: 200 400
      anchors.top: parent.top
      anchors.left: parent.left
      phantom: true

      UIButton
        id: dgCount
        font: lucida-11px-rounded
        text-wrap: true
        size: 180 70
        anchors.top: parent.top
        anchors.left: parent.left
        margin-left: 09
        margin-top: 60

        ProgressBar
          id: DGProgress
          font: lucida-11px-rounded
          image-source: /images/custom/UI/EXP
          background-color: white
          size: 170 18
          anchors.bottom: parent.bottom
          anchors.left: parent.left
          margin-left: 05
          margin-bottom: -02

      VerticalScrollBar
        id: DGPanelListScrollBar
        anchors.top: dgCount.bottom
        anchors.bottom: parent.bottom
        anchors.right: parent.right
        step: 24
        opacity: 0.2
        margin-top: 10
        margin-right: 2
        pixels-scroll: true
        $!mobile:
          margin-bottom: 65

        $mobile:
          margin-bottom: 100

      ScrollablePanel
        id: DGitemsPanel
        height: 100
        anchors.left: parent.left
        anchors.right: prev.left
        anchors.top: dgCount.bottom
        anchors.bottom: parent.bottom
        vertical-scrollbar: DGPanelListScrollBar
        margin-top: 10
        margin-left: 15
        margin-right: 5
        layout:
          type: grid
          cell-size: 190 40
          flow: true
          auto-spacing: true
        $!mobile:
          margin-bottom: 65

        $mobile:
          margin-bottom: 100

        UIButton
          id: DG1
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG1
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG2
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG2
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG3
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG3
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG4
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG4
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG5
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG5
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG6
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG6
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG7
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG7
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG8
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG8
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG9
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG9
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG10
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG10
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG11
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG11
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG12
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG12
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG13
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG13
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG14
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG14
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG15
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG15
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG16
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG16
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG17
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG17
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG18
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG18
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG19
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG19
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

        UIButton
          id: DG20
          text: "Nome do Item"
          text-align: left
          text-offset: 45 01
          image-source: /images/custom/UI/loot_0
          margin-top: 2

          Label
            id: ImgDG20
            size: 32 32
            image-source: /images/custom/Items/1002
            anchors.top: parent.top
            anchors.left: parent.left
            margin-top: 05
            margin-left: 05

      UIButton
        id: dgLootBack
        !text: tr('VOLTAR')
        size: 180 30
        image-source: /images/custom/UI/button
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        margin-left: 09
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0
        $!mobile:
          margin-bottom: 20

        $mobile:
          margin-bottom: 40

  UIButton
    id: dimensionalNexus
    size: 200 400
    image-source: /images/custom/UI/nexusNinho
    anchors.top: parent.top
    anchors.left: dangerousNexus.right
    margin-left: 15
    margin-top: -40
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0
    
    $mobile:
      size: 200 360
      margin-top: -15

    UIButton
      id: dimImg
      size: 64 64
      image-source: /images/custom/Monster/1001
      anchors.top: parent.top
      anchors.left: parent.left
      margin-left: 57
      margin-top: 95
      phantom: true
    
      $mobile:
        margin-top: 60

    UIButton
      id: btLastDim
      text: <
      font: newfont-16px-rounded
      size: 30 20
      anchors.top: dimImg.bottom
      anchors.left: parent.left
      margin-left: 02
      margin-top: 05
      opacity: 0.8
      $pressed:
        opacity: 0.6
      $hover !pressed:
        opacity: 1.0

    UIButton
      id: dimName
      text: Cyclops
      size: 138 20
      anchors.top: dimImg.bottom
      anchors.left: btLastDim.right
      margin-top: 05

    UIButton
      id: btNextDim
      text: >
      font: newfont-16px-rounded
      size: 30 20
      anchors.top: dimImg.bottom
      anchors.left: dimName.right
      margin-left: 01
      margin-top: 05
      opacity: 0.8
      $pressed:
        opacity: 0.6
      $hover !pressed:
        opacity: 1.0

    UIButton
      id: expDim
      !tooltip: tr('Experiencia ganha ao sobreviver.')
      text: 02
      image-source: /images/custom/UI/TPoints_1
      size: 180 30
      anchors.top: btLastDim.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-top: 05

    UIButton
      id: dimOnline
      text: 03
      image-source: /images/custom/UI/TPoints_3
      size: 180 30
      anchors.top: expDim.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-top: 05

    UIButton
      id: dimDesc
      font: lucida-11px-rounded
      text: Texto de Descricao.
      image-source: /images/custom/UI/central_back
      size: 180 50
      text-wrap: true
      anchors.top: dimOnline.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-top: 05

    UIButton
      id: dimStart
      size: 180 30
      image-source: /images/custom/UI/button_2
      anchors.bottom: parent.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-bottom: 55
      opacity: 0.8
      $pressed:
        opacity: 0.6
      $hover !pressed:
        opacity: 1.0

    UIButton
      id: dimensionalBack
      !text: tr('VOLTAR')
      size: 180 30
      image-source: /images/custom/UI/button
      anchors.bottom: parent.bottom
      anchors.left: parent.left
      margin-left: 09
      margin-bottom: 20
      opacity: 0.8
      $pressed:
        opacity: 0.6
      $hover !pressed:
        opacity: 1.0

  UIButton
    id: fecharNexus
    size: 35 35
    !tooltip: tr('Sair (ESC)')
    image-source: /images/custom/UI/x
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    margin-right: -10
    @onClick: closer()
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0
    
    $mobile:
      visible: false