@model Person

@{
    ViewData["Title"] = "Lägg till ny medlem";
}

<h2 class="text-center mt-3 mb-4">@ViewData["Title"]</h2>

<div class="container mb-5">
    <form action="Create" method="post" enctype="multipart/form-data">
        <div class="form-group">
            <label asp-for="@Model.PersonNamn" class="control-label"></label>
            <input type="text" class="form-control" asp-for="PersonNamn" tabindex="1" placeholder="Ditt namn">
            <span asp-validation-for="PersonNamn" class="text-danger"></span>
        </div>
        <div class="form-group">
            <label asp-for="@Model.Epost" class="control-label"></label>
            <input type="text" class="form-control" asp-for="Epost" tabindex="2" placeholder="ditt.namn@adress.com">
            <span asp-validation-for="Epost" class="text-danger"></span>
        </div>
        <div class="form-group">
            <label asp-for="@Model.Alder" class="control-label"></label>
            <input type="number" class="form-control" asp-for="Alder" tabindex="3" placeholder="Ange din ålder">
            <span asp-validation-for="Alder" class="text-danger"></span>
        </div>
        <div class="form-group">
            <label asp-for="@Model.Visningsbild" class="control-label"></label>
            <input type="file" class="form-control" asp-for="Visningsbild" tabindex="4">
            <span asp-validation-for="Visningsbild" class="text-danger"></span>
        </div>

        <button type="submit" class="btn btn-primary mt-3">@ViewData["Title"]</button>
    </form>
</div>

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}