{"id":1662,"date":"2023-05-02T16:40:13","date_gmt":"2023-05-02T16:40:13","guid":{"rendered":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/?page_id=1662"},"modified":"2023-05-02T16:40:13","modified_gmt":"2023-05-02T16:40:13","slug":"online-application-2","status":"publish","type":"page","link":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/?page_id=1662","title":{"rendered":"Online Application &#8211; New"},"content":{"rendered":"<p><!-- U4SM Contents --><\/p>\n<section class=\"full smLandingPageHeader\">\n<div class=\"tight-bottom-wrap\">\n<header class=\"signup\">\n<div class=\"background-image-holder\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/tru_student_login-1024x576.jpg\" alt=\"Apply Online\" \/><\/div>\n<div class=\"container\">\n<div class=\"row text-center\">\n<div class=\"col-sm-12 text-center\">\n<div class=\"smHeaderMessageBox\">\n<h1>Begin Your Journey at TRU<\/h1>\n<p class=\"smHeaderMessageText\">At TRU, we make applying online simple! Please use the form below to submit the information we need. Depending on the program, the application can be lengthy, but don&#8217;t worry, it saves as you go along and you can pick it back up at your convenience.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/header>\n<\/div>\n<\/section>\n<section>\n<p style=\"text-align: center;\">\n        <a href=\"https:\/\/prodsupport.applyalberta.ca\">Apply Alberta<\/a>\n    <\/p>\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-sm-12\">\n<div class=\"tight-bottom-wrap\">\ufeff<a href=\"#\" id=\"main_content\" aria-hidden=\"true\" class=\"sr-only\" tabindex=\"-1\">Main Content<\/a>\r\n<div class=\"smContentArea u4HideNav overrideRole\" style=\"display: none;\" data-bind=\"visible: TemplatesLoaded()\">\r\n\r\n    <!-- ko if: !IsDisclaimerTextEmpty() -->\r\n    <div class=\"msg alert active apas_disclaimer\">\r\n        <!-- ko foreach: DisclaimerText-->\r\n        <p data-bind=\"html: $data\" ><\/p>\r\n        <!-- \/ko -->\r\n    <\/div>\r\n    <!-- \/ko -->\r\n\r\n    <div class=\"partialApplicationContainer\" id=\"partialApplicationContainer\" data-bind=\"visible: ShowPartialData(), attr_Localize_Text: { attr: 'data-dialog-title', key: 'PartialApplications' }\">\r\n        <p data-bind=\"localize_Text: 'PartialApplicationInProgress_Question' , visible: !hidePartialText()\">You have partial applications in progress. Would you like to load one of them?<\/p>\r\n        <p data-bind=\"localize_HTML: 'PartialApplicationInProgress_QuestionText', visible: hidePartialText()\">You have partial applications in progress. Select from the list below to continue one of them or <span class=\"smPartialNewApplication smModalClose\" style=\"float:none;display:inline;margin:0;\">start a new application<\/span><\/p>\r\n        <table class=\"portalDefault\" summary=\"Academic Details\">\r\n            <thead>\r\n                <tr>\r\n                    <th scope=\"col\" class=\"sr-only\">*<\/th>\r\n                    <th scope=\"col\" data-bind=\"localize_Text: 'AcademicLevel'\">Academic Level<\/th>\r\n                    <th scope=\"col\" class=\"tCenter\" data-bind=\"localize_Text: 'AcademicGoal'\">Academic Goal<\/th>\r\n                    <th scope=\"col\" class=\"tCenter\" data-bind=\"localize_Text: 'AcademicProgram'\">Academic Program<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <!-- ko foreach: PartialApps -->\r\n                <tr class=\"smClickRow\" data-bind=\"click: $parent.OpenApplication ,event: { keypress: $parent.OpenApplication}\" tabindex=\"0\">\r\n                    <td>\r\n                        <!-- ko if: IsInquiry -->\r\n                        <span style=\"color: #c10606; font-size: larger\" title=\"Source: A Request for Information\">*<\/span>\r\n                        <!-- \/ko -->\r\n                    <\/td>\r\n                    <td><span data-bind=\"text: AcademicLevel\" \/><\/td>\r\n                    <td class=\"tCenter\"><span data-bind=\"text: $data.AcademicGoal\" \/><\/td>\r\n                    <td class=\"tCenter\"><span data-bind=\"text: $data.AcademicProgram\" \/><\/td>\r\n                <\/tr>\r\n                <!-- \/ko -->\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n    <!-- ko if: TemplatesLoaded() -->\r\n    <div data-bind=\"template: { name: 'PortalValidationMessages', data: $root }\" id=\"ValidationContainer\"><\/div>\r\n    <!-- \/ko -->\r\n\r\n    <div class=\"flexWidget only lightBg\" style=\"min-height:0;\">\r\n        <div class=\"widgetContent\" style=\"max-height:none;padding:0;\" data-bind=\"attr:{'class': CurrentSectionClass() + ' widgetContent ' + IsCurrentSectionSeenClass()}\">\r\n            <div class=\"applicationContainer\" id=\"applicationContainer\" data-bind=\"visible: !Submitted()\">\r\n                <section class=\"applicationContent\">\r\n\r\n                    <div class=\"messaging\">\r\n                        <div id=\"incrementalSaveSummary\" data-bind=\"visible: Saved()\" class=\"applicationSaveSummary\" role=\"alert\">\r\n                            <div class=\"incremental-message\" data-bind=\"localize_Text: 'ApplicationAutoSaved'\">\r\n                                Application Auto-Saved... <!--<span class=\"incremental-detail\">(see Account step for more details)<\/span>-->\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div id=\"incrementalSaveSummaryOff\" data-bind=\"visible: !Saved()\" class=\"applicationSaveSummary-off\">\r\n                            <div class=\"incremental-message\">\r\n                                &nbsp;\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div id=\"userCreated\" data-bind=\"visible: ShowUserCreatedNotification()\" class=\"applicationSaveSummary\" role=\"alert\">\r\n                            <div class=\"incremental-message\" data-bind=\"localize_Text: 'YouAreNowLoggedIn'\">\r\n                                You are now logged into our system.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- ko if: !IsDisclaimerTextEmpty() -->\r\n                        <div class=\"msg alert active apas_disclaimer\">\r\n                            <!-- ko foreach: DisclaimerText-->\r\n                                <p data-bind=\"html: $data\" ><\/p>\r\n                            <!-- \/ko --> \r\n                        <\/div>\r\n                    <!-- \/ko -->\r\n\r\n\r\n                    <div class=\"stagesExpand\">\r\n                        <span>Application Progress<\/span>\r\n                        <a href=\"#\" class=\"btn expand\">View<\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"newWizard\">\r\n                        <!-- ko foreach: AppliedSections -->\r\n                            <a data-bind=\"attr: { 'aria-current': AriaCurrent(), 'aria-describedby': AriaDescribedByLabel(), class: 'wizardItem ' + NavigationClass(), 'data-section-name': SectionName, href: SectionName }, click: SectionNavSidebarClicked\" class=\"wizardItem\">\r\n                                <span class=\"appsecIndex\" data-bind=\"text: SectionIndex\"><\/span>\r\n                                <span class=\"itemName\" data-bind=\"text: SectionNavTitle\"><\/span>\r\n                                <!-- <span class=\"appsecStatus\"><\/span> -->\r\n                            <\/a>\r\n                        <!-- \/ko -->\r\n                    <\/div>\r\n\r\n                    <!-- ko if: !sm.portal.utility.isNullOrEmpty(CurrentSectionName()) -->\r\n                    <div class=\"applicationContentArea\">\r\n                        <div data-bind=\"visible: CanCrateUser()\" id=\"msg\">\r\n                            <p role=\"alert\" class=\"msg friendly active\" data-bind=\"localize_Text:'ReadyToCreateUser'\">\r\n                                \"We are ready to create a user account for you. If you continue with your application, we will log you into our system. \"\r\n                            <\/div>\r\n                        <h2 data-bind=\"text: CurrentSectionTitle\"><\/h2>\r\n\r\n                        <div data-bind=\"template: { name: CurrentSection().SectionTemplate, data: CurrentSection().SectionModel }\" id=\"TestContainer\"><\/div>\r\n\r\n                        <div class=\"sectionFooter\" data-bind =\"visible: hidesummarybutton()\">\r\n                            <button id=\"goToPreviousSectionButtonBottom\" data-bind=\"enable: PreviousButtonEnabled, click: MoveToPreviousSection, attr: { class: 'fLeft ' + (PreviousButtonEnabled() ? '' : 'disabled') }\" class=\"fLeft \"><span class=\"notPhone\" data-bind=\"localize_Text: 'Previous_Abb'\">Prev<\/span><span class=\"isPhone icon iconPrevious\"><\/span><\/button>\r\n                            <button id=\"goToSummaryButton\" data-bind=\"visible: SummaryAvailable() &amp;&amp; !SummaryVisible(), click: MoveToSummary, localize_Text: 'ReviewAndSubmit'\" class=\"fRight\" >Review &amp; Submit<\/button>\r\n                            <button id=\"goToNextSectionButtonBottom\" data-bind=\"enable: NextButtonEnabled, click: MoveToNextSection, attr: { class: 'fRight ' + (NextButtonEnabled() ? '' : 'disabled') }, visible: (!SummaryVisible() || !SummaryAvailable()) &amp;&amp; NextSectionName() != 'Summary'\" class=\"fRight \" style=\"display: none;\"><span class=\"notPhone\" data-bind=\"localize_Text: 'Next_Abb'\">Next<\/span><span class=\"isPhone icon iconNext\"><\/span><\/button>\r\n                            <button id=\"submitApplicationButton\" data-bind=\"enable: !Saving(), visible: SummaryAvailable() &amp;&amp; SummaryVisible(), click: viewModel.SubmitApplication, localize_Text: 'SubmitMyApplication'\" class=\"fRight\" style=\"display: none;\">Submit My Application<\/button>\r\n                        <\/div>\r\n    \r\n                        <div class=\"sectionFooter\" data-bind =\"visible: !hidesummarybutton()\">\r\n                            <button id=\"goToPreviousSectionButtonBottom\" data-bind=\"enable: PreviousButtonEnabled, attr_Localize_Text: { attr: 'aria-label', key: 'Proceed to Previous Section'}, click: MoveToPreviousSection, attr: { class: 'fLeft ' + (PreviousButtonEnabled() ? '' : 'disabled') }\"><span class=\"notPhone\" data-bind=\"localize_Text: 'Previous_Abb'\">Prev<\/span><span class=\"isPhone icon iconPrevious\"><\/span><\/button>\r\n                            <button id=\"goToSummaryButton\" data-bind=\"enable: !Saving(), visible: NextSectionName() == 'Summary', click: MoveToSummary, localize_Text: 'ReviewAndSubmit'\" class=\"fRight\">Review &amp; Submit<\/button>\r\n                            <button id=\"goToNextSectionButtonBottom\" data-bind=\"enable: NextButtonEnabled, attr_Localize_Text: { attr: 'aria-label', key: 'Proceed to Next Section'}, click: MoveToNextSection, attr: { class: 'fRight ' + (NextButtonEnabled() ? '' : 'disabled') }, visible: !SummaryVisible() && NextSectionName() != 'Summary'\"><span class=\"notPhone\" data-bind=\"localize_Text: 'Next_Abb'\">Next<\/span><span class=\"isPhone icon iconNext\"><\/span><\/button>                \r\n                            <button id=\"submitApplicationButton\" data-bind=\"enable: !Saving() && SubmitAvailable(), visible: SummaryVisible(), click: SubmitApplication, localize_Text: 'SubmitMyApplication'\" class=\"fRight\">Submit My Application<\/button>\r\n                            <loader class=\"fRight\" data-bind=\"visible: Saving\"><\/loader>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                    <!-- \/ko -->\r\n                <\/section>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"applicationResult\" style=\"display:none;\" data-bind=\"visible: Submitted() && !SubmittedWithPostSubmissionFlowCustom()\" class=\"portalApplicationResult\">\r\n        <!-- ko if: TemplatesLoaded() -->\r\n        <div data-bind=\"template: { name: 'PortalWarningMessages', data: $root }\" id=\"WarningContainer\"><\/div>\r\n        <!-- \/ko -->\r\n\r\n        <h2 data-bind=\"localize_Text: 'AdmissionsApplicationForm'\">Admissions Application Form<\/h2>\r\n        <div>\r\n            <p data-bind=\"localize_Text: { key: SubmissionText(), observables: [Result_PersonGivenName]}\">Thank you for submitting your application, <span data-bind=\"text: Result_PersonGivenName\"><\/span>!  You can download a receipt of your transaction below, then continue on to review your applicant checklist.<\/div>\r\n        <button class=\"button\" data-bind=\"localize_Text: 'ReviewYourApplicantChecklist', click: ReviewApplicantChecklist\">Review your Applicant Checklist<\/button>\r\n        <!-- ko if: !IsBillingDomicilePaymentProviderEnabled() -->\r\n        <!-- ko if: IsPaymentProviderEnabled() && PaymentProviderName() === 'Flywire' -->\r\n        <flywire params=\"paymentDetails: PaymentDetails(), buttonText: 'MakePayment', errorMessageFunctionName: 'HandleError'\"><\/flywire>\r\n        <!-- \/ko -->\r\n        <!-- ko if: PaymentProviderName() === 'FlywireV2' -->\r\n        <flywirev2 params=\"paymentDetails: PaymentDetails(), buttonText: 'MakePayment', errorMessageFunctionName: 'showMessageDialog', returnToPage: '\/?u4sm_page=my-account'\"><\/flywirev2>\r\n\r\n        <!-- \/ko -->\r\n        <!-- ko if: IsPaymentProviderEnabled() && PaymentProviderName() !== 'Flywire' && PaymentProviderName() !== 'FlywireV2' -->\r\n        <button data-payment-button class=\"button\"\r\n                data-bind=\"visible: IsPaymentProviderEnabled(), localize_Text: 'MakePayment'\">\r\n            Make Payment\r\n        <\/button>\r\n        <!-- \/ko -->\r\n        <!-- \/ko -->\r\n        <!-- ko if: IsBillingDomicilePaymentProviderEnabled() && IsBillingDomicileMappingCorrect() -->\r\n        <button id=\"showMultiPaymentMethodPopUp\" data-bind=\"click: PaymentProviderSelectionPopup, localize_Text: 'MakePayment'\"><\/button>\r\n\r\n        <flywire style=\"display: none;\" params=\"paymentButtonId:'flywireButton', paymentDetails: PaymentDetails(), buttonText: 'MakePayment', errorMessageFunctionName: 'HandleError',isDomicileEnabled: true, domicilePaymentProviders: BillingDomicilePaymentProviders(), paymentProviderId: PaymentProviderID()\"><\/flywire>\r\n\r\n\r\n        <flywirev2 style=\"display: none;\" params=\"paymentDetails: PaymentDetails(), buttonText: 'MakePayment', errorMessageFunctionName: 'showMessageDialog', isDomicileEnabled: true, partialPaymentAmount: PartialPaymentAmount(), paymentProviderId: PaymentProviderID(), returnToPage: '\/?u4sm_page=my-account'\"><\/flywirev2>\r\n\r\n\r\n        <button style=\"display: none;\" data-payment-button class=\"button worldpaybtn\"\r\n                data-bind=\"localize_Text: 'MakePayment'\">\r\n            Make Payment\r\n        <\/button>\r\n\r\n        <!-- \/ko -->\r\n        <!-- ko if: IsBillingDomicilePaymentProviderEnabled() && !IsBillingDomicileMappingCorrect() -->\r\n        <button  data-bind=\"localize_Text: 'MakePayment', attr:{title:BillingDomicileMessage}\" disabled>Make Payment<\/button>\r\n        <!-- \/ko -->\r\n    <\/div>\r\n\r\n    <!--- Post Submission Flow -->\r\n    <div id=\"applicationResult\" style=\"display:none;\" data-bind=\"visible: Submitted() && SubmittedWithPostSubmissionFlowCustom()\" class=\"portalApplicationResult\">\r\n        <!-- ko if: TemplatesLoaded() -->\r\n        <div data-bind=\"template: { name: 'PortalWarningMessages', data: $root }\" id=\"WarningContainer\"><\/div>\r\n        <!-- \/ko -->\r\n        <div class=\"flexWidget large lightBg noMinHeight\" tabindex=\"0\">\r\n            <div class=\"widgetHeader purple\">\r\n                <div class=\"widgetHeaderContent\" style=\"padding-left:150px\">\r\n                    <div class=\"widgetTitle\">\r\n                        <h2 data-bind=\"localize_Text: 'PaymentInformation'\">Payment Information<\/h2>\r\n                    <\/div>\r\n                    <div class=\"widgetMenu\">\r\n                        <div class=\"menuWrapper\">\r\n                            <!-- PAYMENT BUTTONS -->\r\n                            <!-- ko if: !IsBillingDomicilePaymentProviderEnabled() -->\r\n                            <!-- ko if: IsPaymentProviderEnabled() && PaymentProviderName() === 'Flywire' -->\r\n                            <flywire params=\"paymentDetails: PaymentDetails(), buttonText: 'MakePayment', errorMessageFunctionName: 'HandleError'\"><\/flywire>\r\n                            <!-- \/ko -->\r\n                            <!-- ko if: PaymentProviderName() === 'FlywireV2' -->\r\n                            <flywirev2 params=\"paymentDetails: PaymentDetails(), buttonText: 'MakePayment', errorMessageFunctionName: 'showMessageDialog', returnToPage: '\/?u4sm_page=my-account'\"><\/flywirev2>\r\n\r\n                            <!-- \/ko -->\r\n                            <!-- ko if: IsPaymentProviderEnabled() && PaymentProviderName() !== 'Flywire' && PaymentProviderName() !== 'FlywireV2' -->\r\n                            <button data-payment-button class=\"button\"\r\n                                    data-bind=\"visible: IsPaymentProviderEnabled(), localize_Text: 'MakePayment'\">\r\n                                Make Payment\r\n                            <\/button>\r\n                            <!-- \/ko -->\r\n                            <!-- \/ko -->\r\n                            <!-- ko if: IsBillingDomicilePaymentProviderEnabled() && IsBillingDomicileMappingCorrect() -->\r\n                            <button id=\"showMultiPaymentMethodPopUp\" data-bind=\"click: PaymentProviderSelectionPopup, localize_Text: 'MakePayment'\"><\/button>\r\n\r\n                            <flywire style=\"display: none;\" params=\"paymentButtonId:'flywireButton', paymentDetails: PaymentDetails(), buttonText: 'MakePayment', errorMessageFunctionName: 'HandleError',isDomicileEnabled: true, domicilePaymentProviders: BillingDomicilePaymentProviders(), paymentProviderId: PaymentProviderID()\"><\/flywire>\r\n\r\n\r\n                            <flywirev2 style=\"display: none;\" params=\"paymentDetails: PaymentDetails(), buttonText: 'MakePayment', errorMessageFunctionName: 'showMessageDialog', isDomicileEnabled: true, partialPaymentAmount: PartialPaymentAmount(), paymentProviderId: PaymentProviderID(), returnToPage: '\/?u4sm_page=my-account'\"><\/flywirev2>\r\n\r\n\r\n                            <button style=\"display: none;\" data-payment-button class=\"button worldpaybtn\"\r\n                                    data-bind=\"localize_Text: 'MakePayment'\">\r\n                                Make Payment\r\n                            <\/button>\r\n\r\n                            <!-- \/ko -->\r\n                            <!-- ko if: IsBillingDomicilePaymentProviderEnabled() && !IsBillingDomicileMappingCorrect() -->\r\n                            <button data-bind=\"localize_Text: 'MakePayment', attr:{title:BillingDomicileMessage}\" disabled>Make Payment<\/button>\r\n                            <!-- \/ko -->\r\n                            <button class=\"button\" data-bind=\"localize_Text: 'PayLater', click: ReviewApplicantChecklist\">Pay Later<\/button>\r\n                            <!--\/ PAYMENT BUTTONS -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"widgetContent\">\r\n                <div class=\"notPhone\">\r\n                    <table class=\"portalDefault\">\r\n                        <caption style=\"display:none\">This is a table<\/caption>\r\n                        <thead>\r\n                            <tr>\r\n                                <th data-bind=\"localize_Text: 'TransactionDescription'\">Transaction Description<\/th>\r\n                                <th data-bind=\"localize_Text: 'TransactionDate'\">Transaction Date<\/th>\r\n                                <th data-bind=\"localize_Text: 'TransactionAmount'\">Transaction Amount<\/th>\r\n                                <th data-bind=\"localize_Text: 'Paid'\">Paid<\/th>\r\n                                <th class=\"tRight\" data-bind=\"localize_Text: 'PaymentDate'\">Payment Date<\/th>\r\n                            <\/tr>\r\n                        <\/thead>\r\n                        <!-- ko if: ApplicationFee().length == 0 -->\r\n                        <tbody>\r\n                            <tr>\r\n                                <td colspan=\"4\">\r\n                                    <h3 class=\"noResults\" data-bind=\"localize_Text: 'NoTransactionsToShow'\">No Transactions to Show<\/h3>\r\n                                <\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n                        <!-- \/ko -->\r\n                        <!-- ko if: ApplicationFee().length > 0 -->\r\n                        <tbody data-bind=\"foreach: ApplicationFee\" id=\"resultBody\">\r\n                            <tr class=\"postSubmissionTextAlign\">\r\n                                <td data-bind=\"text: TransactionDescription != undefined ? TransactionDescription : 'N\/A'\"><\/td>\r\n                                <td data-bind=\"text: TransactionDate != undefined ? TransactionDate : 'N\/A'\"><\/td>\r\n                                <td data-bind=\"text: TransactionAmount != undefined ? TransactionAmount + ' ' + TransactionCurrency : 'N\/A'\"><\/td>\r\n                                <td data-bind=\"text: Paid != undefined ? (Paid ? 'Yes' : 'No') : 'N\/A'\" value=\"Yes\"><\/td>\r\n                                <td class=\"tRight\" data-bind=\"text: PaymentDate != undefined ? PaymentDate : 'N\/A'\"><\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n                        <!-- \/ko -->\r\n                    <\/table>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <!--\/ Post Submission Flow -->\r\n    <div id=\"formTemplates\" style=\"display:none;\"><\/div>\r\n    <div id=\"validationTemplates\" style=\"display:none;\"><\/div>\r\n    <div id=\"accountTemplates\" style=\"display:none;\"><\/div>\r\n    <div id=\"addressFormTemplates\" style=\"display:none;\"><\/div>\r\n    <div id=\"addressFormTemplatesNew\" style=\"display:none;\"><\/div>\r\n    <div id=\"termsTemplates\" style=\"display:none;\"><\/div>\r\n    <div id=\"portalValidationMessagesTemplates\" style=\"display:none;\"><\/div>\r\n    <div id=\"portalWarningMessagesTemplates\" style=\"display:none;\"><\/div>\r\n    <div id=\"loggedInPageHeaderTemplates\" style=\"display:none;\"><\/div>\r\n    <div id=\"summaryTemplates\" style=\"display:none;\"><\/div>\r\n\r\n    <script type=\"text\/html\" id=\"EmptyTemplate\">\r\n    <\/script>\r\n\r\n    <!-- Splash Screen Dialog Content - Would be nice if this was dynamically loaded. -->\r\n    <div id=\"smApplicationSplash\" class=\"smApplicationSplash\" style=\"display:none; background-color: silver;\" title=\"Welcome\">\r\n        <div class=\"pane\">\r\n            <h3>Splash Screen Title<\/h3>\r\n            <h4>Splash sub heading<\/h4>\r\n            <div class=\"paneContent\">\r\n                <p>\r\n                    Welcome and thank you for your interest.  There are multiple sections to fill out, but should go quickly.  As you enter data, watch the Status Menu for added or removed sections.  When you are\r\n                    finished, review your data and submit.  Once you fill in your name and email address, if you leave the application you will recieve an email with a link to return to the application and you can\r\n                    finish it and submit at your leisure.\r\n                <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"smContentArea u4HideNav overrideRole\" data-bind=\"visible: !TemplatesLoaded()\">\r\n    <div class=\"flexWidget only lightBg\" style=\"min-height:0;\">\r\n        <div class=\"widgetContent\" style=\"max-height:none;padding:0;\">\r\n            <div class=\"applicationContainer\">\r\n                <section class=\"applicationContent\">\r\n                    <div class=\"sectionHeader\">\r\n                        <button disabled class=\"fLeft\"><span class=\"notPhone\" data-bind=\"localize_Text: 'Previous_Abb'\">Prev<\/span><span class=\"isPhone icon iconPrevious\"><\/span><\/button>\r\n\r\n                        <div class=\"sectionTitle\">\r\n                            <h2 data-bind=\"localize_Text: 'LoadingPleaseWait'\">Loading, please wait...<\/h2>\r\n                        <\/div>\r\n\r\n                        <button disabled class=\"fRight\"><span class=\"notPhone\" data-bind=\"localize_Text: 'Next_Abb'\">Next<\/span><span class=\"isPhone icon iconNext\"><\/span><\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"sectionFooter\">\r\n                        <button disabled class=\"fLeft\"><span class=\"notPhone\" data-bind=\"localize_Text: 'Previous_Abb'\">Prev<\/span><span class=\"isPhone icon iconPrevious\"><\/span><\/button>\r\n                        <button disabled class=\"fRight\"><span class=\"notPhone\" data-bind=\"localize_Text: 'Next_Abb'\">Next<\/span><span class=\"isPhone icon iconNext\"><\/span><\/button>\r\n                    <\/div>\r\n                <\/section>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    jQuery(document).ready(function($) {\r\n\r\n        $(\"body\").addClass(\"application\");\r\n\r\n        function waitForElement(selector, callback) {\r\n            if ($(selector).length) {\r\n                callback();\r\n            } else {\r\n                setTimeout(function() {\r\n                    waitForElement(selector, callback);\r\n                }, 100);\r\n            }\r\n        }\r\n\r\n        waitForElement('.fieldGroup.split.fiftyfifty > p.msg.login', function() {\r\n            var msgElement = $(\".fieldGroup.split.fiftyfifty > p.msg.login .linkButton\").closest(\".msg\");\r\n            msgElement.contents().filter(function() {\r\n                return this.nodeType === 3;\r\n            }).wrap('<span><\/span>');\r\n            msgElement.find('.linkButton, a.closeIcon').wrapAll('<div class=\"msgRight\"><\/div>');\r\n            $(\"<a href='#' class='closeIcon linkButton' aria-label='Close'>X<\/a>\").appendTo(msgElement.find('.msgRight'));\r\n            $(\"a.closeIcon\").click(function(event) {\r\n                event.preventDefault();\r\n                $(this).closest('p.msg.login').hide();\r\n            });\r\n        });\r\n\r\n        function markManySections() {\r\n            $('.newWizard').each(function() {\r\n                var $wizard = $(this);\r\n                var $flexWidget = $wizard.closest('.flexWidget');\r\n                var count = $wizard.find('.wizardItem').length;\r\n                \r\n                \/\/ Remove all existing section classes\r\n                $flexWidget.removeClass(function(index, className) {\r\n                    return (className.match(\/(^|\\s)(manySections|sections-\\d+)\/g) || []).join(' ');\r\n                });\r\n                \r\n                \/\/ Add appropriate class based on count\r\n                if (count > 8) {\r\n                    $flexWidget.addClass('manySections');\r\n                } else if (count > 0) {\r\n                    $flexWidget.addClass('sections-' + count);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initialize observer for dynamic content changes\r\n        function initSectionObserver() {\r\n            \/\/ Run initial marking\r\n            markManySections();\r\n            \r\n            \/\/ Set up MutationObserver to watch for changes\r\n            var observer = new MutationObserver(function(mutations) {\r\n                var shouldUpdate = false;\r\n                \r\n                mutations.forEach(function(mutation) {\r\n                    \/\/ Check if nodes were added or removed\r\n                    if (mutation.type === 'childList') {\r\n                        \/\/ Check if any added\/removed nodes are wizardItem or contain wizardItem\r\n                        var checkNodes = function(nodes) {\r\n                            for (var i = 0; i < nodes.length; i++) {\r\n                                var node = nodes[i];\r\n                                if (node.nodeType === 1) { \/\/ Element node\r\n                                    if ($(node).hasClass('wizardItem') || $(node).find('.wizardItem').length > 0) {\r\n                                        return true;\r\n                                    }\r\n                                }\r\n                            }\r\n                            return false;\r\n                        };\r\n                        \r\n                        if (checkNodes(mutation.addedNodes) || checkNodes(mutation.removedNodes)) {\r\n                            shouldUpdate = true;\r\n                        }\r\n                    }\r\n                });\r\n                \r\n                if (shouldUpdate) {\r\n                    markManySections();\r\n                }\r\n            });\r\n            \r\n            \/\/ Start observing\r\n            observer.observe(document.body, {\r\n                childList: true,\r\n                subtree: true\r\n            });\r\n        }\r\n\r\n        \/\/ Wait for initial wizardItem elements and then start observing\r\n        waitForElement('.wizardItem', function() {\r\n            initSectionObserver();\r\n        });\r\n\r\n        jQuery(\".stagesExpand .btn\").on(\"click\", function() {\r\n            event.preventDefault();\r\n            \r\n            const el = jQuery(\".newWizard\");\r\n            const btn = jQuery(this);\r\n            \r\n            if (el.is(\":visible\")) {\r\n                el.css(\"overflow\", \"hidden\")\r\n                .animate({ height: 0, opacity: 0 }, 300, function() {\r\n                    el.css({\r\n                    display: \"none\",\r\n                    height: \"\",\r\n                    opacity: \"\",\r\n                    overflow: \"\"\r\n                    });\r\n                });\r\n                btn.text(\"View\");\r\n            } else {\r\n                el.css({\r\n                display: \"flex\",\r\n                overflow: \"hidden\",\r\n                height: \"0\",\r\n                opacity: \"0\"\r\n                }).animate({ height: el.get(0).scrollHeight, opacity: 1 }, 300, function() {\r\n                el.css({\r\n                    height: \"\",\r\n                    overflow: \"\"\r\n                });\r\n                });\r\n                btn.text(\"Hide\");\r\n            }\r\n        });\r\n\r\n        jQuery(window).on('resize', function() {\r\n            if (jQuery(window).width() > 768) { \r\n                jQuery(\".newWizard\").css({\r\n                    display: \"flex\",\r\n                    height: \"\",\r\n                    opacity: \"\",\r\n                    overflow: \"\"\r\n                });\r\n                jQuery(\".stagesExpand .btn\").text(\"Hide\");\r\n            } else {\r\n                jQuery(\".newWizard\").css({\r\n                    display: \"none\",\r\n                    height: \"\",\r\n                    opacity: \"\",\r\n                    overflow: \"\"\r\n                });\r\n                jQuery(\".stagesExpand .btn\").text(\"View\");\r\n            }\r\n        });\r\n\r\n        jQuery(window).trigger('resize');\r\n        \r\n    });\r\n<\/script><br \/>\n<br \/>\n<br \/>\n     <br \/>\n<br \/>\n<br \/>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<input type='hidden' name='__RequestVerificationToken' value='bok7lelCqBYvlJm6lhFq6I4QuMlqE5fH5AHZ5i4Q8upK810fpw_tpz-sFqMOrBGyUTWdEayuMkEka-zzG60z0WK0yxsxmwFaTJn2LG1PSGc1'>","protected":false},"excerpt":{"rendered":"<p>Begin Your Journey at TRU At TRU, we make applying online simple! Please use the form below to submit the information we need. Depending on the program, the application can be lengthy, but don&#8217;t worry, it saves as you go along and you can pick it back up at your convenience. Apply Alberta<\/p>\n","protected":false},"author":362,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1662","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/index.php?rest_route=\/wp\/v2\/pages\/1662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/index.php?rest_route=\/wp\/v2\/users\/362"}],"replies":[{"embeddable":true,"href":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1662"}],"version-history":[{"count":3,"href":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/index.php?rest_route=\/wp\/v2\/pages\/1662\/revisions"}],"predecessor-version":[{"id":1665,"href":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/index.php?rest_route=\/wp\/v2\/pages\/1662\/revisions\/1665"}],"wp:attachment":[{"href":"https:\/\/sm-preview-portal-bvc.thesiscloud.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}