library(shiny)
library(markdown)

shinyUI(fluidPage(
  titlePanel("Shiny app to model Reaction Times (RTs)"),
  
  sidebarLayout(
    sidebarPanel(
      p("With this shiny app you can input observed reaction times (RTs) 
      from any experiment. Then you select the", 
      span("possible distribution", style = "color:red"), 
      "for the RTs and finally you will obtain the results."),
      p("The app allows that user selects some of the most commom 
        distribution to model reaction times."),
      textInput("datos", "Enter numbers separated by commas:", 
                placeholder = "Example: 1.2, 3.4, 2.1, 5.6, 4.3"),
      
      p("📌 Remember to include numbers in the box."),
      
      selectInput("dist", "Select the distribution:",
                  choices = c("Normal", "exGAUS", "WALD", "ExWALD"),
                  selected = "Normal"),
      tags$hr(),
      p("If you don't have any data right now, you can use the
        data below to test the app. Only copy and paste the numbers
        into the first box."),
      tags$hr(),
      h4("Example 1"),
      p("The next random sample was obtained from a",
        span("N(15, 3)", style = "color:#0DC9D2"),
        "copy and paste the next numbers into the first box:"),
      p("16.5, 19.8, 11.8, 14.6, 14.2, 5.8, 12.8, 17.5, 22.9, 7.5, 9.4, 
         14.8, 15.3, 12.9, 12.6, 13.4, 20.2, 16.4, 18.4, 15, 15.1, 18.1, 
         15.9, 16.5, 15.1, 15, 17, 16.5, 19.9, 11.9, 14.1, 13.1, 12, 15.8, 
         16.3, 16.1, 13.3, 11.2, 17.8, 17.9, 11.4, 15.6, 10.7, 15.1, 13.3, 
         16.6, 15.5, 12.2, 14.6, 15.2"),
      br(),
      h4("Example 2"),
      p("The next random sample was obtained from a",
        span("ExWALD(2, 5, 1.2)", style = "color:#0DC9D2"),
        "copy and paste the next numbers into the first box:"),
      p("2.3, 3.8, 3.1, 3.9, 3.2, 3.8, 2.8, 1.3, 4.2, 2.3, 2.9, 2.6, 
         3.8, 5, 4.6, 3.5, 9.6, 2.3, 3.9, 3.1, 8.6, 2.2, 5.6, 2.7, 2, 
         3.5, 5.4, 5.1, 3, 2, 5.1, 4.6, 3.7, 3.6, 2.3, 2.3, 3.6, 1.6, 
         3.6, 2.9, 3.1, 5.4, 3.2, 2.4, 3.4, 3.7, 4.4, 6.3, 2.9, 3.2")
    ),
    
    # mainPanel(
    #   plotOutput("histograma"),
    #   tableOutput("parametros")
    # )
    
    mainPanel(
      tabsetPanel(type="pills",
                  tabPanel("Results",
                           plotOutput("histograma"),
                           tableOutput("parametros")),
                  tabPanel("Distributions",
                           p("⏳Soon the pdf for each distribution."))
                  )
    )
    
  )
))