@{
/*********************************************************
 * Mode Details Start
 *********************************************************/
 }
    <fieldset data-section-id="MD">
        <legend data-role="request-header" data-bind="html: ModeTitle"></legend>
        <section data-role="field-container" class="field-container">
            <hgroup col-display>
                <label>Type(s) of Service Scheduled:</label>
                <ul id="serviceSchedules" data-bind="foreach: $root.GetLookupValues('NewOLServiceTypes')">
                    <li data-bind="enable: false"><input type="checkbox" data-bind="value: Key" onchange="viewModel.MDServiceDetailChange(this);" /><span data-bind="html: Title"></span><input type="text" data-bind="visible: Key == 8, attr: {'id': 'servicetypedescription_' + Key}" maxlength="100" /></li>
                </ul>
            </hgroup>
            <hgroup col-display>
                <label>Mode:</label>
                <ul id="MdModeIDs" data-bind="foreach: $root.GetLookupValues('NewOLModes')">
                    <li data-bind="enable: false"><input name="modes" type="radio" data-bind="checked: $root.value.Mode.ModeID, value: Key" /><span data-bind="html: Title"></span></li>
                </ul>                
                <input type="text" data-bind="value: $root.value.Mode.ModeDescription, enable: $root.value.Mode.ModeID() == 5" maxlength="100" />
            </hgroup>
            <hgroup col-display data-bind="visible:$root.value.Mode.ModeID()==4 || $root.value.Mode.ModeID()==6">
                <label for="uberDescription"> Is Uber application?</label>
                <br />
                <input type="radio" value="true" name="uberradioButtons" data-bind="checked: value.Mode.IsUberMeteredTaxi" />Yes
                <input type="radio" value="false" name="uberradioButtons" data-bind="checked: value.Mode.IsUberMeteredTaxi" />No
            </hgroup>
            <hgroup col-display style="width: 100%">
                <label for="LongDistanceReason">In the case of long-distance services, state why the passengers cannot use exisiting transport services and motivate why the proposed service is necessary:</label>
                <br />
                <textarea id="LongDistanceReason" data-bind="value: value.Mode.LongDistanceReason" rows="5" style="width: 99%"></textarea>
            </hgroup>
        </section>
    </fieldset>

    <script type="text/javascript">
        var MODE_BUS_SERVICETYPES = [SERVICETYPE_SCHEDULED, SERVICETYPE_CHARTER, SERVICETYPE_TOURIST, SERVICETYPE_STAFF, SERVICETYPE_SCHOLAR, SERVICETYPE_COURTESY];
        var MODE_MIDIBUS_SERVICETYPES = [SERVICETYPE_UNSCHEDULED, SERVICETYPE_SCHOLAR, SERVICETYPE_CHARTER];
        var MODE_MINIBUS_SERVICETYPES = [SERVICETYPE_UNSCHEDULED, SERVICETYPE_CHARTER, SERVICETYPE_TOURIST, SERVICETYPE_STAFF, SERVICETYPE_SCHOLAR, SERVICETYPE_CHARTER];
        var MODE_METEREDTAXI_SERVICETYPES = [SERVICETYPE_UNSCHEDULED, SERVICETYPE_CHARTER, SERVICETYPE_TOURIST, SERVICETYPE_STAFF];
        var MODE_EHAILING_SERVICETYPES = [SERVICETYPE_EHAILING]; // E-Hailing mode allows only E-Hailing service type
        var MODE_OTHER_SERVICETYPES = [SERVICETYPE_OTHER];

        $.extend(ViewModel.prototype, {
            ModeTitle: ko.observable('SECTION D: TYPE OF PUBLIC TRANSPORT SERVICE'),
            ValidationModePrefix: ko.observable('Section D: '),

            /*methods are called from init.cshtml*/
            MDValidate: function (e) {
                var s = this;
                var v = s.value;
                var _v = app.utils.validator;
               
                _v.isModelFieldEmpty("value.Mode.ModeID", "Type of Public Service Mode", e.r);
                if (v.Services().length <= 0) {
                    e.r.push("Type of Public Service - Please Select at least one Transport Service");
                }

                if (s.CurrentInstanceStep() == 1 && !s.MDIsHidden() && s.MDIsEnabled()) {
                    _v.isModelFieldEmpty("value.Mode.ModeID", "Type of Public Service Mode", e.r);
                    var ModeID_Other = "5";
                    if (s.value.Mode.ModeID() == ModeID_Other) {
                        _v.isModelFieldEmpty("value.Mode.ModeDescription", "Type of Public Service Mode Description", e.r);

                        if (viewModel.value.Mode.ModeDescription() != null && viewModel.value.Mode.ModeDescription().toUpperCase() === "OTHER")
                        {
                            e.r.push("The mode description can not be OTHER.");
                        }
                    }

                    var selectedMode = s.value.Mode.ModeID();
                    if (selectedMode == 4 || selectedMode == 6)
                    {
                        _v.isModelFieldEmpty("value.Mode.IsUberMeteredTaxi", "Is Uber application is mandatory", e.r);
                    }
                    

                    if (v.Services().length <= 0) {
                        e.r.push("Type of Public Service - Please Select at least one Transport Service");
                    }
                    else
                    {
                        var ServiceTypeID_Other = "8";

                        $.each(v.Services(), function (i, service) {
                            if (service.ServiceTypeID() == ServiceTypeID_Other) {
                                s.CollapseUiSection("MD", false);
                                var otherDescription = $.trim($("#servicetypedescription_" + ServiceTypeID_Other).val());
                                if (otherDescription == "") {
                                    e.r.push("Type of Public Service - Other Service Type has been selected, please specify the description.");
                                }
                                else if (otherDescription.toUpperCase() === "OTHER")
                                {
                                    e.r.push("Type of Public Service - Other Service Type description can not be OTHER.");
                                }
                                else {
                                    service.ServiceTypeDescription(otherDescription);
                                }
                            }
                        });

                        $.each(v.Services(), function (i, service) {
                            if (
                                (selectedMode == MODE_BUS && $.inArray(service.ServiceTypeID(), MODE_BUS_SERVICETYPES) == -1) ||
                                (selectedMode == MODE_MIDIBUS && $.inArray(service.ServiceTypeID(), MODE_MIDIBUS_SERVICETYPES) == -1) ||
                                (selectedMode == MODE_MINIBUS && $.inArray(service.ServiceTypeID(), MODE_MINIBUS_SERVICETYPES) == -1) ||
                                (selectedMode == MODE_METEREDTAXI && $.inArray(service.ServiceTypeID(), MODE_METEREDTAXI_SERVICETYPES) == -1) ||
                                (selectedMode == MODE_EHAILING && $.inArray(service.ServiceTypeID(), MODE_EHAILING_SERVICETYPES) == -1) ||
                                (selectedMode == MODE_OTHER && $.inArray(service.ServiceTypeID(), MODE_OTHER_SERVICETYPES) == -1)
                                )
                            {
                                e.r.push("Type of Public Service - The selected service type is not allowed for this mode.");
                            }
                        });
                    }
                }
            },

            MDIsEnabled: function () {
                var s = this,
                    v = s.value;
                
                if ((s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6) && v.IsLtpsConversion()) {
                    return true;
                }

                if (s.value.SourceApplicationID() == 3 /*LG*/ && v.ApplicationRequestTypeID() != APPTYPE_NEWOL) {
                    return false;
                }

                switch (parseInt(v.ApplicationRequestTypeID())) {
                    case APPTYPE_NEWOL:
                        return s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6;
                        break;
                    case APPTYPE_ADDAUTH:
                        return false;
                        break;
                    case APPTYPE_COV:
                        return false;
                        break;
                    case APPTYPE_INCREASECC:
                        return s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6;
                        break;
                    case APPTYPE_CONVERSION_LTPS:
                        return s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6;
                        break;
                    case APPTYPE_NORMALTRANSFER:
                        return false;
                        break;
                    case APPTYPE_DECEASEDTRANSFER:
                        return false;
                        break;
                    case APPTYPE_RENEWAL:
                        return false;
                        break;
                    case APPTYPE_NEWOLFROMSOURCE:
                        return false;
                        break;
                    case APPTYPE_DUPLICATE:
                        return false;
                        break;
                    case APPTYPE_TEMPLICENCE:
                        return false;
                        break;
                    case APPTYPE_PURIFICATION:
                        return false;
                        break;
                    case APPTYPE_CONVERSION_OLAS:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_COV:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_COV_INCREASECC:
                        return s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6;
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER_INCREASECC:
                        return s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6;
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER_INCREASECC_COV:
                        return s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6;
                        break;
                    case APPTYPE_DUPLICATE_COV:
                        return false;
                        break;
                    case APPTYPE_DUPLICATE_INCREASEINCC:
                        return s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6;
                        break;
                    case APPTYPE_DUPLICATE_COV_INCREASEINCC:
                        return s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6;
                        break;
                    case APPTYPE_INCREASECC_COV:
                        return s.CurrentInstanceStep() <= 1 || s.CurrentInstanceStep() == 6;
                        break;
                    case APPTYPE_RENEWAL_NORMALTRANSFER:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_NORMALTRANSFER_COV:
                        return false;
                        break;
                    case APPTYPE_DECEASEDTRANSFER_NEWOL:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER_COV:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_INCREASECC:
                        return false;
                        break;
                    case APPTYPE_PERSONALDETAILSCHANGE:
                        return false;
                        break;
                    case APPTYPE_CHANGERADIUSPERMITROUTE:
                        return false;
                        break;
                    default:
                        return false;
                        break;
                }
            },

            MDIsHidden: function () {
                var s = this,
                    v = s.value;

                if (v.IsLtpsConversion()) {
                    return false;
                }

                switch (parseInt(v.ApplicationRequestTypeID())) {
                    case APPTYPE_NEWOL:
                        return false;
                        break;
                    case APPTYPE_ADDAUTH:
                        return true;
                        break;
                    case APPTYPE_COV:
                        return true;
                        break;
                    case APPTYPE_INCREASECC:
                        return false;
                        break;
                    case APPTYPE_CONVERSION_LTPS:
                        return false;
                        break;
                    case APPTYPE_NORMALTRANSFER:
                        return false;
                        break;
                    case APPTYPE_DECEASEDTRANSFER:
                        return false;
                        break;
                    case APPTYPE_RENEWAL:
                        return false;
                        break;
                    case APPTYPE_NEWOLFROMSOURCE:
                        return false;
                        break;
                    case APPTYPE_DUPLICATE:
                        return true;
                        break;
                    case APPTYPE_TEMPLICENCE:
                        return true;
                        break;
                    case APPTYPE_PURIFICATION:
                        return false;
                        break;
                    case APPTYPE_CONVERSION_OLAS:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_COV:
                        return true;
                        break;
                    case APPTYPE_RENEWAL_COV_INCREASECC:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER_INCREASECC:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER_INCREASECC_COV:
                        return false;
                        break;
                    case APPTYPE_DUPLICATE_COV:
                        return false;
                        break;
                    case APPTYPE_DUPLICATE_INCREASEINCC:
                        return false;
                        break;
                    case APPTYPE_DUPLICATE_COV_INCREASEINCC:
                        return false;
                        break;
                    case APPTYPE_INCREASECC_COV:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_NORMALTRANSFER:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_NORMALTRANSFER_COV:
                        return false;
                        break;
                    case APPTYPE_DECEASEDTRANSFER_NEWOL:
                        return false;
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER_COV:
                        return false;
                        break;
                    case APPTYPE_TEMPORARY_REPLACEMENT:
                        return true;
                        break;     
                    case APPTYPE_RENEWAL_INCREASECC:
                        return false;
                        break;
                    case APPTYPE_PERSONALDETAILSCHANGE:
                        return false;
                        break;
                    case APPTYPE_CHANGERADIUSPERMITROUTE:
                        return true;
                        break;
                    default:
                        return false;
                        break;
                }
            },

            MDIsCollapsed: function () {
                var s = this;
                return s.CurrentInstanceStep() >= 2;
            },

            MDSetTitle: function () {
                var s = this,
                    v = s.value;

                switch (parseInt(v.ApplicationRequestTypeID())) {
                    case (27):
                        s.ModeTitle('SECTION B: SERVICE CHARACTERISTICS')
                        break;
                    case APPTYPE_NEWOL:
                        s.ModeTitle('SECTION C: TYPE OF PUBLIC TRANSPORT SERVICE');
                        s.ValidationModePrefix('Section C: ');
                        break;
                    case APPTYPE_ADDAUTH:
                        break;
                    case APPTYPE_COV:
                        break;
                    case APPTYPE_INCREASECC:
                        break;
                    case APPTYPE_CONVERSION_LTPS:
                        break;
                    case APPTYPE_NORMALTRANSFER:
                        s.ModeTitle('SECTION B: TYPE OF PUBLIC TRANSPORT SERVICE');
                        s.ValidationModePrefix('Section B: ');
                        break;
                    case APPTYPE_DECEASEDTRANSFER:
                        s.ModeTitle('SECTION B: TYPE OF PUBLIC TRANSPORT SERVICE');
                        s.ValidationModePrefix('Section B: ');
                        break;
                    case APPTYPE_RENEWAL:
                        s.ModeTitle('SECTION C: TYPE OF PUBLIC TRANSPORT SERVICE');
                        s.ValidationModePrefix('Section C: ');
                        break;
                    case APPTYPE_NEWOLFROMSOURCE:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        s.ValidationModePrefix('');
                        break;
                    case APPTYPE_DUPLICATE:
                        break;
                    case APPTYPE_TEMPLICENCE:
                        break;
                    case APPTYPE_PURIFICATION:
                        s.ModeTitle('SECTION C: TYPE OF PUBLIC TRANSPORT SERVICE');
                        s.ValidationModePrefix('Section C: ');
                        break;
                    case APPTYPE_CONVERSION_OLAS:
                        break;
                    case APPTYPE_RENEWAL_COV:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_RENEWAL_COV_INCREASECC:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER_INCREASECC:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER_INCREASECC_COV:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_DUPLICATE_COV:
                        break;
                    case APPTYPE_DUPLICATE_INCREASEINCC:
                        break;
                    case APPTYPE_DUPLICATE_COV_INCREASEINCC:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_INCREASECC_COV:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_RENEWAL_NORMALTRANSFER:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_RENEWAL_NORMALTRANSFER_COV:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_DECEASEDTRANSFER_NEWOL:
                        s.ModeTitle('SECTION B: TYPE OF PUBLIC TRANSPORT SERVICE');
                        s.ValidationModePrefix('Section B: ');
                        break;
                    case APPTYPE_RENEWAL_DECEASEDTRANSFER_COV:
                        s.ModeTitle('TYPE OF PUBLIC TRANSPORT SERVICE');
                        break;
                    case APPTYPE_CHANGERADIUSPERMITROUTE:
                        break;
                    default:
                        s.ModeTitle('SECTION D: TYPE OF PUBLIC TRANSPORT SERVICE');
                        s.ValidationModePrefix('Section D: ');
                        break;
                }
            },

            MDServiceDetailChange: function (checkbox) {
                var key = $(checkbox).val();

                if (!checkbox.checked) {
                    $.each(viewModel.value.Services(), function (i, service) {
                        if (service != undefined) {
                            if (service.ServiceTypeID() == key) {
                                viewModel.MDRemoveServiceDetail(service);
                            }
                        }
                    });
                }
                else {
                    var exists = false;
                    $.each(viewModel.value.Services(), function (i, service) {
                        if (service.ServiceTypeID() == key) {
                            exists = true;
                        }
                    });

                    if (!exists) {
                        viewModel.MDAddServiceDetail(key);
                    }
                }
            },

            MDRemoveServiceDetail: function (serviceDetail) {
                viewModel.value.Services.remove(serviceDetail);

                if (serviceDetail.ApplicationServiceDetailID() > 0) {
                    viewModel.value.RemovedServices.push(serviceDetail);
                }
            },

            MDAddServiceDetail: function (ServiceTypeID) {
                var data = {
                    itemid: viewModel.value.ApplicationRequestDetailID(),
                    serviceTypeID: ServiceTypeID
                };

                app.dataManager.post("ApplicationRequest",
                'AddApplicationServiceDetail', data, function (result) {
                    var ApplicationServiceDetail = ko.mapping.fromJS(result);
                    viewModel.value.Services.push(ApplicationServiceDetail);
                }, null);
            }
        });
    </script>
@{
/*********************************************************
 * Mode Details End
 *********************************************************/
 }