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

  UIButton
    id: desafiosButton
    size: 61 61
    image-source: /images/custom/UI/desafios_on
    anchors.top: parent.top
    anchors.left: parent.left
    margin-left: -5
    margin-top: 17
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0

  UIButton
    id: desafiosPanel
    size: 570 365
    focusable: true
    image-source: /images/custom/UI/central_back
    anchors.top: parent.top
    anchors.left: desafiosButton.right
    margin-left: 10
    margin-top: -10

    Label
      id: textTitle
      !text: tr("DESAFIOS DIARIOS")
      text-align: center
      font: newfont-16px-rounded
      height: 22
      anchors.top: parent.top
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 10
      margin-left: 20
      margin-right: 20

    Label
      id: textDesafio
      !text: tr("Todos os dias, desafios sao sorteados aleatoriamente. Voce pode fazer todos, mas so pode ativar 1 por vez. Clique no desafio para ativa-lo.")
      font: lucida-11px-rounded
      text-offset: 10 10
      text-wrap: true
      height: 50
      image-source: /images/custom/Task/Monster_2
      anchors.top: textTitle.bottom
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 10
      margin-left: 20
      margin-right: 20

    VerticalScrollBar
      id: DesafiosPanelScrollBar
      anchors.top: textDesafio.bottom
      anchors.bottom: parent.bottom
      anchors.right: parent.right
      step: 24
      opacity: 0.7
      margin-bottom: 20
      margin-top: 10
      margin-right: 15
      pixels-scroll: true

    ScrollablePanel
      id: DesafiosScrollPanel
      height: 180
      anchors.right: prev.left
      anchors.left: parent.left
      anchors.top: textDesafio.bottom
      anchors.bottom: parent.bottom
      vertical-scrollbar: DesafiosPanelScrollBar
      margin-left: 20
      margin-top: 10
      margin-right: 05
      margin-bottom: 20
      layout:
        type: grid
        cell-size: 515 60
        flow: true
        auto-spacing: false

    UIButton
      id: alertMensagem
      height: 170
      image-source: /images/custom/UI/black_Panel
      anchors.top: parent.top
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 100
      margin-left: -1
      margin-right: -1

      UIButton
        height: 2
        image-source: /images/custom/UI/separador
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
        margin-top: -1

      Label
        id: titleAlert
        height: 22
        font: newfont-16px-rounded
        text: Titulo de Alerta
        text-align: center
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
        margin-top: 25
        margin-left: -1
        margin-right: -1

      UIButton
        id: circleIcon
        size: 70 70
        icon: /images/custom/Spells/Passiva/passive_1
        anchors.top: parent.top
        anchors.left: parent.left
        margin-top: -30
        margin-left: 245

      Label
        id: descAlert
        height: 55
        font: verdana-11px-antialised
        text: Descrição do Alerta
        text-align: center
        text-wrap: true
        anchors.top: circleIcon.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        margin-top: 10
        margin-left: 05
        margin-right: 05

      UIButton
        id: confirmAlert
        height: 25
        image-source: /images/custom/UI/button_2
        font: verdana-11px-antialised
        !text: tr('Confirmar')
        text-align: center
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        margin-bottom: 15
        margin-left: 50
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0

      UIButton
        id: cancelAlert
        height: 25
        image-source: /images/custom/UI/button_3
        font: verdana-11px-antialised
        !text: tr('Cancelar')
        text-align: center
        anchors.bottom: parent.bottom
        anchors.left: confirmAlert.right
        margin-bottom: 15
        margin-left: 10
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0

      UIButton
        height: 2
        image-source: /images/custom/UI/separador
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        margin-bottom: -1

  UIButton
    id: shopButton
    size: 61 61
    image-source: /images/custom/UI/desafios_shop_on
    anchors.top: desafiosButton.bottom
    anchors.left: parent.left
    margin-left: -5
    margin-top: 10
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0

  UIButton
    id: shopPanel
    size: 570 365
    focusable: true
    image-source: /images/custom/UI/central_back
    anchors.top: parent.top
    anchors.left: shopButton.right
    margin-left: 10
    margin-top: -10

    Label
      id: saldoDesafioPoints
      font: lucida-11px-rounded
      text-offset: 05 05
      text-align: center
      text-wrap: true
      size: 150 55
      image-source: /images/custom/UI/button_4
      anchors.top: parent.top
      anchors.left: parent.left
      margin-top: 15
      margin-left: 20
      opacity: 0.8

    Label
      id: shopTextDesafio
      !text: tr('Use seus pontos de desafio para comprar produtos exclusivos desse Shop. Voce so podera ter 1 produto ativo por vez.')
      font: lucida-11px-rounded
      text-offset: 10 10
      text-wrap: true
      height: 55
      image-source: /images/custom/Task/Monster_2
      anchors.top: parent.top
      anchors.left: saldoDesafioPoints.right
      anchors.right: parent.right
      margin-top: 15
      margin-left: 10
      margin-right: 20

    VerticalScrollBar
      id: DesafiosShopPanelScrollBar
      anchors.top: shopTextDesafio.bottom
      anchors.bottom: parent.bottom
      anchors.right: parent.right
      step: 24
      opacity: 0.7
      margin-bottom: 20
      margin-top: 15
      margin-right: 15
      pixels-scroll: true

    ScrollablePanel
      id: DesafiosShopScrollPanel
      height: 180
      anchors.right: prev.left
      anchors.left: parent.left
      anchors.top: shopTextDesafio.bottom
      anchors.bottom: parent.bottom
      vertical-scrollbar: DesafiosShopPanelScrollBar
      margin-left: 20
      margin-top: 15
      margin-right: 05
      margin-bottom: 20
      layout:
        type: grid
        cell-size: 115 162
        flow: true
        auto-spacing: true

    UIButton
      id: shopMensagem
      height: 170
      image-source: /images/custom/UI/black_Panel
      anchors.top: parent.top
      anchors.left: parent.left
      anchors.right: parent.right
      margin-top: 100
      margin-left: -1
      margin-right: -1

      UIButton
        height: 2
        image-source: /images/custom/UI/separador
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
        margin-top: -1

      Label
        id: titleShop
        height: 22
        font: newfont-16px-rounded
        text: Nome do Produto
        text-align: center
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
        margin-top: 25
        margin-left: -1
        margin-right: -1

      UIButton
        id: circleShop
        size: 70 70
        anchors.top: parent.top
        anchors.left: parent.left
        margin-top: -55
        margin-left: 245

      Label
        id: descShop
        height: 55
        font: verdana-11px-antialised
        text: Descrição do Alerta
        text-align: center
        text-wrap: true
        anchors.top: circleShop.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        margin-top: 30
        margin-left: 05
        margin-right: 05

      UIButton
        id: desafioCoin
        size: 150 25
        image-source: /images/custom/UI/button_4
        font: verdana-11px-antialised
        text-align: center
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        margin-bottom: 15
        margin-left: 50
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0

      UIButton
        id: vipShop
        size: 150 25
        image-source: /images/custom/UI/button_1
        font: verdana-11px-antialised
        text-align: center
        anchors.bottom: parent.bottom
        anchors.left: desafioCoin.right
        margin-bottom: 15
        margin-left: 10
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0

      UIButton
        id: cancelShop
        size: 150 25
        image-source: /images/custom/UI/button_3
        font: verdana-11px-antialised
        !text: tr('Cancelar')
        text-align: center
        anchors.bottom: parent.bottom
        anchors.left: vipShop.right
        margin-bottom: 15
        margin-left: 10
        opacity: 0.8
        $pressed:
          opacity: 0.6
        $hover !pressed:
          opacity: 1.0

      UIButton
        height: 2
        image-source: /images/custom/UI/separador
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        margin-bottom: -1

  UIButton
    id: exitButton
    image-source: /images/custom/UI/desafios_exit
    size: 61 61
    anchors.top: shopButton.bottom
    anchors.left: parent.left
    margin-left: -5
    margin-top: 10
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0
    @onClick: closer()