@using DR.FV2016.Web.Models
@model DR.FV2016.Web.Models.Candidate.QuestionsAndAnswersViewModel

<a name="profile-agree"></a>
<div class="section question-result boxed container-white" itemprop="spørgsmål til @Model.Name">
    
    <h2 class="heading-xlarge">@System.Configuration.ConfigurationManager.AppSettings["CandidateTestQuestionCount"] spørgsmål til <span>@Model.Name</span></h2>
    @if (Model.QuestionsAndAnswers != null && Model.QuestionsAndAnswers.Count > 0)
    {
        var answerTexts = new[] { "Helt uenig", "Delvist uenig", "Hverken enig eller uenig", "Delvist enig", "Helt enig" };
        var answerCss = new[] { "first", "second", "third", "fourth", "fifth" };

        <ol class="bullets">
            @foreach (var item in Model.QuestionsAndAnswers)
            {
                <li class="item" dr-data-result="@item.AnswerValue" id="question-@Model.ElectionType-@item.QuestionId">

                    <div class="top">
                        <div class="heading-small quest">
                            <div class="icon icon-@item.QuestionId"></div>
                            <span class="heading-xsmall type">@item.QuestionTitle</span>
                            @item.Question
                        </div>
                    </div>

                    @if (!string.IsNullOrWhiteSpace(item.Answer))
                    {
                        <div class="answers"><p class="title">@Model.Name:</p>@item.Answer</div>
                    }
                    @if (item.AnswerValue > 0)
                    {
                        <div class="match-bar-container @answerCss[item.AnswerValue-1]">
                            <div class="match-bar-text heading-xxxsmall">@answerTexts[item.AnswerValue - 1]</div>
                            <div class="match-bar-arrow"></div>
                            <div class="match-bar-background"></div>

                            <div class="user-input">
                                <div class="match-bar-arrow"></div>
                                <div class="match-bar-text heading-xxxsmall"></div>
                            </div>
                        </div>
                    }
                    else
                    {
                        <!--<div style="background-color: red;"><br />Kandidaten har endnu ikke besvaret spørgsmålene<br /><br /></div>-->
                        <span class="see-candidateNoTest">Kandidaten har endnu ikke besvaret spørgsmålene</span>
                    }
                </li>
            }
        </ol>

    }
    else
    {
        ViewBag.IsMissingContent = true;
        <div class="no-content-box">
            @Model.Name har endnu ikke besvaret spørgsmålene
        </div>
    }

</div>

@*Html.Partial("altinget-banner")*@

<script type="text/javascript">
	@{
        var res = "";
        foreach (var item in @Model.QuestionsAndAnswers)
        {
            res += item.AnswerValue;
        }
	}

	document.electionType = "@Model.ElectionType";
	document.profileResult = "@res";

</script>