<script>
    var constants = constants || {};
    window.constants.currentUserId = "@Model._userViewModel.Id";
    window.constants.UserName = "@Model._userViewModel.UserName";
</script>
<div class="container">
    <nav class="navbar fixed-top navbar-light border-bottom border-dark" style="background-color: #4bd3a0;">
        <nav navbar-brand> Fika yo!</nav>
        <form class="form-inline">
            <div class="input-group">
                <div class="input-group-prepend ">
                    <span class="input-group-text border-dark" id="userId" value=@Model._userViewModel.Id>Current User</span>
                </div>
                <input type="text" class="form-control border-dark" readonly value=@Model._userViewModel.UserName>
            </div>
        </form>
    </nav>
    <div class="row">
        <div class="col">
            <div class="display-3">Fika yo!</div>
        </div>
        <div class="col">
            <div class="display-3">Current Fika</div>
        </div>
    </div>
    <div class="row">
        <div class="container">
            <div class="row">
                <div class="col" id="col1">

                    @model gdpr.Models.HomeViewModel
                    @using (Html.BeginForm("AddNewEvent", "api/Event", FormMethod.Post, new { @class = "form-group" }))
                    {
                        @Html.Label("When?")
                        @Html.TextBoxFor(model => model._eventCreationModel.EventTime, new { @class = "form-control", Type = "datetime-local" })
                        @Html.ValidationMessageFor(model => model._eventCreationModel.EventTime)
                        @Html.Label("Where?")
                        @Html.TextBoxFor(model => model._eventCreationModel.Location, new { @class = "form-control", placeholder = "Location" })
                        @Html.ValidationMessageFor(model => model._eventCreationModel.Location)
                        @Html.TextBoxFor(model => model._userViewModel.UserName, new { @class = "form-control", Type = "hidden", value = Model._userViewModel.UserName })
                        @Html.ValidationMessageFor(model => model._userViewModel.UserName)
                        @Html.TextBoxFor(model => model._userViewModel.Id, new { @class = "form-control", Type = "hidden", value = Model._userViewModel.Id })
                        @Html.ValidationMessageFor(model => model._userViewModel.Id)
                        <button type="submit" class="btn btn-primary" onclick=@Url.Action("UpdateEvent", "Home").>Create</button>
                    }
                </div>

                <div class="col" id="content"></div>
            </div>
        </div>
    </div>
</div>

@Scripts.Render("~/bundles/signalR")