MinimapToggleButton < UIWidget
  size: 30 30
  icon-size: 16 16
  icon-align: center
  icon-color: #A6AAB2
  opacity: 0.9
  image-source: /images/ui/windows/minimap/icon_border_off
  $hover:
    opacity: 1.0
  $pressed:
    opacity: 0.9
  $on:
    icon-color: #181A1D
    image-source: /images/ui/windows/minimap/icon_border_on

  @onDragEnter: function(a,b,c) modules.game_minimap.onMinimapButtonDragEnter(a,b,c) end
  @onSetup: |
    function(self)
      if self.setupFunc then
        self:setupFunc()
      end
    end

MinimapExpandingButton < UIWidget
  size: 30 30
  icon-size: 16 16
  icon-align: center
  icon-color: #A6AAB2
  opacity: 0.9
  image-source: /images/ui/windows/minimap/icon_border_off
  $hover:
    opacity: 1.0
  $pressed:
    opacity: 0.9
  $on:
    //icon-color: #181A1D
    //image-source: /images/ui/windows/minimap/icon_border_on

  @onSetup: |
    function(self)
      if self.setupFunc then
        self:setupFunc()
      end
    end

// Native engine minimap widget - renders g_minimap directly
Minimap < UIMinimap
  focusable: false
  color: alpha
  opacity: 1.0
  zoom: 0
  min-zoom: -5
  max-zoom: 5

MinimapWindow < UIWindow
  id: minimapWindow
  size: 260 260
  draggable: true

  @onMouseWheel: |
    function(widget, mousePos, direction)
      if direction == MouseWheelDown then
        modules.game_minimap.zoomOut()
      elseif direction == MouseWheelUp then
        modules.game_minimap.zoomIn()
      end
    end

  // Tile container hidden - engine handles rendering via UIMinimap
  UIWidget
    id: minimapTileContainer
    size: 200 200
    anchors.top: parent.top
    anchors.left: parent.left
    phantom: true
    margin-left: 30
    margin-top: 40
    visible: false

  UIWidget
    id: background
    anchors.fill: minimap
    image-source: /images/ui/windows/minimap/empty_background
    phantom: true

  // Native UIMinimap renderer
  Minimap
    id: minimap
    anchors.centerIn: border
    size: 196 196
    clipping: true
    background-color: #00000000
    color: #00000000


  UIWidget
    id: border
    anchors.top: topPanel.bottom
    anchors.horizontalCenter: parent.horizontalCenter
    image-source: /images/ui/windows/minimap/border
    margin-top: 5
    phantom: true

  // Region name / clock header. Hidden: nothing in this client fills it
  // (updateTime/updateRegionName are never called). Kept as the anchor for
  // the minimap border so the minimap stays where it is.
  UIWidget
    id: topPanel
    visible: false
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.top: parent.top
    margin-left: 10
    margin-right: 10
    image-border: 15
    padding: 5
    image-source: /images/ui/windows/minimap/btnTime

    UIWidget
      id: time
      anchors.right: parent.right
      anchors.verticalCenter: parent.verticalCenter
      margin-right: 10
      text-auto-resize: true
      text-align: right
      text-offset: 0 2

    UIWidget
      id: regionName
      anchors.fill: parent
      text-auto-resize: true
      text-align: left
      text-offset: 0 2
      margin-left: 10

  UIWidget
    id: zoomIn
    size: 25 25
    opacity: 0.9
    $hover:
      opacity: 1.0
    $pressed:
      opacity: 0.9
    &offset: -3
    @onClick: modules.game_minimap.zoomIn()
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 52.5, self.offset)

  UIWidget
    id: zoomInImage
    image-source: /images/ui/windows/minimap/zoomin
    image-auto-resize: true
    phantom: true
    &offset: -3
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 52.5, self.offset)

  UIWidget
    id: zoomOut
    size: 25 25
    opacity: 0.9
    $hover:
      opacity: 1.0
    $pressed:
      opacity: 0.9
    &offset: -3
    @onClick: modules.game_minimap.zoomOut()
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 37.5, self.offset)

  UIWidget
    id: zoomOutImage
    image-source: /images/ui/windows/minimap/zoomout
    image-auto-resize: true
    phantom: true
    &offset: -3
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 37.5, self.offset)

  MinimapToggleButton
    id: questTrackerButton
    draggable: true
    icon-source: /images/ui/windows/minimap/icon_questTracker
    @onClick: modules.game_minimap.btnQuestTracker(self)
    &offset: -3
    &tooltip: 'Toggle quest tracker'
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 95, self.offset)

  MinimapToggleButton
    id: teleportButton
    draggable: true
    image-source: /images/ui/windows/minimap/hearth_background
    icon-source: /images/ui/windows/minimap/icon_hearth
    icon-color: #36F991
    $on:
      image-source: /images/ui/windows/minimap/hearth_background
      icon-color: #A6AAB2
    $disabled:
      icon-color: #A6AAB2
      opacity: 0.8
    @onClick: modules.game_minimap.btnTeleport(self)
    &offset: -3
    &tooltip: 'Teleport to Ravencrest'
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 350, self.offset)

  UIWidget
    id: safeModeButtonPopup
    anchors.verticalCenter: safeModeButton.verticalCenter
    anchors.right: safeModeButton.left
    image-source: /images/ui/windows/minimap/background
    margin-right: -20
    visible: false

    UIWidget
      size: 16 16
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 5
      @onClick: modules.game_minimap.onPvpButtonClicked(self:getId())
      opacity: 0.8
      $hover:
        opacity: 1.0

    UIWidget
      size: 16 16
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 30
      @onClick: modules.game_minimap.onPvpButtonClicked(self:getId())
      opacity: 0.8
      $hover:
        opacity: 1.0

    UIWidget
      width: 1
      anchors.left: parent.left
      anchors.top: prev.top
      anchors.bottom: prev.bottom
      background-color: #3A3D43
      margin-left: 25

  MinimapExpandingButton
    id: safeModeButton
    draggable: true
    @onClick: |
      self:setOn(not self:isOn())
      local popup = modules.game_minimap.safeModeButtonPopup
      if popup then popup:setVisible(self:isOn()) end
    &offset: 5
    &tooltip:'Toggle player attack (PvP)'
    &setupFunc: |
      function(self)
        self:setAnglePosition(self:getParent().minimap, 225, self.offset)
      end

  UIWidget
    id: floorIndicatorButtonPopup
    anchors.verticalCenter: floorIndicatorButton.verticalCenter
    anchors.right: floorIndicatorButton.left
    image-source: /images/ui/windows/minimap/background
    margin-right: -20
    visible: false

    UIWidget
      size: 16 16
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 5
      @onClick: modules.game_minimap.onFloorIndicatorButtonClicked(self:getId())
      opacity: 0.8
      $hover:
        opacity: 1.0

    UIWidget
      size: 16 16
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 30
      @onClick: modules.game_minimap.onFloorIndicatorButtonClicked(self:getId())
      opacity: 0.8
      $hover:
        opacity: 1.0

    UIWidget
      width: 1
      anchors.left: parent.left
      anchors.top: prev.top
      anchors.bottom: prev.bottom
      background-color: #3A3D43
      margin-left: 25

  MinimapExpandingButton
    id: floorIndicatorButton
    draggable: true
    icon-source: /images/ui/windows/minimap/icon_floor_enabled
    @onClick: |
      self:setOn(not self:isOn())
    &offset: -2
    &tooltip:'Toggle floor change indicators'
    &setupFunc: |
      function(self)
        self:setAnglePosition(self:getParent().minimap, 130, self.offset)
      end

  MinimapToggleButton
    id: houseMakerButton
    draggable: true
    icon-source: /images/ui/windows/minimap/icon_house
    @onClick: modules.game_minimap.btnHouseMode(self)
    &offset: 2
    &tooltip: 'Toggle house mode'
    &setupFunc: |
      function(self)
        self:setAnglePosition(self:getParent().minimap, 195, self.offset)
      end

  MinimapToggleButton
    id: channelSwitchButton
    draggable: true
    @onClick: modules.game_minimap.btnChannelSwitch(self)
    &offset: -3
    &tooltip: 'Channel Selector'
    text-offset: 0 2
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 15, self.offset)

  MinimapToggleButton
    id: battleListButton
    draggable: true
    icon-source: /images/ui/windows/minimap/battle_list
    @onClick: modules.game_minimap.btnBattleList(self)
    &offset: 0
    &tooltip: 'Battle List'
    text-offset: 0 2
    icon-offset: -1 0
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 165, self.offset)

  MinimapToggleButton
    id: mailButton
    draggable: true
    icon-source: /images/ui/windows/minimap/mail
    @onClick: modules.game_minimap.btnMail(self)
    &offset: 2
    &tooltip: 'Mailbox'
    $hover:
      icon-source: /images/ui/windows/minimap/mail_hover
    $on:
      icon-color: white
    text-offset: 0 2
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 300, self.offset)

  UIWidget
    id: iconWind
    image-source: /images/ui/windows/minimap/icon_wind
    size: 56 45
    text: S
    text-offset: 31 0
    @onSetup: |
      self:setAnglePosition(self:getParent().minimap, 330)


MiniMapPlayerIcon < UIWidget
  anchors.top: parent.top
  anchors.left: parent.left
  size: 24 30

  UICreature
    id: playerOutfit
    anchors.top: parent.top
    anchors.left: parent.left
    size: 20 20
    margin-top: 2
    margin-left: 2
    clipping: true
    outfit-scale: 1
    outfit-offset: 5 3
    outfit-direction: 2
    phantom: true

  UIWidget
    id: playerOutfitFrame
    anchors.fill: parent
    image-source: /images/ui/windows/minimap/arrows/worldmap/player_arrow
    image-auto-resize: true
    phantom: true

MiniMapPartyIcon < UIWidget
  anchors.top: parent.top
  anchors.left: parent.left
  size: 24 30

  UICreature
    id: partyOutfit
    anchors.top: parent.top
    anchors.left: parent.left
    size: 20 20
    margin-top: 2
    margin-left: 2
    clipping: true
    outfit-scale: 1
    outfit-offset: 5 3
    outfit-direction: 2
    phantom: true

  UIWidget
    id: partyOutfitFrame
    anchors.fill: parent
    image-source: /images/ui/windows/minimap/arrow/frame_party
    image-auto-resize: true
    margin-top: 1
    phantom: true