@model TemplateProperty


    <form method="post">
        <div class="container border p-3 mt-3">
            <h2>Add Property</h2>
        </div>
        <div class="mb-3">
            <label asp-for="Name"></label>
        <select id="properi" class="form-control" asp-for="Name" asp-items="@(new SelectList(ViewBag.PropertyList))"></select>
        </div>
    <div class="mb-3">
        <input type="radio" id="html" asp-for="Visible" value="false">
        <label asp-for="Visible">Not Visible for Staff</label><br>


        <input type="radio" id="css" asp-for="Visible" value="true">
        <label asp-for="Visible">Visible for Staff</label>
       @* 
        <select class="form-control" asp-for="Visible">
            <option value="false">Not Visible for Staff</option>
            <option value="true">Visible for Staff</option>
        </select> *@
    </div>
    <div class="mb-3" hidden>
        <label asp-for="DataTaskId"></label>
        <input class="form-control" asp-for="DataTaskId" value="@ViewBag.Id" />
    </div>
        
        <div class="mb-2  row">
            <div class="col-6">
                <button class="btn btn-primary form-control" type="submit">Add</button>
            </div>
            <div class="col-6">
                <a class="btn btn-secondary form-control" asp-area="Admin" asp-controller="Data" asp-action="DTaskDetails" asp-route-id="@ViewBag.Id">Back to List</a>
            </div>
            <div class="text-danger" asp-validation-summary="All"></div>
        </div>
    </form>


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

@section Scripts {


    <script type="text/javascript">
        $(function () {

            $("#properi").select2();

        });

    </script>
}