@using Pilotfish.Afx.ComponentModel
@using Pilotfish.Afx.Security
@using Pilotfish.Afx.Mvc

@{
    ViewBag.Title = "Neo Member Editor";
    Layout = "~/Views/Shared/_ApplicationsLayout.cshtml";
}

@Html.Partial("Scripts/PurificationNeoMemberEditor-Init")
@Html.Partial("Scripts/PurificationNeoMemberEditor-Events")

<style>
    .controls, .controls input
    {
        width: 378px;
    }
</style>

<script src="/Neo.Legitimate.Web/Scripts/Plugins/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>

<div class="contentBlock">
    <div class="header">
        <h2>Neo Member Editor</h2>
    </div>
    <div>
        <table id="mainTable" data-bind="foreach: $root.SearchResults()">
            <tr>
                <td class="headers">Surname Or Company Name</td>
                <td class="controls">
                    <input type="text" data-bind="value: $data.Surname_Or_Company_Name" /></td>
            </tr>
            <tr>
                <td class="headers">Member First Name</td>
                <td class="controls">
                    <input type="text" data-bind="value: $data.Member_First_Name" /></td>
            </tr>
            <tr>
                <td class="headers">Member ID Number</td>
                <td class="controls">
                    <input type="text" data-bind="value: $data.Member_ID_Number" /></td>
            </tr>
            <tr>
                <td class="headers">Cell Number</td>
                <td class="controls Phone"><input type="text" data-bind="value: $data.Cell_Number" /></td>
            </tr>
            @*<tr>
        <td class="headers">Old OL/Permit Number</td>
        <td class="controls">
            <input type="text" data-bind="enable:false,value: $data.OL_Permit_Number" />
        </td>
    </tr>
    <tr>
        <td class="headers">ID Type</td>
        <td class="controls">
            <input type="text" data-bind="value: $data.ID_Type" /></td>
    </tr>
    <tr>
        <td class="headers">Postal Address</td>
        <td class="controls">
            <input type="text" data-bind="value: $data.Postal_Address"/></td>
    </tr>
    <tr>
        <td class="headers">Postal Address Code</td>
        <td class="controls">
            <input type="text" data-bind="value: $data.Postal_Address_Code"/></td>
    </tr>
    <tr>
        <td class="headers">Physical Address</td>
        <td class="controls">
            <input type="text" data-bind="value: $data.Physical_Address" /></td>
    </tr>
    <tr>
        <td class="headers">Tax Number</td>
        <td class="controls">
            <input type="text" data-bind="value: $data.Tax_Number" /></td>
    </tr>
    <tr>
        <td class="headers">Tel  Number</td>
        <td class="controls Phone">
            <input type="text" data-bind="value: $data.Tel_Number" /></td>
    </tr>
    <tr>
        <td class="headers">Fax Number</td>
        <td class="controls Phone">
            <input type="text" data-bind="value: $data.Fax_Number" /></td>
    </tr>
    <tr>
        <td class="headers">Email Address</td>
        <td class="controls">
            <input type="text" data-bind="value: $data.Email_Address" /></td>
    </tr>
    <tr>
        <td class="headers">Vehicle Chassis Number</td>
        <td class="controls">
            <input type="text" data-bind="value: $data.Vehicle_Chassis_Number" /></td>
    </tr>
    <tr>
        <td class="headers">Vehicle Registration</td>
        <td class="controls">
            <input type="text" data-bind="value: $data.Vehicle_Registration" /></td>
    </tr>
    @*<tr>
        <td class="headers">Legitimate Application Request Detail ID</td>
        <td class="controls">
            <input type="text" data-bind="value: $data.LegitimateApplicationRequestDetailID" /></td>
    </tr>*@
          </table>
    </div>
    <br />
    <button style="float: right;" data-bind="click: function(){ $root.Save() }">Save</button>
    <button style="float: right;" data-bind="click: function(){ $root.Delete() }, disable: $root.SearchResults()[0].AssociationMemberDataID() == -1 ? true : false">Delete</button>
    <button id="backButton">Back</button>
</div>


<script type="text/javascript">
    $().ready(function () {
        $("#backButton").button({
            icons: {
                primary: "ui-icon-arrowreturnthick-1-w"
            },
            text: true
        })
           .click(function () {
               viewModel.goBack();
           });

        $(".Phone input").mask("(999) 999-9999");
    });
</script>