<ul data-bind="class: `${componentClass()}__list`" class="jobs-list__list">
            <!-- ko foreach: { data: requisitions, as: 'job' } -->

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item job-list-item--focus" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/219370/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="219370"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="219370">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Data Analyst</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                "><li class="job-list-item__job-info-item 
                    job-list-item__job-info-item--tags-visible"><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Toronto, ON, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    job-list-item__job-info-item--tags-visible"><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() -->
    <tag params="className: tag.className, label: tag.label, layoutStyle: $parent.layoutStyle"><div class="job-tag job-tag--trending-job job-tag--layout1" data-bind="class: `job-tag--${className}`, css: { 'job-tag--layout1': layoutStyle &amp;&amp; layoutStyle() === 'layout1' }">
    <em class="job-tag__icon icon-trending-job" data-bind="class: `icon-${className}`"></em>
    <span data-bind="text: label" class="job-tag__title">Trending</span>
</div>
</tag>
    <!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220373/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220373"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220373">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Boiler operator</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Gatineau, QC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220817/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220817"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220817">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">General Repair Technician II</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Markham, ON, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220818/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220818"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220818">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">General Repair Technician III - Static</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Sudbury, ON, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220829/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220829"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220829">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Facility Specialist - Future Opportunity</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Sudbury, ON, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <!-- ko ifnot: $parent.customizationParams.contentParams.hideTalentCommunitySignup() -->
            <li data-qa="searchResultTalentCommunityItem">
                <!-- ko component: {
                                    name: $parent.talentCommunityTileComponent,
                                    params: {
                                        className: $parent.customizationParams.contentParams.jobDisplayStyle()
                                    }
                                } --><div class="talent-community-tile text-color-secondary talent-community-tile--toggleListMap" data-bind="css: className" data-qa="searchResultTCJoin">
    <div class="talent-community-tile__line background-color-secondary"></div>

    <h3 class="talent-community-tile__title text-color-primary" data-bind="text: labels.header">Join BGIS Talent Community</h3>
    <p class="talent-community-tile__subheader" data-bind="text: labels.description"> Didn't find a suitable job, join the BGIS's talent pool to stay active in the database.</p>

    <div class="talent-community-tile__actions">
        <a class="button text-color-primary font-family-secondary" data-bind="click: openSignUpComponent, attr: {'href': url}" href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/tc-join?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location">
            <span class="button__label" data-bind="text: labels.button">Join Talent Community</span>
        </a>
    </div>

    <div class="talent-community-tile__line background-color-secondary"></div>
</div>
<!-- /ko -->
            </li>
            <!-- /ko -->
            <!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220830/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220830"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220830">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Facility Specialist - Future Opportunity</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Brockville, ON, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220831/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220831"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220831">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Facility Specialist - Future Opportunity</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Dryden, ON, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220821/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220821"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220821">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Systems Analyst II</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Markham, ON, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 -->
<tooltip params="isVisible: isTooltipVisible, helpText: tooltipContent" class="posting-locations" role="tooltip"><span class="tooltip-wrapper" data-bind="attr: {id: helpTextId}">
    <!-- ko template: { nodes: nodes['tooltip-anchor'], data: $parent} -->
        <button data-bind="attr: { 'aria-label': tooltipData },
                event: {
                    mouseover: showTooltip,
                    mouseout: hideTooltip,
                    focus: showTooltip,
                    blur: hideTooltip
                }" aria-label="Markham, ON, Canada,Toronto, ON, Canada">
            <i18n class="posting-locations__count" params="key: 'search.job-item.secondary-locations'"><span data-bind="i18n: {key: key, tokens: tokens}">and <span data-i18n-token="locationsCount" data-bind="text: $parent.secondaryLocationsCount">1</span> more</span>
</i18n>
        </button>
    <!-- /ko -->

    <!-- ko if: isVisible --><!-- /ko -->
</span>
</tooltip>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220824/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220824"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220824">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Cleaner</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Drumheller, AB, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
" style="background-image: none;">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220828/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220828"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220828">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Building Maintenance Technician</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Yellowknife, NT, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/20/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible -->
            <p class="job-list-item__description" data-bind="text: job.shortDescription">**REMOTE RETENTION BONUS**</p>
            <!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/218296/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="218296"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="218296">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Sr Building Automation Systems (BAS) Technician</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Vancouver, BC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/19/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/219371/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="219371"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="219371">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Stationary Engineer, 4th class</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Montreal, QC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 -->
<tooltip params="isVisible: isTooltipVisible, helpText: tooltipContent" class="posting-locations" role="tooltip"><span class="tooltip-wrapper" data-bind="attr: {id: helpTextId}">
    <!-- ko template: { nodes: nodes['tooltip-anchor'], data: $parent} -->
        <button data-bind="attr: { 'aria-label': tooltipData },
                event: {
                    mouseover: showTooltip,
                    mouseout: hideTooltip,
                    focus: showTooltip,
                    blur: hideTooltip
                }" aria-label="Montreal, QC, Canada,Laval, QC, Canada">
            <i18n class="posting-locations__count" params="key: 'search.job-item.secondary-locations'"><span data-bind="i18n: {key: key, tokens: tokens}">and <span data-i18n-token="locationsCount" data-bind="text: $parent.secondaryLocationsCount">1</span> more</span>
</i18n>
        </button>
    <!-- /ko -->

    <!-- ko if: isVisible --><!-- /ko -->
</span>
</tooltip>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/19/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220438/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220438"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220438">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">National Director of Operations</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Toronto, ON, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/19/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220802/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220802"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220802">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Bilingual Project Administrator (Eng/Fre)</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Montreal, QC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/19/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220798/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220798"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220798">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Bilingual Project Assistant (Eng/Fre) - Contract</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Montreal, QC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 -->
<tooltip params="isVisible: isTooltipVisible, helpText: tooltipContent" class="posting-locations" role="tooltip"><span class="tooltip-wrapper" data-bind="attr: {id: helpTextId}">
    <!-- ko template: { nodes: nodes['tooltip-anchor'], data: $parent} -->
        <button data-bind="attr: { 'aria-label': tooltipData },
                event: {
                    mouseover: showTooltip,
                    mouseout: hideTooltip,
                    focus: showTooltip,
                    blur: hideTooltip
                }" aria-label="Montreal, QC, Canada,Gatineau, QC, Canada,Trois-Rivieres, QC, Canada">
            <i18n class="posting-locations__count" params="key: 'search.job-item.secondary-locations'"><span data-bind="i18n: {key: key, tokens: tokens}">and <span data-i18n-token="locationsCount" data-bind="text: $parent.secondaryLocationsCount">2</span> more</span>
</i18n>
        </button>
    <!-- /ko -->

    <!-- ko if: isVisible --><!-- /ko -->
</span>
</tooltip>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/19/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220800/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220800"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220800">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Health, Safety &amp; Environment Coordinator</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Saskatoon, SK, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 -->
<tooltip params="isVisible: isTooltipVisible, helpText: tooltipContent" class="posting-locations" role="tooltip"><span class="tooltip-wrapper" data-bind="attr: {id: helpTextId}">
    <!-- ko template: { nodes: nodes['tooltip-anchor'], data: $parent} -->
        <button data-bind="attr: { 'aria-label': tooltipData },
                event: {
                    mouseover: showTooltip,
                    mouseout: hideTooltip,
                    focus: showTooltip,
                    blur: hideTooltip
                }" aria-label="Saskatoon, SK, Canada,Winnipeg, MB, Canada,Regina, SK, Canada,Yellowknife, NT, Canada">
            <i18n class="posting-locations__count" params="key: 'search.job-item.secondary-locations'"><span data-bind="i18n: {key: key, tokens: tokens}">and <span data-i18n-token="locationsCount" data-bind="text: $parent.secondaryLocationsCount">3</span> more</span>
</i18n>
        </button>
    <!-- /ko -->

    <!-- ko if: isVisible --><!-- /ko -->
</span>
</tooltip>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/19/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220801/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220801"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220801">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Manager, Health, Safety &amp; Environment</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Vancouver, BC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 -->
<tooltip params="isVisible: isTooltipVisible, helpText: tooltipContent" class="posting-locations" role="tooltip"><span class="tooltip-wrapper" data-bind="attr: {id: helpTextId}">
    <!-- ko template: { nodes: nodes['tooltip-anchor'], data: $parent} -->
        <button data-bind="attr: { 'aria-label': tooltipData },
                event: {
                    mouseover: showTooltip,
                    mouseout: hideTooltip,
                    focus: showTooltip,
                    blur: hideTooltip
                }" aria-label="Vancouver, BC, Canada,Surrey, BC, Canada,Richmond, BC, Canada,Burnaby, BC, Canada">
            <i18n class="posting-locations__count" params="key: 'search.job-item.secondary-locations'"><span data-bind="i18n: {key: key, tokens: tokens}">and <span data-i18n-token="locationsCount" data-bind="text: $parent.secondaryLocationsCount">3</span> more</span>
</i18n>
        </button>
    <!-- /ko -->

    <!-- ko if: isVisible --><!-- /ko -->
</span>
</tooltip>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/19/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220803/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220803"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220803">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Bilingual Property Services Coordinator (Eng/Fre)</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Gatineau, QC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 -->
<tooltip params="isVisible: isTooltipVisible, helpText: tooltipContent" class="posting-locations" role="tooltip"><span class="tooltip-wrapper" data-bind="attr: {id: helpTextId}">
    <!-- ko template: { nodes: nodes['tooltip-anchor'], data: $parent} -->
        <button data-bind="attr: { 'aria-label': tooltipData },
                event: {
                    mouseover: showTooltip,
                    mouseout: hideTooltip,
                    focus: showTooltip,
                    blur: hideTooltip
                }" aria-label="Gatineau, QC, Canada,Ottawa, ON, Canada">
            <i18n class="posting-locations__count" params="key: 'search.job-item.secondary-locations'"><span data-bind="i18n: {key: key, tokens: tokens}">and <span data-i18n-token="locationsCount" data-bind="text: $parent.secondaryLocationsCount">1</span> more</span>
</i18n>
        </button>
    <!-- /ko -->

    <!-- ko if: isVisible --><!-- /ko -->
</span>
</tooltip>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/19/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220808/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220808"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220808">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Senior Project Manager</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Happy Valley-Goose Bay, NL, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/19/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/212643/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="212643"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="212643">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Technician IV – HVAC/Refrigeration - Roving</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Victoria, BC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/18/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/218056/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="218056"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="218056">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Tech IV - HVAC/Refrigeration - Roving</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Vancouver, BC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/18/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/218773/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="218773"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="218773">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Building Maintenance Technician III, Roving</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Saint-Bernard-de-Lacolle, QC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 -->
<tooltip params="isVisible: isTooltipVisible, helpText: tooltipContent" class="posting-locations" role="tooltip"><span class="tooltip-wrapper" data-bind="attr: {id: helpTextId}">
    <!-- ko template: { nodes: nodes['tooltip-anchor'], data: $parent} -->
        <button data-bind="attr: { 'aria-label': tooltipData },
                event: {
                    mouseover: showTooltip,
                    mouseout: hideTooltip,
                    focus: showTooltip,
                    blur: hideTooltip
                }" aria-label="Saint-Bernard-de-Lacolle, QC, Canada,Montreal, QC, Canada">
            <i18n class="posting-locations__count" params="key: 'search.job-item.secondary-locations'"><span data-bind="i18n: {key: key, tokens: tokens}">and <span data-i18n-token="locationsCount" data-bind="text: $parent.secondaryLocationsCount">1</span> more</span>
</i18n>
        </button>
    <!-- /ko -->

    <!-- ko if: isVisible --><!-- /ko -->
</span>
</tooltip>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/18/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220035/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220035"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220035">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Health, Safety &amp; Environment Coordinator</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Quebec, QC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/18/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220763/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220763"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220763">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Building Operator</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Thunder Bay, ON, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/18/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            

            <!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->

            <!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
            <li data-qa="searchResultItem">
                <!-- ko component: {
                        name: $parent.tileComponent,
                        params: {
                            job: job,
                            customizationParams: $parent.customizationParams,
                        }
                    } --><!-- ko if: job.id === 'CE_TALENT_COMMUNITY_TILE' --><!-- /ko -->
<!-- ko ifnot: job.id === 'CE_TALENT_COMMUNITY_TILE' -->
<div class="search-results job-tile job-list-item" data-bind="
    css: { 'job-list-item--active': job.isActive, 'job-list-item--focus': hasFocus, 'job-list-item--with-image': mainContentConfig().isImageVisible },
    style: mediaStyles
">
    <a class="job-list-item__link" data-bind="
        attr: { href: getJobUrl(job.id), 'aria-labelledby': ariaLabelledByIdJob },
        click: () => openJobPreview(job.id),
        hasFocus: hasFocus
    " href="https://fa-evcg-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/job/220769/?location=Canada&amp;locationId=300000000431685&amp;locationLevel=country&amp;mode=location" aria-labelledby="220769"></a>
    <div class="job-list-item__link" data-bind="click: () => openJobPreview(job.id)">
        <!-- ko if: mainContentConfig().isImageVisible --><!-- /ko -->

        <div class="job-list-item__content" data-bind="attr: { id: ariaLabelledByIdJob }" id="220769">
            <search-result-item-header params="
                    job: job,
                    headerInformationConfig: headerInformationConfig,
                    customizationParams: customizationParams,
                    jobInfoDisplayed: jobInfoDisplayed,
                    jobInfoDisplay: jobInfoDisplay,
                    jobInfoSeparator: jobInfoSeparator,
                    jobInfoTagsConfiguration: jobInfoTagsConfiguration,
                    jobTags: jobTags,
                    jobTagsConfig: jobTagsConfig,
                    shouldShowDistance: shouldShowDistance,
                    viewType: 'listView',
                    dffs: dffs
                "><div class="job-tile__header job-tile__header--job-info-tags" data-bind="css: { 'job-tile__header--job-info-tags': jobInfoTagsConfiguration() === 'inHeader' }">
    <div class="job-tile__header-container">
        <!-- ko if: isJobTitleVisible -->
        <span class="job-tile__title" data-bind="text: job.title">Building Automation Systems (BAS) Technician - Roving</span>
        <!-- /ko -->

        <!-- ko if: isAlreadyAppliedVisible  --><!-- /ko -->
    </div>
    <div class="job-tile__subheader" data-bind="css: { 'job-tile__subheader--apply-button-visible': enableApplyButton() &amp;&amp; isApplyButtonVisible }">
        <!-- ko if: jobInfoDisplayed().length && jobInfoDisplayed && jobInfoTagsConfiguration() === 'inHeader' -->
        <div class="job-list-item__job-info-container" data-bind="react: { component: 'search-result-item-job-info', props: { job, jobInfoDisplayed, jobInfoDisplay, jobInfoSeparator, distanceInfo, shouldShowDistance, areJobTagsVisible, viewType, dffs } }"><ul class="job-list-item__job-info-items job-list-item__job-info-items--dot 
                job-list-item__job-info-items--label
                job-list-item__job-info-items--tags-visible"><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--locations">Locations</div><div class="job-list-item__job-info-value-container"><div class="job-list-item__job-info-value"><posting-locations params="primaryLocation: primaryLocation, secondaryLocations: secondaryLocations, workplaceType: { name: workplaceType, code: workplaceTypeCode, }, mode:'tooltip'"><!-- ko if: isTooltipMode() -->
<span data-bind="html: primaryLocation">Montreal, QC, Canada</span>
<!-- ko if: secondaryLocationsCount > 0 --><!-- /ko -->
<!-- /ko -->
<!-- ko if: !isTooltipMode() --><!-- /ko -->

<!-- ko if: workplaceTypeName --><!-- /ko -->
</posting-locations></div><div class="icon-separator-dot"></div></div></li><li class="job-list-item__job-info-item 
                    "><div class="job-list-item__job-info-label  
                                
                                job-list-item__job-info-label--posting-date">Posting Dates</div><div class="job-list-item__job-info-value-container 
                            "><div class="job-list-item__job-info-value">09/18/2024</div><div class="icon-separator icon-separator-dot"></div></div></li></ul></div>
        <!-- /ko -->

        <div class="job-tile__subheader-additional-container">
            <!-- ko if: areJobTagsVisible && jobInfoTagsConfiguration() === 'inHeader' -->
            <job-tags params="jobTags: jobTags, layoutStyle: layoutStyle"><span class="job-tags">
    <!-- ko foreach: { data: jobTags, as: 'tag' } -->
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    
    <!-- ko if: tag.isVisible() --><!-- /ko -->
    <!-- /ko -->
</span>
</job-tags>
            <!-- /ko -->
            <!-- ko if: jobInfoTagsConfiguration() === 'inHeader' && enableApplyButton() && isApplyButtonVisible --><!-- /ko -->
        </div>
    </div>
</div>
</search-result-item-header>

            <!-- ko if: mainContentConfig().isDescriptionVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isResponsibilitiesVisible --><!-- /ko -->

            <!-- ko if: mainContentConfig().isQualificationsVisible --><!-- /ko -->
        </div>
        <div class="job-list-item__actions-container">
            <!-- ko if: enableApplyButton() && isApplyButtonVisible --><!-- /ko -->

            <div class="job-list-item__actions">
                <!-- ko if: enableShareIcon --><!-- /ko -->

                <!-- ko if: enableSaveIcon -->
                <div>
                    <button class="favourite-star job-tile__favorited focused-tooltip" data-bind="
                            click: toggleFavourite,
                            clickBubble: false,
                            css: { 'favourite-star--active': isFavourite },
                            i18nAttr: { title: !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job',
                            'aria-label': !isFavourite() ? 'favourite.a11y.pin-job' : 'favourite.a11y.unpin-job' }
                        " title="Add Job to My Job Selections" aria-label="Add Job to My Job Selections"></button>
                    <!-- ko if: isFavouriteToggled --><!-- /ko -->
                </div>
                <!-- /ko -->
            </div>

            <!-- ko if: enableArrowIcon -->
            <span class="job-list-item__show-icon" aria-hidden="true"></span>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko  -->
<!-- /ko -->
            </li>
            <!-- /ko -->

            <!-- /ko -->
        </ul>