@page
@using ProjecThing.Models
@model ProjecThing.Pages.Notes.CreateModel


@section Styles {
    <link rel="stylesheet" href="~/vendor/libs/bootstrap-material-datetimepicker/bootstrap-material-datetimepicker.css">
}

<h4 class="d-flex justify-content-between align-items-center w-100 font-weight-bold py-1 mb-4">
    <span>
        <span class="text-muted font-weight-light">Zaposleni /</span> Nov
    </span>

    <span class="text-right">
        <a asp-page="Index" class="btn btn-default"><span class="fa fas fa-times"></span>&nbsp; Prekliči</a>
        <button type="submit" class="btn btn-primary"><span class="fa fas fa-plus"></span>&nbsp; Dodaj delavca</button>
    </span>
</h4>

<div class="row">
    <div class="col-md-4">
        <form method="post">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="Note.IdCompanyFk" class="control-label"></label>
                <select asp-for="Note.IdCompanyFk" class="form-control" asp-items="ViewBag.IdCompanyFk"></select>
            </div>
            <div class="form-group">
                <label asp-for="Note.Status" class="control-label"></label>
                <select asp-for="Note.Status" class="form-control" asp-items="Html.GetEnumSelectList<GeneralNoteStatus>()"></select>
                <span asp-validation-for="Note.Status" class="text-danger"></span>
            </div>

            @foreach (var tempEnum in Enum.GetValues(typeof(GeneralNoteStatus)))
            {
                <label class="custom-control custom-radio">
                    @Html.RadioButtonFor(m => m.Note.Status, tempEnum.ToString(), new { @class = "custom-control-input" }) <span class="custom-control-label">@tempEnum.ToString()</span>
                </label>
            }

            <div class="form-group">
                <label asp-for="Note.IdEmployeeFk" class="control-label"></label>
                <select asp-for="Note.IdEmployeeFk" class="form-control" asp-items="ViewBag.IdEmployeeFk"></select>
            </div>
            <div class="form-group">
                <label asp-for="Note.IdVehicleFk" class="control-label"></label>
                <select asp-for="Note.IdVehicleFk" class="form-control" asp-items="ViewBag.IdVehicleFk"></select>
            </div>
            <div class="form-group">
                <label asp-for="Note.DateSubmitted" class="control-label"></label>
                <input asp-for="Note.DateSubmitted" class="form-control" />
                <span asp-validation-for="Note.DateSubmitted" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Note.DateReminder" class="control-label"></label>
                <input asp-for="Note.DateReminder" class="form-control" />
                <span asp-validation-for="Note.DateReminder" class="text-danger"></span>
            </div>

            <input type="text" id="b-m-dtp-datetime" class="form-control" placeholder="DateTime">

            <div class="form-group">
                <label asp-for="Note.Description" class="control-label"></label>
                <input asp-for="Note.Description" class="form-control" />
                <span asp-validation-for="Note.Description" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
        </form>
    </div>
</div>

<div>
    <a asp-page="Index">Back to List</a>
</div>

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

    <script src="~/vendor/libs/moment/moment.js"></script>
    <script src="~/vendor/libs/bootstrap-material-datetimepicker/bootstrap-material-datetimepicker.js"></script>
    <script src="~/js/forms.js" asp-append-version="true"></script>
}