extends includes/layout.pug

mixin fieldset(name)
  fieldset
    legend= name
    .fieldset-contents
      block

mixin input(id, description, type, placeholder, disabled, list)
  .field-row
    label.description(for=id)= description
    input(type=type id=id name=id value=settings[id] placeholder=placeholder disabled=disabled list=`${id}-list`).border-look
    if list
      datalist(id=`${id}-list`)
        each item in list
          option(value=item)

mixin select(id, description, disabled, options)
  .field-row
    label.description(for=id)= description
    select(id=id name=id disabled=disabled).border-look
      each option in options
        option(value=option.value selected=(option.value == settings[id]))= option.text

block head
  title Settings - CloudTube

block content
  main.settings-page
    form(method="post" action="/settings")
      +fieldset("Settings")

        +input("instance", "Instance", "url", constants.user_settings.instance.default, false, [
          "https://invidious.snopyta.org",
          "https://invidious.13ad.de",
          "https://watch.nettohikari.com",
          "https://invidious.fdn.fr"
        ])

        +select("save_history", "Watched videos history", false, [
          {value: "0", text: "Don't store"},
          {value: "1", text: "Store on server"}
        ])

        +select("local", "Fetch videos", false, [
          {value: "0", text: "Remote instance"},
          {value: "1", text: "Locally"}
        ])

      .save-settings
        button.border-look Save