@using ProjecThing.Models

@model ProjecThing.Pages.Notes.CreateModel

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

<div class="modal fade" id="modals-default">
    <div class="modal-dialog">
        <form method="post" class="modal-content" asp-page="/Notes/Create" asp-page-handler="Modal">
            <div class="modal-header">
                <h5 class="modal-title">
                    <span class="font-weight-light">Zapiski / </span> Vnos novega zapiska<br>
                    <small class="text-muted">Vnesite podatke zapiska.</small>
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">&times;</button>
            </div>
            <div class="modal-body">
                <div asp-validation-summary="ModelOnly" class="text-danger"></div>

                <div class="form-group">
                    <label asp-for="Note.Description" class="form-label"></label>
                    <textarea asp-for="Note.Description" class="form-control" style="resize: none"></textarea>
                    <span asp-validation-for="Note.Description" class="text-danger"></span>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label asp-for="Note.IdEmployeeFk" class="form-label"></label>
                            <select asp-for="Note.IdEmployeeFk" class="form-control" asp-items="ViewBag.IdEmployeeFk"></select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label asp-for="Note.IdVehicleFk" class="form-label"></label>
                            <select asp-for="Note.IdVehicleFk" class="form-control" asp-items="ViewBag.IdVehicleFk"></select>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label asp-for="Note.Status" class="form-label"></label><br />
                            @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>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label asp-for="Note.DateReminder" class="form-label"></label>
                            <input asp-for="Note.DateReminder" type="text" class="dtp-datetime form-control" placeholder="DateTime">
                            <span asp-validation-for="Note.DateReminder" class="text-danger"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Prekliči</button>
                <button type="submit" class="btn btn-primary" data-save="modal">Dodaj</button>
            </div>
        </form>
    </div>
</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>
}