@model PokemonDto
<form asp-action="PokemonCreate">
    <br />
    <div class="container border p-3" style="max-width: 60%; ">
        <h1 class="text-info text-center">Add Pokemon</h1>

        <hr />
        <div class="row">
            <div class="col-2">
                <label class="control-label pt-2" style="font-size:20px;">Pokemon</label>
            </div>
            <div class="col-10 pb-3">
                <input asp-for="Name" class="form-control" />
                <span asp-validation-for="Name" class="text-danger"></span>
            </div>
            <div class="col-2">
                <label class="control-label pt-2" style="font-size:20px;">Number</label>
            </div>
            <div class="col-10 pb-3">
                <input asp-for="Id" class="form-control" />
                <span asp-validation-for="Id" class="text-danger"></span>
            </div>
            <div class="col-2">
                <label class="control-label pt-2" style="font-size:20px;">Sleep Type</label>
            </div>
            <div class="col-10 pb-3">
                <select asp-for="SleepType" class="form-control">
                    <option value="" disabled selected> Choose a Sleep Type</option>
                    <option value="Dozing">Dozing</option>
                    <option value="Snoozing">Snoozing</option>
                    <option value="Slumbering">Slumbering</option>
                </select>
                <span asp-validation-for="SleepType" class="text-danger"></span>
            </div>
            <div class="col-2">
                <label class="control-label pt-2" style="font-size:20px;">Speciality</label>
            </div>
            <div class="col-10 pb-3">
                <select asp-for="Speciality" class="form-control">
                    <option value="" disabled selected> Choose a Speciality</option>
                    <option value="Berries">Berries</option>
                    <option value="Ingredients">Ingredients</option>
                    <option value="Skills">Skills</option>
                </select>
                <span asp-validation-for="Speciality" class="text-danger"></span>
            </div>

            <div class="col-5 offset-2">

                <a asp-controller="Home" asp-action="Index" class="btn-primary btn form-control ">Back to List</a>
            </div>
            <div class="col-5">
                <input type="submit" value="Create" class="btn btn-success form-control" />

            </div>

        </div>

        <div>
        </div>
    </div>
</form>


@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}