#' The application User-Interface
#'
#' @param request Internal parameter for `{shiny}`.
#'     DO NOT REMOVE.
#' @import shiny
#' @noRd
app_ui <- function(request) {
  tagList(
    # Leave this function for adding external resources
    golem_add_external_resources(),
    # Your application UI logic
    fluidPage(
      h1("Poluição do ar"),
      sidebarLayout(
        sidebarPanel(
          selectInput(
            "estacao",
            label = "Selecione uma estação",
            choices = sort(unique(cetesb$estacao_cetesb))
          ),
          selectInput(
            "poluente",
            label = "Selecione um poluente",
            choices = c("Carregando..." = "")
          )
        ),
        mainPanel(
          echarts4r::echarts4rOutput("grafico")
        )
      )
    )
  )
}

#' Add external Resources to the Application
#'
#' This function is internally used to add external
#' resources inside the Shiny application.
#'
#' @import shiny
#' @importFrom golem add_resource_path activate_js favicon bundle_resources
#' @noRd
golem_add_external_resources <- function(){

  add_resource_path(
    'www', app_sys('app/www')
  )

  tags$head(
    favicon(),
    bundle_resources(
      path = app_sys('app/www'),
      app_title = 'exemploGolem'
    )
    # Add here other external resources
    # for example, you can add shinyalert::useShinyalert()
  )
}

