@model RIP.Database.Cemetery

@{

    ViewBag.Title = "Cemetery Management";

}

​

@*<h2>@ViewBag.Title</h2>*@

<h3>@ViewBag.Message</h3>

​

@using (Html.BeginForm("Edit", "Cemetery", FormMethod.Post, new Dictionary<string, object> {

​

    {"role","form"},

    {"class","form-horizontal"}

}))

{

    <fieldset>

        <legend>Cemetery Details</legend>

        <div class="form-group">

            @Html.EditorFor(cemetery => cemetery.CemeteryName, "StringFormControl")

            @Html.EditorFor(cemetery => cemetery.CemeteryCode, "StringFormControl")

        </div>

        <div class="form-group">

            @Html.EditorFor(cemetery => cemetery.ErfNumber, "StringFormControl")

​

​

            @*<select class=" selectpicker form-control" data-bind="options:TownshipData,optionsText:'name',optionsCaption:'Please select...', value:township " data-size=" 5" data-live-search="true"></select>*@

            @Html.EditorFor(cemetery => cemetery.Township, "BootstrapSelectPicker")

​

        </div>

​

        <div class="form-group">

            @Html.EditorFor(cemetery => cemetery.Latitude, "LatLonFormControl")

            @Html.EditorFor(cemetery => cemetery.Longitude, "LatLonFormControl")

​

​

        </div>

        <div class="form-group">

            @Html.EditorFor(cemetery => cemetery.StreetAddress, "StringFormControl")

            @Html.EditorFor(cemetery => cemetery.CemeterySize, "StringFormControl")

        </div>

    </fieldset>

    <fieldset>

        <legend>Contact Details</legend>

        <div class="form-group">

            @Html.EditorFor(cemetery => cemetery.CemeteryContactDetails.ContactPersonName, "StringFormControl")

            @Html.EditorFor(cemetery => cemetery.CemeteryContactDetails.TelephoneNumber, "StringFormControl")

​

​

            @*<label for="contactPerson" class="col-md-2 control-label">Contact Person</label>

                <div class="col-md-4"><input type="text" value="" id="contactPerson" placeholder="name of contact person" class="form-control" data-bind="textInput:cemetery.CemeteryContactDetails.ContactPersonName" /></div>

                <label for="telephoneNo" class="col-md-2 control-label">Telephone No</label>

                <div class="col-md-4"><input type="text" value="" id="telephoneNo" placeholder="telephone Number" class="form-control" data-bind="textInput:cemetery.CemeteryContactDetails.TelephoneNumber" /></div>*@

​

        </div>

        <div class="form-group">

            @Html.EditorFor(cemetery => cemetery.CemeteryContactDetails.Email, "StringFormControl")

            @*<label for="emailAdd" class="col-md-2 control-label">Email</label>

                <div class="col-md-4"><input type="text" value="" id="emailAddress" placeholder="Email address" class="form-control" data-bind="textInput:cemetery.CemeteryContactDetails.Email" /></div>*@

        </div>

​

    </fieldset>

    <div class="form-group">

        <br />

        <div class=" col-md-offset-2 col-md-4"><button type="button" class="btn btn-danger form-control"><span class="fa fa-backward" /> Cancel</button></div>

        <div class=" col-md-4"><button type="submit" class="form-control"> Submit</button></div>

    </div>

​

​

}

@section Scripts{

​

    <script src="~/Scripts/koViewModels/CemeteryManagmentVMs.js"></script>

​

    <script type="text/javascript">

​

        //create an instance of the cemetery view model

        var vm = new CemeteryVM();

​

​

        vm.cemetery = ko.mapping.fromJS(@Html.Raw(Model.JsonView));

​

        //function used to save data to the database

        function saveData() {

            console.log("function called");

            $.post("/Cemetery/CreateCemetery", { "data": ko.toJSON(vm.cemetery) }, function (data) {

                window.location = data.newurl;

            });

        }

​

​

​

        $(document).ready(function () {

​

            $.ajax({

                url: "http://services.windhoekcc.org.na:2526/",

                beforeSend: function (xhr) {

                    xhr.setRequestHeader("username", "2OwLh+lX9+o=");

                    xhr.setRequestHeader("password", "ReK+fDxfEExbTjG6kNp8FQ==");

                }

            }).done(function (data) {

                console.log(data);

            });

​

            //populate the township observable array with sample data

            vm.TownshipData.push(new Township("Khomadal"));

            vm.TownshipData.push(new Township("Pioneers Park"));

            vm.TownshipData.push(new Township("Dorado Park"));

​

​

            //bind the view model to the page

            ko.applyBindings(vm);

​

​

​

​

​

        });

​

    </script>

}