@page
@using PartPref.Models
@model PartPref.Pages.TeilnahmeModel

@{
    ViewData["Title"] = "Umfrage";
}

<h1>Umfrage</h1>
<hr />

<div class="row">
    <div class="col-md-4">
        <form method="post">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                @* <span class="text-danger">*</span> *@
                <label asp-for="Teilnehmer.Geschlecht" class="control-label"></label>
                @* @Html.Label("Teilnehmer.Geschlecht", "Geschlecht", new { @class = "control-label" }) *@
@*                 <select asp-for="Teilnehmer.Geschlecht" asp-items="Html.GetEnumSelectList<Geschlecht>()" class="form-control"></select> *@
                <select asp-for="Teilnehmer.Geschlecht" class="form-control">
                    <option value="">-- Bitte eine Option wählen --</option>
                    <option value=1>Frau</option>
                    <option value=2>Mann</option>
                    <option value=3>Divers</option>
                </select>
                <span asp-validation-for="Teilnehmer.Geschlecht" class="text-danger"></span>
            </div>
            <div class="form-group">
                @* <span class="text-danger">*</span> *@
                <label asp-for="Teilnehmer.Geburtsjahr" class="control-label"></label>
                @*                 <input onmouseover="mouseoverLog()" asp-for="Teilnehmer.Geburtsjahr" class="form-control" /> *@
                <input asp-for="Teilnehmer.Geburtsjahr" class="form-control" />
                <span asp-validation-for="Teilnehmer.Geburtsjahr" class="text-danger"></span>
            </div>
            <div class="form-group">
                @* <span class="text-danger">*</span> *@
                <label asp-for="Teilnehmer.Wohnort" class="control-label"></label>
                <select asp-for="Teilnehmer.Wohnort" class="form-control">
                    <option value="">-- Bitte eine Option wählen --</option>
                    <option value=1>Gemeinde (weniger als 5.000 Einwohner)</option>
                    <option value=2>Kleinstadt (5.000 bis 19.999 Einwohner)</option>
                    <option value=3>Mittelstadt (20.000 bis 99.999 Einwohner)</option>
                    <option value=4>Großstadt (ab 100.000 Einwohner)</option>
                </select>
                <span asp-validation-for="Teilnehmer.Wohnort" class="text-danger"></span>
            </div>
            <div class="form-group">
                @* <span class="text-danger">*</span> *@
                <label asp-for="Teilnehmer.Bundesland" class="control-label"></label>
                <select asp-for="Teilnehmer.Bundesland" class="form-control">
                    <option value="">-- Bitte eine Option wählen --</option>
                    <option value=1>Baden-Württemberg</option>
                    <option value=2>Bayern</option>
                    <option value=3>Berlin</option>
                    <option value=4>Brandenburg</option>
                    <option value=5>Bremen</option>
                    <option value=6>Hamburg</option>
                    <option value=7>Hessen</option>
                    <option value=8>Mecklenburg-Vorpommern</option>
                    <option value=9>Niedersachsen</option>
                    <option value=10>Nordrhein-Westfalen</option>
                    <option value=11>Rheinland-Pfalz</option>
                    <option value=12>Saarland</option>
                    <option value=13>Sachsen</option>
                    <option value=14>Sachsen-Anhalt</option>
                    <option value=15>Schleswig-Holstein</option>
                    <option value=16>Thüringen</option>
                </select>
                <span asp-validation-for="Teilnehmer.Bundesland" class="text-danger"></span>
            </div>
            <div class="form-group">
                @* <span class="text-danger">*</span> *@
                <label asp-for="Teilnehmer.Partei" class="control-label"></label>
                <select asp-for="Teilnehmer.Partei" class="form-control">
                    <option value="">-- Bitte eine Option wählen --</option>
                    <option value=1>CDU/CSU</option>
                    <option value=2>SPD</option>
                    <option value=3>Grüne</option>
                    <option value=4>Linke</option>
                    <option value=5>AfD</option>
                </select>
                <span asp-validation-for="Teilnehmer.Partei" class="text-danger"></span>
            </div>
            <div class="form-group" style="margin-top:20px">
                <input type="submit" value="Abschicken" class="btn btn-primary" />
            </div>
        </form>
    </div>
</div>

@section Scripts {
    @{
        await Html.RenderPartialAsync("_ValidationScriptsPartial");
    }
    <script>
        $(document).ready(function () {
            var formChanged = 0;
            $('input[type=number], select').on('change', function () {
                formChanged = 1;
            });
            $("form").submit(function () {
                if($(this).valid()) {
                    formChanged = 0;
                }
            });
            window.onbeforeunload = function () {
                if (formChanged == 1) {
                    return formChanged;
                }
            };
        });
    </script>
}

