@model CreatePollViewModel

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


<div class="row">
    <div class="col-md-4">
        <form method="post">
            <div asp-validation-summary="All" class="text-danger">
                </div><div class="form-group">
                    <label asp-for="Title"></label>
                    <input asp-for="Title" class="form-control" />
                    <span asp-validation-for="Title" class="text-danger"></span>
                </div>
            <div class="form-group">
                <label asp-for="AnswerOptions"></label>
                <input asp-for="AnswerOptions" class="form-control" />
                <span asp-validation-for="AnswerOptions" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="AnswerOptions"></label>
                <input asp-for="AnswerOptions" class="form-control" />
                <span asp-validation-for="AnswerOptions" class="text-danger"></span>
            </div>
            <span class="btn btn-primary addAnswerOption">Add answer option</span>

            <button type="submit" class="btn btn-default">Create</button>
        </form>
    </div>
</div>


@section Scripts {
    @await Html.PartialAsync("_ValidationScriptsPartial")
    <script>
        var answerOption = `
            <div class="form-group">
                <label for="AnswerOptions">AnswerOptions</label>
                <input class="form-control" type="text" id="AnswerOptions" name="AnswerOptions" value="">
                <span class="text-danger field-validation-valid" data-valmsg-for="AnswerOptions" data-valmsg-replace="true"></span>
            </div>`;

        $(document).ready(function () {
            $('.addAnswerOption').on('click', function () {
                $(this).before(@Html.Raw("answerOption"));
            })
        });
    </script>
}