package page_vote

import (
	"code.electrolab.fr/it/vote.electrolab.fr/model"
)

type TemplateVars struct {
	PageTitle string
	Question  *model.Question

	// QuestionPosition int
	// QuestionName     string // unused
	// QuestionTitle string
	// Sentence     string
	// VoteOpen     bool
	// VoteCount    int
	VotedAlready bool

	MinChoices        int
	MaxChoices        int
	VoteError         string
	VoterPrivateToken string
	VoterFullname     string
	Answers           []TemplateAnswer
}

type TemplateAnswer struct {
	Name      string
	Checked   bool
	Sentence  string
	VoteCount int
}

const TEMPLATE_CHOICE_STR = `
	<script type="text/javascript">
		function checkForm() {
			{{ if not .Question.VoteOpen }}
				return false;
			{{ else }}
				var nbOfAnswers = 0;
				var answers = document.getElementsByName("answer");
				for (var i=0; i<answers.length; i++) {
					if (answers[i].checked) {
						nbOfAnswers++;
					}
				}

				if (nbOfAnswers < {{.MinChoices}}) {
					alert("Vous devez sélectionner au minimum {{.MinChoices}} réponse(s)");
					return false;
				}
				if ({{.MaxChoices}} >=0 && (nbOfAnswers > {{.MaxChoices}})) {
					alert("Vous devez sélectionner au maximum {{.MinChoices}} réponse(s)");
					return false;
				}

				return confirm("Tout vote est définitif. Cliquez sur OK pour valider le vote.");
			{{ end }}
		}
	</script>
	<div class="vote-page">
		<nav aria-label="breadcrumb">
		  <ol class="breadcrumb">
		    <li class="breadcrumb-item" aria-current="page"><a href="../votes?private_token={{.VoterPrivateToken}}">AG Électrolab 2020</a></li>
		    <li class="breadcrumb-item active" aria-current="page">Vote nº{{.Question.Position}} - {{.Question.Title}}</li>
		  </ol>
		</nav>

		<h1>Vote nº{{.Question.Position}} - {{.Question.Title}}</h1>

		<h2>{{.Question.Sentence}}</h2>

		{{ if .VoteError }}
			<p class="alert alert-danger">
				Votre vote n'a pas pu être pris en compte!<br/>
				Erreur lors de la procédure: {{.VoteError}}.
			</p>
		{{ end}}

		{{ if .VotedAlready }}
			<p>Votre vote a été enregistré. Vous pourrez rafraichir la page au moment de la cloture pour voir les résultats.</p>
		{{ else }}

			{{ if not .Question.VoteOpen }}
				<div class="alert alert-primary">Le vote n'est pas encore ouvert. Vous pourrez <a href="?private_token={{.VoterPrivateToken}}">rafraichir</a> la page au moment de l'ouverture pour voter.</div>
			{{ end }}

			<form id="answers_form" method="post" onsubmit="return checkForm();" autocomplete="off">
				<label>
					{{ if (and (eq 1 $.MinChoices) (eq 1 $.MaxChoices)) }}
						Liste des choix :
					{{ else if (and (gt $.MinChoices 0) (ge $.MaxChoices 0)) }}
						{{if .Question.VoteOpen}}
							Cochez
						{{else}}
							Vous devrez cocher
						{{end}}
						entre {{$.MinChoices}} et {{$.MaxChoices}} choix) :
					{{ else if gt $.MinChoices 0 }}
						{{if .Question.VoteOpen}}
							Cochez
						{{else}}
							Vous devrez cocher
						{{end}}
						au minimum {{$.MinChoices}} choix :
					{{ else if ge $.MaxChoices 0 }}
						{{if .Question.VoteOpen}}
							Cochez
						{{else}}
							Vous devrez cocher
						{{end}}
						au maximum {{$.MaxChoices}} choix :
					{{ else }}
						Liste des choix :
					{{ end }}
				</label>
				<div class="form-group">
					{{ range .Answers }}
						<div class="form-check">
							<input
								class="form-check-input"
								{{if not $.Question.VoteOpen}}
									disabled
								{{end}}
								{{if .Checked}}
									checked
								{{end}}
								type="{{ if (and (eq 1 $.MinChoices) (eq 1 $.MaxChoices)) }}radio{{else}}checkbox{{end}}"
								id="answer_{{.Name}}"
								name="answer"
								value="{{.Name}}"
							>
							<label
								class="form-check-label"
								for="answer_{{.Name}}"
							>{{.Sentence}}</label>
						</div>
					{{ end }}
				</div>

				{{ if .Question.VoteOpen }}
					<button type="submit" class="btn btn-danger">Voter</button>
				{{ end }}
			</form>
		{{ end }}
	</div>
`