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

@{
    ViewBag.Title = "Incomplete Applications";
    Layout = "~/Views/Shared/_ApplicationsLayout.cshtml";
}

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

<div class="contentBlock">
    <div class="header"><h2>Recent Incomplete Applications</h2><span  data-xmlpicker-bind="modelXml: NewIncompleteApplicationXML, template: IncompleteApplicationPicker" style="float:right; margin-top:-30px;"></span></div>
    <div>
        <div data-bind="visible: IncompleteApplications().length > 0">
            <table class="fill-content">
                <thead>
                    <tr>
                        <th>Applicant Name</th>
                        <th>OL/Permit Number</th>
                        <th>ID Number</th>
                        <th>Chassis Number</th>
                        <th>Vehicle Registration Number</th>
                        <th>Reason</th>
                        <th>Created Date</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: IncompleteApplications">
                    <tr>
                        <td data-bind="html: ApplicantName"></td>
                        <td data-bind="html: OlPermitNumber"></td>
                        <td data-bind="html: IDNumber"></td>
                        <td data-bind="html: ChassisNumber"></td>
                        <td data-bind="html: VehicleRegistrationNumber"></td>
                        <td data-bind="html: ReasonIncomplete"></td>
                        <td data-bind="html: CreatedDate"></td>
                        <td><a data-bind="click: $root.StartWorkflow.bind($data)" href="#">Start Application</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: IncompleteApplications().length == 0">There are currently no Incomplete Applications.</div>      
    </div>
</div>
<script>
    $(document).ready(function () {
        viewModel.NewIncompleteApplicationXML.subscribe(function (newValue) { viewModel.PushApplicationData(newValue) });
    });
</script>