library(shiny)
library(markdown)

shinyUI(pageWithSidebar(
  headerPanel(title=HTML("Prueba de hipótesis para la proporción P"),
              windowTitle="PH proporción"),
  sidebarPanel(
    h5('Esta aplicación realiza la prueba de hipótesis para la 
       proporción de una variable cualitativa.'),
    
    h6('La aplicación usa una base de datos de ejemplo pero el usuario
       puede cargar su propia base de datos.'),
    
    fileInput(inputId='file1',
              label='Use el siguiente botón para cargar su base de datos.',
              accept = c(
                'text/csv',
                'text/comma-separated-values',
                'text/tab-separated-values',
                'text/plain',
                '.csv',
                '.tsv'
              )),
    
    checkboxInput(inputId='header',
                  label='¿Tiene encabezado la base de datos?', 
                  value=TRUE),
    
    selectInput(inputId="sep",
                label = "¿Cuál es la separación de los datos?", 
                choices = list(Tab='\t', Comma=',',
                               Semicolon=';', 'Space'=' '),
                selected = ';'),
    
    selectInput(inputId="variable", 
                label=p("Elija la variable",
                        span("cualitativa", style = "color:red"),
                        "para realizar la prueba de hipótesis."),
                choices="placeholder1"),
    
    selectInput(inputId="niveles", 
                label=p("Elija un",
                        span("nivel", style = "color:blue"),
                        "de la variable cualitativa anterior para
                        realizar la prueba."), 
                choices="placeholder2"),
    
    numericInput(inputId='p0', 
                 label=HTML("Ingrese el valor de referencia
                            p<sub>0</sub> para probar
                            H<sub>0</sub>: p = p<sub>0</sub>"), 
                 value=0.17, min=0, max=1, step=0.01),
    
    selectInput(inputId="h0", 
                label=HTML("Elija la hipótesis alternativa
                          < , &ne; o >"), 
                choices=list("Menor" = "less", 
                             "Diferente" = "two.sided",
                             "Mayor" = "greater"),
                selected = "two.sided"),
    
    checkboxInput(inputId="correct", 
                  label="Marque si desea usar factor de correción", 
                  value=TRUE, width=NULL),
    
    sliderInput(inputId='alfa',
                label=HTML("Opcional: elija un nivel de confianza para 
                construir el intervalo de confianza para la proporción P;"),
                min=0.90, max=0.99,
                value=0.95, step=0.01),
    
    img(src="https://raw.githubusercontent.com/fhernanb/fhernanb.github.io/refs/heads/main/my_docs/logo_unal_shiny.png", 
        height = 60, width = 120),
    img(src="https://raw.githubusercontent.com/fhernanb/fhernanb.github.io/refs/heads/main/my_docs/logo_udea_shiny.png", 
        height = 25, width = 70),
    img(src="https://raw.githubusercontent.com/fhernanb/fhernanb.github.io/refs/heads/main/my_docs/logo_cua_shiny.png", 
        height = 40, width = 110),
    br(),
    tags$a(href="https://srunal.github.io", "https://srunal.github.io")

),

mainPanel(
  tabsetPanel(type = "pills",
              
              tabPanel("Resultados",
                       h4('- Diagrama de barras para la variable
                          seleccionada.'),
                       plotOutput("appPlot",
                                  width='500px',
                                  height='300px'),
                       
                       h4("- Tabla resumen de las base de datos:"),
                       tableOutput("consolidado"),
                       
                       h4("- Resultados de la prueba de hipótesis:"),
                       textOutput("resul1"),
                       
                       h4(HTML("- Intervalo de confianza para la proporción P:")),
                       textOutput("resul2")),
              
              tabPanel("Datos", 
                       "A continuación los datos que está usando 
                       la aplicación.",
                       uiOutput('inputData')),
              
              tabPanel("Teoría", includeHTML("include.html"))
              
  )
)
  
))