@model EnVisage.Models.CompanyModel
@using EnVisage.Code
@{
    ViewBag.Title = "Edit " + Model.Name;
    var availableUsers = Utils.GetUsers(false);
}
@section Scripts
{
    <script type="text/javascript">
        emulateNavUrl = "/Company";
        init.push(function() {
            StartEdit('Company', '@Model.Id', "#btnDelete", "#btnsave", "erorMsgPlaceholder");

            $('#@Html.IdFor(model => model.Watchers)').select2();
            $('#@Html.IdFor(model => model.Contributors)').select2();

            var selectedWatchersAsText = '@Model.WatchersAsText';
            var selectedContributorsAsText = '@Model.ContributorsAsText';

            var watchersAsArray = selectedWatchersAsText.split(',');
            var contributorsAsArray = selectedContributorsAsText.split(',');

            $('#@Html.IdFor(model => model.Watchers)').select2('val', watchersAsArray);
            $('#@Html.IdFor(model => model.Contributors)').select2('val', contributorsAsArray);

            $('#btnsave').click(function () {
                if ($(this).parents('form').valid())
                    blockUI();
            });
        });
    </script>
}

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

@using (Html.BeginForm("EditParent", "Company", FormMethod.Post, new { @class = "panel form-horizontal" }))
{
	@Html.AntiForgeryToken()
    @Html.HiddenFor(model => model.Id)
    <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 select2-primary">
            @*@Html.LabelFor(model => model.Watchers, new { @class = "col-sm-2 control-label" })*@
            @Html.Label("Company Watchers", new { @class = "col-sm-2 control-label" })
            <div class="col-sm-10">
                @Html.DropDownListFor(model => model.Watchers, availableUsers, new { @class = "form-control", @multiple = "multiple" })
            </div>
        </div>
        <div class="form-group select2-primary">
            @*@Html.LabelFor(model => model.Contributors, new { @class = "col-sm-2 control-label" })*@
            @Html.Label("Company Contributors", new { @class = "col-sm-2 control-label" })
            <div class="col-sm-10">
                @Html.DropDownListFor(model => model.Contributors, availableUsers, new { @class = "form-control", @multiple = "multiple" })
            </div>
        </div>
		@Html.ValidationSummary(false, "The company 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", "Company")"><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>
				<a id="btnDelete" style="visibility:hidden;"></a>
			</div>
		</div> 
	</div>
}