@model Sport

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

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

    <form action="Create" method="post" enctype="multipart/form-data">
        <div class="form-group">
            <label asp-for="@Model.SportNamn" class="control-label"></label>
            <input type="text" class="form-control" asp-for="SportNamn" tabindex="1" placeholder="Sportens namn">
            <span asp-validation-for="SportNamn" class="text-danger"></span>
        </div>
        <div class="form-group">
            <label asp-for="@Model.Ingress" class="control-label"></label>
            <input type="text" class="form-control" asp-for="Ingress" tabindex="2" placeholder="Ingresstext">
            <span asp-validation-for="Ingress" class="text-danger"></span>
        </div>
        <div class="form-group">
            <label asp-for="@Model.DetaljText" class="control-label"></label>
            <textarea class="form-control" asp-for="DetaljText" tabindex="3" placeholder="Detaljerad text"></textarea>
            <span asp-validation-for="DetaljText" class="text-danger"></span>
        </div>
        <div class="form-group">
            <label asp-for="@Model.Traningstider" class="control-label"></label>
            <input type="text" class="form-control" asp-for="Traningstider" tabindex="4" placeholder="Träningstider">
            <span asp-validation-for="Traningstider" class="text-danger"></span>
        </div>
        <div class="form-group">
            <label asp-for="@Model.Bakgrundsbild" class="control-label"></label>
            <input type="file" class="form-control" asp-for="Bakgrundsbild" tabindex="5">
            <span asp-validation-for="Bakgrundsbild" class="text-danger"></span>
        </div>

        <button type="submit" class="btn btn-primary">Lägg till</button>
    </form>
</div>

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