module W3DHubLauncher
  class States
    class Interface < W3DHubLauncher::State
      attr_reader :application_task_status_bar_container

      def setup
        super

        # root container - background image
        stack(width: 1.0, height: 1.0, background_image: safe_get_image("#{ROOT_PATH}/media/background.png"), background_image_mode: :fill) do
          # root container - background image tint
          stack(width: 1.0, height: 1.0, background: ALPHA_BLACK) do
            # content container
            stack(width: 1.0, fill: true, margin: PADDING) do
              # header bar container
              flow(width: 1.0, height: 100, margin_bottom: PADDING) do |c|
                # logo + menu button
                button(safe_get_image("#{ROOT_PATH}/media/logo.png"), image_height: 1.0, background: 0, border_color: 0, hover: { background: 0 }, active: { background: 0, color: 0xff_ffffff }) do |btn|
                  menu(parent: btn) do
                    menu_item("Settings")
                    menu_item("About") do
                      dialog(Dialog::About)
                    end
                    menu_item("Exit") do
                      window.close
                    end
                  end.show
                end

                # navigation bar container
                stack(fill: true, height: 1.0) do
                  # stack(fill: true)

                  # navigation container
                  flow(width: 1.0, fill: true) do
                    link("GAMES",height: 1.0, text_v_align: :center, font: FONT_BLACK, margin_left: PADDING) { page(Page::Games) }
                    link("SERVERS",height: 1.0, text_v_align: :center, font: FONT_BLACK, margin_left: PADDING) { page(Page::ServerBrowser) }
                    stack(fill: true)
                    image safe_get_image("#{ROOT_PATH}/media/icons/import.png"), height: 40, color: 0xff_bbbbbb, tip: "Downloads" do |img|
                      dialog(Dialog::Downloads)
                    end
                    image safe_get_image("#{ROOT_PATH}/media/icons/information.png"), height: 40, color: 0xff_bbbbbb, tip: "Notifications"
                  end
                  # application task status bar container
                  @application_task_status_bar_container = stack(width: 1.0, fill: true, margin_left: PADDING, visible: false) do
                    flow(width: 1.0) do
                      para "Updating Red Alert: A Path Beyond (Release)", tag: :status_bar_title
                      stack(fill: true)
                      para "Fetching manifests...", tag: :status_bar_label
                    end
                    progress(width: 1.0, fraction: 0.0, tag: :status_bar_progress)
                  end
                end

                # self account container
                @account_container = flow(width: 400, height: 80, margin_left: LARGE_PADDING) do
                  # self avatar container
                  stack(width: 80, height: 1.0, background_image: rounded_avatar(safe_get_image("#{ROOT_PATH}/media/default.png")), tag: :account_avatar) do |i|
                    i.subscribe(:clicked_left_mouse_button) do
                      dialog(Dialog::Account)
                    end
                    # self online state container
                    stack(width: 20, height: 20, v_align: :bottom, h_align: :right, background_image: safe_get_image("#{ROOT_PATH}/media/ui/circle_small.png"), background_image_color: 0xff_26a269, tag: :account_online_state)
                  end

                  stack(fill: true, height: 1.0, margin_left: HALF_PADDING) do
                    flow(fill: true)
                    # self name
                    caption "cyberarm", font: FONT_BLACK, text_wrap: :none, width: 1.0, tag: :account_name
                    # self set online state
                    link "Online ▼", text_size: 18 do |l|
                      menu(parent: l) do
                        menu_item("Online")
                        menu_item("Do Not Disturb")
                        menu_item("Away")
                        menu_item("Invisible")
                        menu_item("Sign Out")
                      end.show
                    end
                    flow(fill: true)
                  end
                end
              end

              # layout container
              flow(width: 1.0, fill: true) do
                # page host container
                @page_host = stack(fill: true, height: 1.0) do
                end

                # server details container
                @server_details_container = stack(width: 400, height: 1.0, margin_left: LARGE_PADDING, padding: PADDING, background_nine_slice: NINE_SLICE_ROUNDED, background_nine_slice_from_edge: NINE_SLICE_EDGE, background_nine_slice_color: ALPHA_GRAY) do
                end

                # battleview/friends container
                @battleview_container = stack(width: 400, height: 1.0, margin_left: LARGE_PADDING) do
                  # friend management container
                  flow(width: 1.0, height: 60) do
                    flow(width: 1.0, v_align: :center) do
                      button safe_get_image("#{ROOT_PATH}/media/icons/singleplayer.png"), image_height: 1.0
                      button safe_get_image("#{ROOT_PATH}/media/icons/gear.png"), image_height: 1.0, margin_left: HALF_PADDING
                      edit_line "", margin_left: HALF_PADDING, fill: true, height: 1.0
                    end
                  end

                  # friends/clanmates list container
                  stack(width: 1.0, fill: true, margin_top: LARGE_PADDING, scroll: true) do
                    50.times do |i|
                      # friend container
                      widget(width: 1.0, height: 68, padding_top: HALF_PADDING, padding_bottom: HALF_PADDING, background_nine_slice: NINE_SLICE_ROUNDED, background_nine_slice_from_edge: NINE_SLICE_EDGE, background_nine_slice_color: 0, hover: { background_nine_slice_color: ALPHA_GRAY }, active: { background_nine_slice_color: ALPHA_BLACK }) do |w|
                        w.subscribe(:clicked_left_mouse_button) do
                          puts "HELLO THERE"
                        end


                        # friend avatar container
                        stack(width: 48 + HALF_PADDING, height: 1.0, margin_left: HALF_PADDING, background_image: rounded_avatar(safe_get_image("#{ROOT_PATH}/media/default.png")), background_image_mode: :fill) do
                          stack(width: 12, height: 12, v_align: :bottom, h_align: :right, background_image: safe_get_image("#{ROOT_PATH}/media/ui/circle_small.png"), background_image_color: 0xff_26a269)
                        end
                        # friend name and status container
                        stack(fill: true, height: 1.0, margin_left: HALF_PADDING, margin_right: HALF_PADDING) do
                          stack(width: 1.0, v_align: :center) do
                            caption ["Silverlight", "PXD2000", "Alstar", "SteelGhost", "FRAYDO"].sample, text_wrap: :none
                            inscription "RA_Under • 13:52", text_wrap: :none, margin_top: -HALF_PADDING
                          end
                        end
                        # friend active application container
                        stack(width: 48, height: 1.0, margin_right: HALF_PADDING, background_image: safe_get_image("#{ROOT_PATH}/media/logo.png"), background_image_mode: :fill)
                      end
                    end
                  end
                end
              end
            end
          end
        end

        hide_server_details_panel

        page(Page::Games)
      end

      def hide_battleview_panel
        @battleview_container.hide
      end

      def show_battleview_panel
        @battleview_container.show
      end

      def hide_server_details_panel
        @server_details_container.hide
      end

      def show_server_details_panel
        @server_details_container.show
      end

      def populate_server_information(server)
        return unless @server_details_container.visible?

        # FIXME: check server channel against application channel's `server_channel`
        application = MemCache[:settings].applications.find { |app| app.id == server.game && app.channel == server.channel }
        # channel = MemCache[:applications].find { |appl| appl.id == application&.id }&.channels&.find { |c| c.id == application&.channel }

        @server_details_container.clear do
          tagline server.name, width: 1.0, text_wrap: :none, tip: server.name
          image safe_get_image("#{ROOT_PATH}/media/default_map_preview.png"), width: 1.0, aspect_ratio: 16 / 9.0, tip: server.current_map, margin_bottom: PADDING

          flow(width: 1.0) do
            button "JOIN SERVER", **CTA_BUTTON_THEME, width: 1.0, enabled: !application.nil?, tip: application.nil? ? "Application not installed" : "" do
              ApplicationHelper.join_server(application, server)
            end
          end

          stack(width: 1.0, fill: true, scroll: true, margin_top: PADDING) do
            # misc. server details
            stack(width: 1.0, padding: HALF_PADDING, background_nine_slice: NINE_SLICE_ROUNDED, background_nine_slice_from_edge: NINE_SLICE_EDGE, background_nine_slice_color: ALPHA_GRAY) do
              flow(width: 1.0) do
                stack(width: 1.0 / 3) do
                  caption "Map", text_wrap: :none, tip: "Map", width: 1.0
                  inscription server.current_map, text_wrap: :none, width: 1.0, tip: server.current_map
                end
                stack(width: 1.0 / 3, margin_left: HALF_PADDING) do
                  display_ping = server.ping == Worker::Api::GameServer::BAD_OR_UNKNOWN_PING ? "?" : format("%dms", server.ping)
                  caption "Ping", text_wrap: :none, tip: "Ping", width: 1.0
                  inscription display_ping, text_wrap: :none, width: 1.0, tip: display_ping
                end
                stack(width: 1.0 / 3, margin_left: HALF_PADDING) do
                  caption "Players", text_wrap: :none, tip: "Players", width: 1.0
                  inscription format("%d/%d", server.player_count, server.max_players), text_wrap: :none, width: 1.0, tip: format("%d/%d", server.player_count, server.max_players)
                end
              end

              flow(width: 1.0) do
                stack(width: 1.0 / 3) do
                  caption "Next Map", text_wrap: :none, tip: "Next Map", width: 1.0
                  inscription server.next_map, text_wrap: :none, width: 1.0, tip: server.next_map
                end
                stack(width: 1.0 / 3, margin_left: HALF_PADDING) do
                  caption "Time", text_wrap: :none, tip: "Time", width: 1.0
                  inscription "00:00:00", text_wrap: :none, width: 1.0, tip: "00:00:00"
                end
                stack(width: 1.0 / 3, margin_left: HALF_PADDING) do
                  caption "Time Left", text_wrap: :none, tip: "Time Left", width: 1.0
                  inscription server.match_remaining_time, text_wrap: :none, width: 1.0, tip: server.match_remaining_time
                end
              end

              flow(width: 1.0) do
                stack(width: 1.0 / 3) do
                  caption "Region", text_wrap: :none, tip: "Region", width: 1.0
                  inscription server.region, text_wrap: :none, width: 1.0, tip: server.region
                end
                stack(width: 1.0 / 3, margin_left: HALF_PADDING) do
                  caption "Channel", text_wrap: :none, tip: "Channel", width: 1.0
                  inscription server.channel, text_wrap: :none, width: 1.0, tip: server.channel
                end
                stack(width: 1.0 / 3, margin_left: HALF_PADDING) do
                  caption "Version", text_wrap: :none, tip: "Version", width: 1.0
                  inscription server.version, text_wrap: :none, width: 1.0, tip: server.version
                end
              end
            end

            # team data
            server.teams.each do |team|
              # ignore empty, non-standard teams
              next if !team.id.between?(0, 1) && team.players.empty?

              stack(width: 1.0, margin_top: PADDING, padding: HALF_PADDING, background_nine_slice: NINE_SLICE_ROUNDED, background_nine_slice_from_edge: NINE_SLICE_EDGE, background_nine_slice_color: ALPHA_GRAY) do
                tagline team.name, text_wrap: :none, tip: team.name

                flow(width: 1.0) do
                  stack(width: 1 / 4.0) do
                    caption "Score", text_wrap: :none, tip: "Score"
                    inscription team.score, text_wrap: :none, tip: team.score
                  end
                  stack(width: 1 / 4.0, margin_left: HALF_PADDING) do
                    caption "Kills", text_wrap: :none, tip: "Kills"
                    inscription team.kills, text_wrap: :none, tip: team.kills
                  end
                  stack(width: 1 / 4.0, margin_left: HALF_PADDING) do
                    caption "Deaths", text_wrap: :none, tip: "Deaths"
                    inscription team.deaths, text_wrap: :none, tip: team.deaths
                  end
                  stack(width: 1 / 4.0, margin_left: HALF_PADDING) do
                    caption "Players", text_wrap: :none, tip: "Players"
                    inscription format("%d/%d", team.players.size, server.max_players), text_wrap: :none, tip: format("%d/%d", team.players.size, server.max_players)
                  end
                end

                next if team.players.empty?

                flow(width: 1.0, height: 2, background: 0xaa_000000)

                flow(width: 1.0) do
                  stack(fill: true, margin_right: HALF_PADDING) do
                    inscription "Name", width: 1.0, text_wrap: :none, font: FONT_BOLD, tip: "Name"
                  end
                  stack(width: 1 / 5.0, margin_right: HALF_PADDING) do
                    inscription "Score", width: 1.0, text_wrap: :none, font: FONT_BOLD, tip: "Score"
                  end
                  stack(width: 1 / 5.0, margin_right: HALF_PADDING) do
                    inscription "Kills", width: 1.0, text_wrap: :none, font: FONT_BOLD, tip: "Kills"
                  end
                  stack(width: 1 / 5.0, margin_right: HALF_PADDING) do
                    inscription "Deaths", width: 1.0, text_wrap: :none, font: FONT_BOLD, tip: "Deaths"
                  end
                  # stack(width: 1 / 8.0, margin_right: HALF_PADDING) do
                  #   inscription "Ping", width: 1.0, text_wrap: :none, font: FONT_BOLD, tip: "Ping"
                  # end
                  # stack(width: 1 / 6.0) do
                  #   inscription "Time", width: 1.0, text_wrap: :none, font: FONT_BOLD, tip: "Time"
                  # end
                end

                team.players.sort_by(&:score).reverse.each_with_index do |player, i|
                  flow(width: 1.0, background: i.odd? ? 0 : 0xaa_000000) do
                    stack(fill: true, margin_right: HALF_PADDING) do
                      inscription player.name, font: FONT_MONO, width: 1.0, text_wrap: :none, tip: player.name
                    end
                    stack(width: 1 / 5.0, margin_right: HALF_PADDING) do
                      inscription player.score, font: FONT_MONO, width: 1.0, text_wrap: :none, tip: player.score
                    end
                    stack(width: 1 / 5.0, margin_right: HALF_PADDING) do
                      inscription player.kills, font: FONT_MONO, width: 1.0, text_wrap: :none, tip: player.kills
                    end
                    stack(width: 1 / 5.0, margin_right: HALF_PADDING) do
                      inscription player.deaths, font: FONT_MONO, width: 1.0, text_wrap: :none, tip: player.deaths
                    end
                    # stack(width: 1 / 8.0, margin_right: HALF_PADDING) do
                    #   inscription player.ping, font: FONT_MONO, width: 1.0, text_wrap: :none, tip: player.ping
                    # end
                    # stack(width: 1 / 5.0) do
                    #   inscription player.time, font: FONT_MONO, width: 1.0, text_wrap: :none, tip: player.time
                    # end
                  end
                end
              end
            end
          end
        end
      end

      def button_up(id)
        super

        @battleview_container.toggle if id == Gosu::KB_F8
      end
    end
  end
end