@using Pilotfish.Afx.ComponentModel
@using Pilotfish.Afx.Security
@using Pilotfish.Afx.Mvc
@using Neo.Legitimate.Common;

@{
    var userSecurables = (Profile != null && ((Pilotfish.Afx.Security.UserProfile)Profile).Securables != null) ? ((Pilotfish.Afx.Security.UserProfile)Profile).Securables.ToList() : null;
}

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

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

@if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Home_StartNewApplication))
{
<div class="contentBlock" id="applicationTypes" style="display:block">
    <div class="header"><h2>Start A New Application</h2></div>
    <div data-bind="foreach: ApplicationRequestTypes">
        <div class="applicationBlock" data-bind="click: $root.ApplicationPreCheck.bind($data)">
            <div class="bulletImage"><img /></div>
            <span data-bind="html: Title"></span>
        </div>
    </div>
    <div>
        <div class="applicationBlock" data-bind="click: ShowLinkedApplicationTypes">
            <div class="bulletImage"><img src="images/ApplicationTypes/DuplicateLicence.gif" /></div>
            <span>Linked Application</span>
        </div>
    </div>
</div>
    
<div class="contentBlock" id="linkedApplicationTypes" style="display:none">
    <div class="header"><h2>Linked Applications</h2></div>
    <div data-bind="foreach: LinkedApplicationRequestTypes">
        <div class="applicationBlock" style="height:50px;padding-top:10px;" data-bind="click: $root.ApplicationPreCheck.bind($data)">
            <span data-bind="html: Title"></span>
        </div>
    </div>    
    <button data-bind="click: ShowApplicationTypes">Back</button>
</div> 
}

<div class="contentBlock">
    <div class="header"><h2>My Tasks</h2></div>    
    <span data-bind="visible: outstandingtasks().length == 0">You do not have any tasks outstanding at the moment.</span>
    <table data-bind="visible: outstandingtasks().length > 0" style="width: 100%;"  class="fill-content clickable">
        <tr>
            <th>Step</th>
            <th>Reference</th>
            <th>Workflow</th>
            <th>Task</th>
        </tr>
      <tbody data-bind="visible: outstandingtasks().length != 0, foreach: outstandingtasks()">
        <tr data-bind="click: $root.OpenTask.bind($data)">
            <td data-bind="html: WorkflowTemplateStepNumber"></td>
            <td data-bind="html: WorkflowInstanceReference"></td>
            <td data-bind="html: WorkflowFriendlyName"></td> 
            <td data-bind="html: WorkflowTemplateStepTitle"></td> 
        </tr>
      </tbody>
    </table>
</div>

<div id="ApplicationPreCheckDialog">    
    <div id="PrecheckDetails">
        <div style="margin:5px; float: left; width: 395px">        
            <b>Check 1 - </b>Please confirm that all the application form sections have been completed and that it has been signed by the applicant.
            <br /><br />
            <b>Check 2 - </b>Please confirm that all the required documents have been provided and have been issued within the last three months where applicable.           
        </div>
        <div style="margin:5px; float: left; width: 395px">
            <b>Check 3 - </b>Please complete the following fields as per the application form and click on "Check Application":
            <table class="borderless">
                <tr>
                    <td>Request Type</td>
                    <td data-bind="text: ApplicationRequestTypeDescription"></td>
                </tr>
                <tr>
                    <td>Source Application</td>
                    <td><select data-bind="disable: true, options: SourceApplications, optionsText: 'Description', optionsValue: 'SourceApplicationID', value: SourceApplicationID"></select></td>
                </tr>
                <tr>
                    <td>Type of Identification</td>
                    <td><select id="MdIDType" data-bind="options: $root.GetLookupValues('NewOLIDTypes'), optionsCaption: 'Please select Identification Type', optionsText: 'Title', optionsValue: 'Key', value: IdentitficationID"></select></td>
                </tr>
                <tr data-bind="visible:ApplicationRequestTypeID() != 1">
                    <td>Operating Licence/Permit Number</td>
                    <td><input id="ln" type="text" data-bind="value: OlPermitNumber" /></td>
                </tr>
                <tr>
                    <td>ID No./Business Registration No.</td>
                    <td><input type="text" data-bind="value: IdNumber" /></td>
                </tr>
                <tr>
                    <td>Mode</td>
                    <td><select data-bind="enable:true, options: Modes, optionsText: 'Description', optionsValue: 'ModeID', value: ModeID"></select></td>
                </tr>
                <tr>
                    <td>Service Type</td>
                    <td><select data-bind="enable:true, options: ServiceTypes, optionsText: 'Description', optionsValue: 'ServiceTypeID', value: ServiceTypeID"></select></td>
                </tr>
                <tr data-bind="visible:ApplicationRequestTypeID()==1 && ServiceTypeID() == 2 && (ModeID() == 2 || ModeID() == 3)">
                    <td>Vehicle Registration Number</td>
                    <td><input type="text" data-bind="value: VehicleRegistrationNumber" /></td>
                </tr>
                <tr data-bind="visible: ServiceTypeID() == 2 && (ModeID() == 2 || ModeID() == 3)">
                    <td>Association</td>
                    <td><span id="AssociationIDPicker" data-picker-bind="modelID: AssociationID, template: AssociationPicker"></span></td>
                </tr>
                <tr data-bind="visible: ModeID() == 1 && ApplicationRequestTypeID()==1">
                    <td>Number of vehicles</td>
                    <td><input type="text" data-bind="value: NumberOfVehiclesRequired" /></td>
                </tr>
            </table>
        </div>    
    </div>
    <div id="VerificationChecks">
        <iframe id="VerificationChecksIframe" width="100%" height="520px" frameBorder="0"></iframe>
    </div>
</div>

<div id="IncompleteApplication">
    <table class="borderless">
        <tr>
            <td>Incomplete Reason</td>
            <td><select data-bind="options: IncompleteReasons, optionsText: 'Description', optionsValue: 'PrecheckDetailIncompleteReasonID', value: IncompleteReasonID, optionsCaption: 'Please select a reason why this application is incomplete'"></select></td>
        </tr>
        <tr>
            <td>Applicant Name</td>
            <td><input type="text" data-bind="value: ApplicantName" /></td>
        </tr>
        <tr>
            <td>ID Number</td>
            <td><input type="text" data-bind="value: IdNumber" /></td>
        </tr>
        <tr>
            <td>Chassis Number</td>
            <td><input type="text" data-bind="value: ChassisNumber" /></td>
        </tr>
        <tr>
            <td>Vehicle Registration Number</td>
            <td><input type="text" data-bind="value: VehicleRegistrationNumber" /></td>
        </tr>
        <tr>
            <td>Email</td>
            <td><input type="text" data-bind="value: ContactEmail" maxlength="255" /></td>
        </tr>
        <tr>
            <td>Cell</td>
            <td><input type="text" data-bind="value: ContactCell" maxlength="20" /></td>
        </tr>
    </table>
</div>

<script type="text/javascript">
    $(function () {
        $(document).ready(function () {

            $('#ln').keydown(function (event) {
                var slashKeycode = 191;
                if (event.keyCode == slashKeycode) {
                    event.preventDefault();
                }
            });
            
            //default to legitimate
            viewModel.SourceApplicationID(3);

             //default to ID
            viewModel.IdentitficationID(1);

            

            viewModel.OlPermitNumber.subscribe(function (newValue) {
                var LKN = 1;
                var LTPS = 2;
                var LG = 3;
                
                if (newValue == null || newValue == '') { return; }

                if (viewModel.OlPermitNumber().length > 2) {
                    if (viewModel.OlPermitNumber().substring(0, 5).toLowerCase() == 'lgkzn' || viewModel.OlPermitNumber().substring(0, 5).toLowerCase() == 'lgtst') {
                        viewModel.SourceApplicationID(LG); 
                    }
                    else if (viewModel.OlPermitNumber().substring(0, 6).toLowerCase() == 'lknkzn') {
                        viewModel.SourceApplicationID(LKN); 
                    }
                    else {
                        viewModel.SourceApplicationID(LTPS); 
                    }
                }
                else {
                    viewModel.SourceApplicationID(LG); 
                }

                var sourceApplicationID = viewModel.SourceApplicationID();
                var isBlank = viewModel.OlPermitNumber() == null || viewModel.OlPermitNumber() == '';
                var isValid = false;
                var error = "Error: Invalid originating licence number.";
                
                switch (viewModel.ApplicationRequestTypeID()) 
                {
                    case 1: //New Operating Licence
                        if (isBlank)
                        {
                            isValid = true;
                        }                        
                        break;
                    case 2: //Add Authorisations/Routes
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 3: //Replacements (COV)
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 4: //Increase carrying capacity
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 5: //Conversion (LTPS to legiti-mate)
                        isValid = !isBlank && (sourceApplicationID == LTPS);
                        error = "Error: The source application must be a LTPS permit.";
                        break;
                    case 6: //Normal Transfer
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 7: //Deceased Transfer
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 8: //Renewal
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 9: //New Operating Licence (From Source)
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        error = "Error: The source application must be an OLAS, LTPS or expired legiti-mate licence.";
                        break;
                    case 10: //Duplicate Licence
                        isValid = !isBlank && (sourceApplicationID == LG);
                        error = "Error: The source application must be a legiti-mate licence.";
                        break;
                    case 11: //Temporary (Special) licence
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 12: //Data Purification
                        isValid = false;
                        break;
                    case 13: //Migration/Conversion (OLAS to Legiti-mate)
                        isValid = !isBlank && (sourceApplicationID == LKN);
                        error = "Error: Invalid operating licence number.  This application type can only be started with a OLAS licence.";
                        break;
                    case 14: //Renewal and COV
                    case 15: //Renewal and COV and Increase in Carrying Capacity
                    case 16: //Renewal and Deceased Transfer
                    case 17: //Renewal and deceased transfer and increase in carrying capacity
                    case 18: //Renewal and deceased transfer and increase in carrying capacity and COV  
                    case 22: //Increase in Carrying Capacity and COV
                    case 23: //Renewal and Normal Transfer
                    case 24: //Renewal and Normal Transfer and COV
                    case 25: //Deceased Transfer and New Operating Licence
                    case 26: //Renewal and deceased transfer and COV
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 27:
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 28: //renewal and increase in carrying capacity
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    case 29: //personal details update
                        isValid = !isBlank && (sourceApplicationID == LG);
                        break;
                    case 30: //Change Radius Permit Route
                        isValid = !isBlank && (sourceApplicationID == LTPS || sourceApplicationID == LKN || sourceApplicationID == LG);
                        break;
                    default:
                        isValid = false;
                        break;
                    
                }
                                        
                if (!isValid) 
                {                        
                    alert(error);
                    viewModel.OlPermitNumber(null);
                }
                                
            });

            $("#ApplicationPreCheckDialog").dialog({
                autoOpen: false,
                minHeight: 'auto',
                width: "840px",
                modal: true,
                resizable: false,
                title: "Application Pre-Check Form",
                open: function (event, ui) {
                    if (viewModel.ApplicationRequestTypeID() == 12) {
                        $("#ApplicationPreCheckDialog").dialog('close');
                        app.dialogs.showError("Data Purification Workflow", "Data Purification workflows are automatically initiated and can not be started manually. <br/><br/>Please click on the Purification link to monitor the current data purifications in progress.");
                    }
                    else {                                                                        
                        viewModel.ApplicantName('');
                        viewModel.OlPermitNumber('');
                        viewModel.IdNumber('');
                        viewModel.ChassisNumber('');
                        viewModel.VehicleRegistrationNumber('');
                        viewModel.AssociationID(0);
                        viewModel.PrecheckDetailID(0);
                        viewModel.SourceApplicationID(3);

                        $("#PrecheckDetails").css("display", "");
                        $("#VerificationChecks").css("display", "none");
                        $("#VerificationChecksIframe").attr("src", "");
                        $(".ui-dialog-buttonpane").css("display", "");
                    }
                },
                buttons: [{
                    text: "Save Incomplete Application",
                    click: function () {
                        if (viewModel.ApplicationPreCheckIsValid()) {
                            $("#IncompleteApplication").dialog("open");
                        }
                    },
                    create: function () {
                        $(this).addClass("leftButton");
                    }
                },{
                    text: "Check Application",
                    click: function () {
                        var s = viewModel;

                        if (s.IdentitficationID() == 1)/*ID Number*/
                        {
                            if (s.IdNumber().match(/^\d{13}$/)) {
                                // Valid
                                s.PreCheckCreateApplication();
                                if (s.PrecheckDetailID() == 0) {
                                    $('.createButton').removeAttr('disabled');
                                    $('.createButton').removeClass('ui-button-disabled');
                                    $('.createButton').removeClass('ui-state-disabled');
                                }
                            }
                            else {
                                alert("Please enter a valid ID Number Or Trust Number");
                            }
                        }
                        else if (s.IdentitficationID() == 2)/*Passport Number*/
                        {
                            if (s.IdNumber().match(/(\b[a-zA-Z]{1}\d{8}\b|\b[a-zA-Z]{2}\d{7}\b)/)) {
                                // Valid
                                s.PreCheckCreateApplication();
                                if (s.PrecheckDetailID() == 0) {
                                    $('.createButton').removeAttr('disabled');
                                    $('.createButton').removeClass('ui-button-disabled');
                                    $('.createButton').removeClass('ui-state-disabled');
                                }
                            }
                            else {
                                alert("Please enter a valid Passport  Number");
                            }
                        }
                        else if (s.IdentitficationID() == 3)/*Founding Statement*/
                        {
                            if (s.IdNumber().match(/^\b\d{4}\b.*(23)$/)) {
                                // Valid
                                s.PreCheckCreateApplication();
                                if (s.PrecheckDetailID() == 0) {
                                    $('.createButton').removeAttr('disabled');
                                    $('.createButton').removeClass('ui-button-disabled');
                                    $('.createButton').removeClass('ui-state-disabled');
                                }
                            }
                            else {
                                alert("Please enter a valid Founding Statement Number");
                            }
                        }
                        else if (s.IdentitficationID() == 4)/*Temporary Identity Document*/
                        {
                            if (s.IdNumber().match(/(^\d{13}$|^[Ii][Tt])/)) {
                                // Valid
                                s.PreCheckCreateApplication();
                                if (s.PrecheckDetailID() == 0) {
                                    $('.createButton').removeAttr('disabled');
                                    $('.createButton').removeClass('ui-button-disabled');
                                    $('.createButton').removeClass('ui-state-disabled');
                                }
                            }
                            else {
                                alert("Please enter a valid Temporary ID Number Or Trust Number");
                            }
                        }
                        else if (s.IdentitficationID() == 5)/*Foreign Identity Document*/
                        {
                            if (s.IdNumber().match(/(^\d{13}$|^[Ii][Tt])/)) {
                                // Valid
                                s.PreCheckCreateApplication();
                                if (s.PrecheckDetailID() == 0) {
                                    $('.createButton').removeAttr('disabled');
                                    $('.createButton').removeClass('ui-button-disabled');
                                    $('.createButton').removeClass('ui-state-disabled');
                                }
                            }
                            else {
                                alert("Please enter a valid Foreign ID Number Or Trust Number");
                            }
                        }
                        else if (s.IdentitficationID() == 6)/*Certificate of Incorporation*/
                        {
                            if (s.IdNumber().match(/^\b\d{4}\b.*(07)$/)) {
                                // Valid
                                s.PreCheckCreateApplication();
                                if (s.PrecheckDetailID() == 0) {
                                    $('.createButton').removeAttr('disabled');
                                    $('.createButton').removeClass('ui-button-disabled');
                                    $('.createButton').removeClass('ui-state-disabled');
                                }
                            }
                            else {
                                alert("Please enter a valid Certificate of Incorporation Number");
                            }
                        }
                        else if (s.IdentitficationID() == 7)/*Trust Number*/ {
                            if (s.IdNumber().match(/^[Ii][Tt]/)) {
                                // Valid
                                s.PreCheckCreateApplication();
                                if (s.PrecheckDetailID() == 0) {
                                    $('.createButton').removeAttr('disabled');
                                    $('.createButton').removeClass('ui-button-disabled');
                                    $('.createButton').removeClass('ui-state-disabled');
                                }
                            }
                            else {
                                alert("Please enter a valid Trust Number Or Trust Number");
                            }
                        }
                        else if (s.IdentitficationID() == 8)/*Co-Op Number*/ {
                            if (s.IdNumber().match(/^\b\d{4}\b.*(24)$/)) {
                                // Valid
                                s.PreCheckCreateApplication();
                                if (s.PrecheckDetailID() == 0) {
                                    $('.createButton').removeAttr('disabled');
                                    $('.createButton').removeClass('ui-button-disabled');
                                    $('.createButton').removeClass('ui-state-disabled');
                                }
                            }
                            else {
                                alert("Please enter a valid Co-Op Number Or Trust Number");
                            }
                        }
                        else if (s.IdentitficationID() == 9)/*Non-Profit*/ {
                            if (s.IdNumber().match(/^\d{3}-\d{3}-NPO$/)) {
                                // Valid
                                s.PreCheckCreateApplication();
                                if (s.PrecheckDetailID() == 0) {
                                    $('.createButton').removeAttr('disabled');
                                    $('.createButton').removeClass('ui-button-disabled');
                                    $('.createButton').removeClass('ui-state-disabled');
                                }
                            }
                            else {
                                alert("Please enter a valid NPO Number Eg. 123-123-NPO");
                            }
                        }
                    }
                }]
            });

            $("#IncompleteApplication").dialog({
                autoOpen: false,
                width: "500px",
                modal: true,
                title: "Application Incomplete Pre-Check Form",
                open: function (event, ui) {
                    viewModel.IncompleteReasonID(0);
                    viewModel.ContactEmail('');
                    viewModel.ContactCell('');
                },
                buttons: [{
                    text: "Save Incomplete Application",
                    click: function () {
                        var s = viewModel;
                        s.PreCheckSaveIncompleteApplication();
                    }
                }]
            });

            $.each($(".applicationBlock"), function (i, appBlock) {
                var title = $($(appBlock).find("span")).html();

                $.each(viewModel.ApplicationRequestTypes, function (j, art) {
                    if (title == art.Title) {
                        var img = $(appBlock).find("img");
                        $(img).attr("src", "@Url.Content("~/Images/ApplicationTypes/")" + art.ImageSrc);
                        return;
                    }
                });
            });
        });
    });

    function VerificationCompleted(success, queryString) {
        if (success == true) {
            viewModel.loadWorkflowConsole("ApplicationRequest", queryString, true);            
        }

        $("#ApplicationPreCheckDialog").dialog("close");
        
    }
</script>