class W3DHub
  class Pages
    class Login < Page
      def setup
        body.clear do
          flow(width: 1.0, height: 1.0, padding: 32) do
            background 0xff_252535

            stack(width: 0.28)

            stack(width: 0.48) do
              flow(width: 1.0) do
                stack(width: 0.4)
                image "#{GAME_ROOT_PATH}/media/icons/w3dhub.png", width: 0.20
              end
              para "Login using your W3D Hub forum account", width: 1.0, text_align: :center

              flow(width: 1.0) do
                tagline "Username", width: 0.25, text_align: :right
                @username = edit_line "", width: 0.75, focus: true
              end

              flow(width: 1.0) do
                tagline "Password", width: 0.25, text_align: :right
                @password = edit_line "", width: 0.75, type: :password
              end

              flow(width: 1.0) do
                tagline "", width: 0.25
                button "Log In" do |btn|
                  @username.enabled = false
                  @password.enabled = false
                  btn.enabled = false

                  # Todo lock whole UI until response or timeout

                  # Do network stuff

                  Thread.new do
                    account = Api.user_login(@username.value, @password.value)

                    if account
                      @host.account = account

                      ext = File.basename(account.avatar_uri).split(".").last
                      path = "#{CACHE_PATH}/#{Digest::SHA2.hexdigest(account.avatar_uri)}.#{ext}"

                      unless File.exist?(path)
                        response = Excon.get(account.avatar_uri)

                        if response.status == 200
                          File.open(path, "wb") do |f|
                            f.write(response.body)
                          end
                        end
                      end

                      main_thread_queue << proc { populate_account_info; page(W3DHub::Pages::Games) }
                    else
                      # An error occurred, enable  account entry
                      # FIXME: Show an error message
                      # NOTE: Too many incorrect entries causes lock out (Unknown duration)
                      main_thread_queue << proc do
                        @username.enabled = true
                        @password.enabled = true
                        btn.enabled = true

                        @error_label.value = "Incorrect username or password.\nOr too many failed login attempts."
                      end
                    end
                  end
                end

                @error_label = caption "", width: 1.0, text_align: :center, color: 0xff_800000
              end
            end
          end
        end
      end

      def populate_account_info
        @host.instance_variable_get(:"@account_container").clear do
          stack(width: 0.7, height: 1.0) do
            # background 0xff_222222
            tagline "<b>#{@host.account.username}</b>"

            flow(width: 1.0) do
              link("Logout", text_size: 16) { depopulate_account_info }
              link "Profile", text_size: 16 do
                Launchy.open("https://secure.w3dhub.com/forum/index.php?showuser=#{@host.account.id}")
              end
            end
          end

          ext = File.basename(@host.account.avatar_uri).split(".").last
          path = "#{CACHE_PATH}/#{Digest::SHA2.hexdigest(@host.account.avatar_uri)}.#{ext}"
          image path, height: 1.0
        end
      end

      def depopulate_account_info
        @host.instance_variable_get(:"@account_container").clear do
          stack(width: 0.7, height: 1.0) do
            # background 0xff_222222
            tagline "<b>Not Logged In</b>", text_wrap: :none

            flow(width: 1.0) do
              link("Log in", text_size: 16) { page(W3DHub::Pages::Login) }
              link "Register", text_size: 16 do
                Launchy.open("https://secure.w3dhub.com/forum/index.php?app=core&module=global&section=register")
              end
            end
          end
        end
      end
    end
  end
end