@using EnVisage.Code

@model EnVisage.Models.UDFValueModel
<style>
    .validation-summary-valid {
        display: none;
    }

    .field-validation-valid {
        display: none;
    }
</style>
@Html.HiddenFor(model => model.DefaultValue)
@Html.HiddenFor(model => model.Id)
@Html.HiddenFor(model => model.UserDefinedFieldId)
@Html.HiddenFor(model => model.Required)
@Html.HiddenFor(model => model.Area)
@Html.HiddenFor(model => model.ParentId)
@Html.HiddenFor(model => model.Label)
@{
    var labelCSS = Model.Required ? "control-label" : "control -label text-normal text-italic";
    var inputCSS = Model.Required ? "form-control input-required" : "form-control";
}
@Html.Label(Model.Label, new { @class = labelCSS })

@if (Model.Required)
{
    var norm = new { @class = inputCSS, required = "required" };
    var angluar = new { @class = "form-control", required = "required", @ng_model = "GetUserDefinedFieldValue('" + Model.UserDefinedFieldId + "').Value", @ng_change = "UdfChanged('" + Model.UserDefinedFieldId + "')" };
    if (Model.Area == UserDefinedFieldDomain.Project.GetHashCode())
    {
        @Html.TextBoxFor(model => model.Value, norm)
    }
    else
    {
        @Html.TextBoxFor(model => model.Value, angluar)
    }
    @Html.ValidationMessage("Value", Model.Label + " is a required Field!" )
}
else {
    var angular = new { @class = "form-control", @ng_model = "GetUserDefinedFieldValue('" + Model.UserDefinedFieldId + "').Value", @ng_change = "UdfChanged('" + Model.UserDefinedFieldId + "')" };
    var norm = new { @class = inputCSS };
    if (Model.Area == UserDefinedFieldDomain.Project.GetHashCode())
    {
        @Html.TextBoxFor(model => model.Value, norm)
    }
    else
    {
        @Html.TextBoxFor(model => model.Value, angular)
    }
}