@model EnVisage.Models.StatusModel
@using EnVisage.Code;
@{
    ViewBag.Title = Model != null ? "Edit " + Model.Name : "Add New Status";
}

@section Scripts
{
    <script type="text/javascript">
        emulateNavUrl = "/Status";
    </script>
    
        <script type="text/javascript">
            init.push(function() {
                @if (Model.Id != Guid.Empty)
                {
                    <text>
                    StartEdit('Project Statuses', '@Model.Id', "#btnDelete", "#btnsave", "erorMsgPlaceholder");
                    </text>
                }
                $('#btnsave').click(function () {
                    if ($(this).parents('form').valid())
                        blockUI();
                });
            });
        </script>
    
}

<div id="erorMsgPlaceholder"></div>

@using (Html.BeginForm("Edit", "Status", FormMethod.Post, new { @class = "panel form-horizontal" }))
{
    @Html.AntiForgeryToken()
    @Html.HiddenFor(model => model.Id)
<div class="grid-gutter-margin-b">
    <div class="panel-body">
        <div class="form-group">
            @Html.LabelFor(model => model.Name, new { @class = "col-sm-2 control-label" })
            <div class="col-sm-10">
                @Html.TextBoxFor(model => model.Name, new { @class = "form-control" })
                @Html.ValidationMessageFor(model => model.Name)
            </div>
		</div>
        <div class="form-group">
            @Html.LabelFor(model => model.Color, new { @class = "col-sm-2 control-label" })
            <div class="col-sm-10">
                @Html.TextBoxFor(model => model.Color, new { @class = "form-control", @id="input-color" })
                @Html.ValidationMessageFor(model => model.Color)
            </div>
        </div>
		<div class="form-group">
			@Html.LabelFor(model => model.Probability100, new { @class = "col-sm-2 control-label" })
			<div class="col-sm-10">
				@Html.DropDownListFor(model => model.Probability100, Utils.GetYesNo(), new { @class = "form-control" })
				@Html.ValidationMessageFor(model => model.Probability100)
			</div>
		</div>
        @Html.ValidationSummary(false, "The Status could not be saved due to the following errors:")
        <div class="form-group" style="margin-bottom: 0;">
            <div class="col-sm-offset-2 col-sm-10">
                <a class="btn btn-primary" href="@Url.Action("Index", "Status")"><i class="fa fa-backward"></i> Back to list</a>
                <button type="submit" class="btn btn-success" id="btnsave"><i class="fa fa-save"></i> Save</button>
                @if (Model != null && Model.Id != Guid.Empty)
                {
                    if (Model.ProjectsCount > 0 || Model.Id == Guid.Empty)
                    {
                        <a id="btnDelete" class="btn btn-danger disabled" href="javascript:void(0);"><i class="fa fa-trash-o"></i> Delete</a>
                    }
                    else
                    {
                        <a id="btnDelete" class="btn btn-danger" href="@Url.Action("Delete", "Status", new { @id = Model.Id })"><i class="fa fa-trash-o"></i> Delete</a>
                    }
                }
            </div>
            
        </div>
    </div>
    <div><span class="h1">&nbsp;</span></div>
    <div><span class="h1">&nbsp;</span></div>
</div>
}
<script type="text/javascript">
    init.push(function () {
        $('#input-color').minicolors({
            control: 'hue',
            position: 'bottom left',
            theme: 'bootstrap'
        });
    });
</script>