{{ extends "layouts/index_site" }}
{{ import "layouts/partials/helpers/csrf" }}
{{block title()}}{{ T("change_settings")}}{{end}}
{{block content_body()}}
<div style="text-align: left;" class="box">
  <form role="form" method="POST"> 
    {{ yield csrf_field() }}
    <div id="settings-container">
      <span class="form-group">
      <h3>{{ T("language")}}</h3>
      <select id="language" name="language" class="form-input">
        {{ range translatedName := Form.Languages }}
        <option value="{{ translatedName[2] }}" {{ if Form.Current == translatedName[2] }}selected{{end}}>{{ translatedName[0] }}</option>
        {{ end }}
      </select>
      </span>
      
      <span class="form-group">
      <h3>{{ T("theme")}}</h3>
      <select id="theme-selector" name="theme" class="form-input" onchange="switchThemes()">
		{{ range theme := getThemeList()}}
			<option value="{{theme}}"{{ if Theme == theme}} selected{{end}}>{{formatThemeName(theme, T)}}</option>
		{{end}}
      </select>
      </span>
      
    <span class="form-group">
    <h3>{{ T("old_nav") }}</h3>
      <p>{{ T("old_nav_explanation") }}</p>
    <select id="oldNav-selector" name="oldNav" class="form-input">
      <option value="false">{{ T("disabled") }}</option>
      <option value="true" {{if OldNav}}selected{{end}}>{{ T("enabled") }}</option>
    </select>
    <br/>
    </span>

    <span class="form-group">
    <h3>{{ T("mascot")}}</h3>
    <select id="mascot-selector" name="mascot" class="form-input">
      {{ T("mascot")}}
      <option value="show" {{ if Mascot == "show" }} selected{{end}}>{{ T("show")}}</option>
      <option value="hide" {{ if Mascot == "hide" }} selected{{end}}>{{ T("hide")}}</option>
    </select>
    </span>

    <span class="form-group">
    <h3>{{ T("mascot_url")}}</h3>
    <input type="text" name="mascot_url" class="form-input" value="{{ MascotURL }}"/>
    <br/>
    </span>

    <span class="form-group">
    <h3>{{ T("alternating_color") }}</h3>
    <select id="altColors-selector" name="altColors" class="form-input">
      <option value="false">{{ T("disabled") }}</option>
      <option value="true" {{if AltColors}}selected{{end}}>{{ T("enabled") }}</option>
    </select>
    <br/>
    </span>
      
    <p>{{ T("cookies")}}</p>
    <button type="submit" class="form-input btn">{{ T("save_changes")}}</button>
  </div>
</form>
</div>
{{end}}
{{ block footer_js()}}
<!-- JS Function for selecting multiple checkboxes -->
<script type="text/javascript">
  var SaveButton = document.querySelector('button[type="submit"')
  
  //Golang settings.go controller set cookies for the domain variable in config, if we are currently on a mirror this will mean that the cookie will not be set for the right website
  if(UserID == 0 && Mirror)
	SaveButton.addEventListener("click", function(e) {
		var OptionSelected = document.getElementById("theme-selector").selectedIndex
		document.cookie = "theme=" + document.querySelector("#theme-selector :nth-child(" + OptionSelected + ")").value + ";path=/;expires=" + farFutureString + ";domain=" + domain
		//Set theme cookie
		
		OptionSelected = document.getElementById("language").selectedIndex
		document.cookie = "lang=" + document.querySelector("#language :nth-child(" + OptionSelected + ")").value + ";path=/;expires=" + farFutureString + ";domain=" + domain
		//Set language cookie
		
		//Will have to do the rest
		
		window.location.replace("/")
		e.preventDefault()
	})
</script>
{{end}}