@using Project49.Web.Resources
@model Project49.Web.ViewModels.Timesheet.TimeEntryViewModel


@using (Html.BeginForm("EditTimeEntry", "Timesheet", FormMethod.Post, new { onsubmit = "return false", @class = "form-horizontal form-submit", role = "form" }))
{
    <div class="row">
        <div class="col-xs-offset-5">
            <h4>@UIStrings.TimeEntry</h4>
        </div>
    </div>

    @Html.ValidationSummary(true)

    <div>
        @Html.HiddenFor(m => m.UserId)
        @Html.HiddenFor(m => m.TaskId)
        @Html.HiddenFor(m => m.ProjectId)
        @Html.HiddenFor(m => m.ClientId)
        @Html.HiddenFor(m => m.Id)
        @Html.HiddenFor(m => m.DateStart)
        @Html.HiddenFor(m => m.DateEnd)
    </div>
    <div class="row form-group">
        <div class="col-xs-10 col-xs-offset-1">
            <div class="timepicker">
                <div class="timepicker-date">
                    <input id="time-entry-date" type="text"/>
                </div>
                <div class="timepicker-hours">
                    <div class="hours-container">
                        <div class="float-hours">
                            <div class="sub-half-hour">
                                <button class="time-entry-button">
                                    <span class="@UIIcons.Minus small"></span>
                                </button>
                            </div>
                            <div class="current-hours">
                                <p id="entry-hours">8.5</p>
                            </div>
                            <div class="add-half-hour">
                                <button class="time-entry-button">
                                    <span class="@UIIcons.Add small"></span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="timepicker-time ">
                    <div class="timepicker-time-container">
                        <div class="timepicker-time-title">
                            <p>@UIStrings.From</p>
                        </div>
                        <input id="time-entry-start" type="text" />
                    </div>
                    <div class="timepicker-time-container">
                        <div class="timepicker-time-title">
                            <p>@UIStrings.To</p>
                        </div>
                        <input id="time-entry-end" type="text" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-10 col-xs-offset-1">
        <div class="row form-group">
            @Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control input-sm", @placeholder = "Description" } })
        </div>
    </div>

    <div class="row form-group">
        <div class="col-xs-11 col-xs-offset-1 extra-options">
            <button class="expand-options">
                <span class="@UIIcons.Add small"> </span>
            </button>
            <hr class="extra-options-divider" />
        </div>
    </div>

    <div id="advanced-edit-options" class="row form-group advOptions" style="display:none;">
        <div class="col-xs-11 col-xs-offset-1">
            @Html.Partial("_TimeEntrySelectionDropDowns",Model.TimeEntryDropDowns)
        </div>
        @if (Model.Users.Any())
        {
            <div class="col-xs-11 col-xs-offset-1">
                <div class="form-group form-group-sm">
                    <div class="col-xs-2">
                        @Html.LabelFor(model => model.UserId)
                    </div>
                    <div class="col-xs-8">
                        @Html.DropDownListFor(model => model.UserId, new SelectList(Model.Users, "Id", "UserName", Model.UserId), new { @class = "form-control input-sm timesheet-dropdown" })
                    </div>
                </div>
            </div>
        }

        <div class="col-xs-11 col-xs-offset-1">
            <div class="row form-group">
                <div class="col-xs-10 col-xs-offset-2 ">
                    @Html.EditorFor(model => model.IsNotBillable, "EnumRadioButtonList")
                </div>
            </div>
            <div class="row form-group">
                <div class="col-xs-10 col-xs-offset-2 ">
                    @Html.EditorFor(model => model.OnSite, "EnumRadioButtonList")
                </div>
            </div>
        </div>
    </div>

}
<script>
    var p49 = p49 || {};
    p49.timeEntry = p49.timeEntry || {};

    p49.timeEntry.startDate = $("#DateStart");
    p49.timeEntry.endDate = $("#DateEnd");

    p49.timeEntry.entryDateControl = $('#time-entry-date');
    p49.timeEntry.entryStartControl = $('#time-entry-start');
    p49.timeEntry.entryEndControl = $('#time-entry-end');

    $(function () {
        p49.timeEntry.updateDateTimes.load();
    });
</script>