<div class="course-card" data-source=${hit.source} data-sourceType=${hit._sourceType} data-locale=${hit.locale} data-country=${hit.countryCode} data-sourceCategory=${hit._sourceCategory}>
<!– <div class="course-spec-main ${(/ecom|gss/i.test(hit?.source)) && hit?.imageUrl ? "with-gap" : "no-gap"}"> –>
<div class="course-spec-main with-gap">
<!– First column with image – START –>
<div class="course-card__image ${(/ecom|gss|aem|cdp/i.test(hit?.source)) && hit?.imageUrl ? '':'hidden' }">
${(/ecom|gss|aem|cdp/i.test(hit?.source)) && hit?.imageUrl ? html `<div class="product-image"><img src=https://www.gehealthcare.com/"${hit?.imageUrl}" data-src="${hit?.imageUrl}"/></div>` : ''}
</div>
<!– First column with image – END –>
<!– Second column with content –>
<div class="course-card__content">
<div class="course-card__tags">${hit.breadCrumb?.startsWith( 'Go to site' ) ? html `<span class="go-to-site">Go to site</span> ${hit.breadCrumb.slice('Go to site'.length)}`: hit.breadCrumb} </div>
<a href=https://www.gehealthcare.com/"${hit.productUrl || hit.path}" target="_blank" rel="noopener noreferrer">
<h6 class="course-card__title">${hit.name || hit.meta?.jcr_title}</h6>
</a>
<!– description section – START –>
<div class="course-card__description">
${hit.static === "true" ? html `<p class="course-card__description">${hit.static_description}</p>` : ''}
${((hit?._sourceType !== 'Support' && hit?._sourceType !== 'Services') || hit?.source === 'ECOM' || hit?.source === 'GSS') ? html `<p class="course-card__description"> ${components.Highlight({ attribute: "description", hit })}
</p>` : ''}
${hit?._sourceType === 'Services' ? html `<p class="course-card__tags">${components.Highlight({ attribute: "description", hit })}</p>` : ''}
<p class="course-card__tags">
${hit?.source === 'CDP' && hit?.partNumber ? html `<span class="course-card__tags">${components.Highlight({ attribute: "partNumber", hit })}</span>` : ''}
${hit?._sourceType !== 'Services' && hit?.revision ? html `<span class="course-card__tags"> | Rev-${hit?.revision}</span>` : ''}
$)}</span>` : ''}
</p>
<p class="course-card__tags">
${hit?._sourceType === 'Services' && hit?.OS ? html `<span class="course-card__tags">OS : ${components.Highlight({ attribute: "OS", hit })}</span>` : ''}
${hit?._sourceType !== 'Services' && hit?.modalityName ? html `<span class="course-card__tags">${components.Highlight({ attribute: "modalityName", hit })}</span>` : ''}
${hit?.productName? html `<span class="course-card__tags"> | ${components.Highlight({ attribute: "productName", hit })}</span>` : ''}
</p>
</div>
<!– description section – END–>
<div class="course-card__desc hidden">${hit._snippetResult?.text?.[0]?.value}</div>
<!– Third line – START –>
${(hit?._sourceType === 'insights' || hit?._sourceType === 'Insights') && hit.source === 'AEM' && hit?.lastPublishedDate? html `<p class="course-card__date">${components.Highlight({ attribute: "lastPublishedDate", hit })}
</p>`:''}
$)}</span>` : ''}
<!– Third line – END –>
<!– SPEC LINE – START –>
<div class="course-spec-line ecom-specs ${hit?._sourceCategory!=='ECOM_EDN' ? 'hidden' : ''} ">
${(hit._sourceCategory=== 'ECOM_EDN' || hit._sourceCategory=== 'GSS_EDN') && hit?.productCategory? html `<span class="course-spec-items modality-icon">${hit?.productCategory}</span>`:''}
$-icon"><span class="${hit?.trainingDeliveryMethod}-icon__img" aria-hidden="true"></span><span class="${hit?.trainingDeliveryMethod}-icon__label">${hit?.trainingDeliveryMethod}</span></span>`:''}
${hit?.courseDuration? html `<span class="course-spec-items duration-icon"> <span class="duration-icon__img" aria-hidden="true"></span><span class="duration-icon__label">${hit?.courseDuration}</span></span>`:''}
${hit?.courseCredits? html `<span class="course-spec-items credits-icon"> <span class="credits-icon__img" aria-hidden="true"></span><span class="credits-icon__label">${hit?.courseCredits} <span> </span>CE Credits</span></span>`:''}
</div>
<!– Service Shop –>
<div class="course-spec-line gss-specs ${hit?._sourceType !=='Shop' ? 'hidden' : ''} ">
$-icon"><span class="${hit?.code}-icon__img" aria-hidden="true"></span><span class="${hit?.code}-icon__label">${hit?.code}</span></span>`:''}
$-icon"><span class="condition-icon__img" aria-hidden="true"></span><span class="${hit?.condition}-icon__label">${hit?.condition}</span></span>`:''}
$-icon"><span class="manufacturer-icon__img" aria-hidden="true"></span><span class="${hit?.manufacturer}-icon__label">${hit?.manufacturer}</span></span>`:''}
</div>
<!– SPEC LINE – END –>
<!– STATIC LINKS – START –>
<div class="hit-static-link">
${hit?.static_links?.[0]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[0]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[0]?.title}</a>
</p>`:''}
${hit?.static_links?.[1]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[1]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[1]?.title}</a>
</p>`:''}
${hit?.static_links?.[2]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[2]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[2]?.title}</a>
</p>`:''}
${hit?.static_links?.[3]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[3]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[3]?.title}</a>
</p>`:''}
${hit?.static_links?.[4]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[4]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[4]?.title}</a>
</p>`:''}
${hit?.static_links?.[5]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[5]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[5]?.title}</a>
</p>`:''}
</div>
<!– STATIC LINKS – END –>
<!– Price Section START –>
<div class="course-card-price-section ${hit?.price && ['ECOM'].includes(hit?.source) ? '': 'hidden'} ">
${(hit?.price) && ['ECOM'].includes(hit?.source) ? html `<span class="course-card__price">${hit?.price}</span>` : ''}
<span class="course-card__label ${hit?.price && hit._sourceCategory=== 'ECOM_EDN' ? '': 'hidden'} ">
${hit.noOfUsers && hit.noOfUsers !=="0" ? (hit.noOfUsers > 1 ? ( '/ ' + hit.noOfUsers + ' ' + 'students' ) : ('/ student')) : (hit.trainingDeliveryMethod?.toLowerCase() === 'classroom' || hit.trainingDeliveryMethod?.toLowerCase() === 'virtual' ) ? 'starting at' : 'unlimited students'}
</span>
<span class="course-card__label ${hit?.price && (hit._sourceCategory=== 'ECOM_EQP' || hit?._sourceCategory=== 'ECOM_AA') ? '' : 'hidden'}">Online starting price</span>
</div>
<!– Price Section END –>
</div>
</div>
<!– Second column with content – END–>
</div>
<div class="course-card" data-source=${hit.source} data-sourceType=${hit._sourceType} data-locale=${hit.locale} data-country=${hit.countryCode} data-sourceCategory=${hit._sourceCategory}>
<!– <div class="course-spec-main ${(/ecom|gss/i.test(hit?.source)) && hit?.imageUrl ? "with-gap" : "no-gap"}"> –>
<div class="course-spec-main with-gap">
<!– First column with image – START –>
<div class="course-card__image ${(/ecom|gss|aem|cdp/i.test(hit?.source)) && hit?.imageUrl ? '':'hidden' }">
${(/ecom|gss|aem|cdp/i.test(hit?.source)) && hit?.imageUrl ? html `<div class="product-image"><img src=https://www.gehealthcare.com/"${hit?.imageUrl}" data-src="${hit?.imageUrl}"/></div>` : ''}
</div>
<!– First column with image – END –>
<!– Second column with content –>
<div class="course-card__content">
<div class="course-card__tags">${hit.breadCrumb?.startsWith( 'Go to site' ) ? html `<span class="go-to-site">Go to site</span> ${hit.breadCrumb.slice('Go to site'.length)}`: hit.breadCrumb} </div>
<a href=https://www.gehealthcare.com/"${hit.productUrl || hit.path}" target="_blank" rel="noopener noreferrer">
<h6 class="course-card__title">${hit.name || hit.meta?.jcr_title}</h6>
</a>
<!– description section – START –>
<div class="course-card__description">
${hit.static === "true" ? html `<p class="course-card__description">${hit.static_description}</p>` : ''}
${((hit?._sourceType !== 'Support' && hit?._sourceType !== 'Services') || hit?.source === 'ECOM' || hit?.source === 'GSS') ? html `<p class="course-card__description"> ${components.Highlight({ attribute: "description", hit })}
</p>` : ''}
${hit?._sourceType === 'Services' ? html `<p class="course-card__tags">${components.Highlight({ attribute: "description", hit })}</p>` : ''}
<p class="course-card__tags">
${hit?.source === 'CDP' && hit?.partNumber ? html `<span class="course-card__tags">${components.Highlight({ attribute: "partNumber", hit })}</span>` : ''}
${hit?._sourceType !== 'Services' && hit?.revision ? html `<span class="course-card__tags"> | Rev-${hit?.revision}</span>` : ''}
$)}</span>` : ''}
</p>
<p class="course-card__tags">
${hit?._sourceType === 'Services' && hit?.OS ? html `<span class="course-card__tags">OS : ${components.Highlight({ attribute: "OS", hit })}</span>` : ''}
${hit?._sourceType !== 'Services' && hit?.modalityName ? html `<span class="course-card__tags">${components.Highlight({ attribute: "modalityName", hit })}</span>` : ''}
${hit?.productName? html `<span class="course-card__tags"> | ${components.Highlight({ attribute: "productName", hit })}</span>` : ''}
</p>
</div>
<!– description section – END–>
<div class="course-card__desc hidden">${hit._snippetResult?.text?.[0]?.value}</div>
<!– Third line – START –>
${(hit?._sourceType === 'insights' || hit?._sourceType === 'Insights') && hit.source === 'AEM' && hit?.lastPublishedDate? html `<p class="course-card__date">${components.Highlight({ attribute: "lastPublishedDate", hit })}
</p>`:''}
$)}</span>` : ''}
<!– Third line – END –>
<!– SPEC LINE – START –>
<div class="course-spec-line ecom-specs ${hit?._sourceCategory!=='ECOM_EDN' ? 'hidden' : ''} ">
${(hit._sourceCategory=== 'ECOM_EDN' || hit._sourceCategory=== 'GSS_EDN') && hit?.productCategory? html `<span class="course-spec-items modality-icon">${hit?.productCategory}</span>`:''}
$-icon"><span class="${hit?.trainingDeliveryMethod}-icon__img" aria-hidden="true"></span><span class="${hit?.trainingDeliveryMethod}-icon__label">${hit?.trainingDeliveryMethod}</span></span>`:''}
${hit?.courseDuration? html `<span class="course-spec-items duration-icon"> <span class="duration-icon__img" aria-hidden="true"></span><span class="duration-icon__label">${hit?.courseDuration}</span></span>`:''}
${hit?.courseCredits? html `<span class="course-spec-items credits-icon"> <span class="credits-icon__img" aria-hidden="true"></span><span class="credits-icon__label">${hit?.courseCredits} <span> </span>CE Credits</span></span>`:''}
</div>
<!– Service Shop –>
<div class="course-spec-line gss-specs ${hit?._sourceType !=='Shop' ? 'hidden' : ''} ">
$-icon"><span class="${hit?.code}-icon__img" aria-hidden="true"></span><span class="${hit?.code}-icon__label">${hit?.code}</span></span>`:''}
$-icon"><span class="condition-icon__img" aria-hidden="true"></span><span class="${hit?.condition}-icon__label">${hit?.condition}</span></span>`:''}
$-icon"><span class="manufacturer-icon__img" aria-hidden="true"></span><span class="${hit?.manufacturer}-icon__label">${hit?.manufacturer}</span></span>`:''}
</div>
<!– SPEC LINE – END –>
<!– STATIC LINKS – START –>
<div class="hit-static-link">
${hit?.static_links?.[0]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[0]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[0]?.title}</a>
</p>`:''}
${hit?.static_links?.[1]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[1]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[1]?.title}</a>
</p>`:''}
${hit?.static_links?.[2]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[2]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[2]?.title}</a>
</p>`:''}
${hit?.static_links?.[3]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[3]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[3]?.title}</a>
</p>`:''}
${hit?.static_links?.[4]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[4]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[4]?.title}</a>
</p>`:''}
${hit?.static_links?.[5]? html `<p class="hits_static_links"> <a href=https://www.gehealthcare.com/"${hit?.static_links[5]?.url}" target="_blank" rel="noopener noreferrer">${hit?.static_links[5]?.title}</a>
</p>`:''}
</div>
<!– STATIC LINKS – END –>
<!– Price Section START –>
<div class="course-card-price-section ${hit?.price && ['ECOM'].includes(hit?.source) ? '': 'hidden'} ">
${(hit?.price) && ['ECOM'].includes(hit?.source) ? html `<span class="course-card__price">${hit?.price}</span>` : ''}
<span class="course-card__label ${hit?.price && hit._sourceCategory=== 'ECOM_EDN' ? '': 'hidden'} ">
${hit.noOfUsers && hit.noOfUsers !=="0" ? (hit.noOfUsers > 1 ? ( '/ ' + hit.noOfUsers + ' ' + 'students' ) : ('/ student')) : (hit.trainingDeliveryMethod?.toLowerCase() === 'classroom' || hit.trainingDeliveryMethod?.toLowerCase() === 'virtual' ) ? 'starting at' : 'unlimited students'}
</span>
<span class="course-card__label ${hit?.price && (hit._sourceCategory=== 'ECOM_EQP' || hit?._sourceCategory=== 'ECOM_AA') ? '' : 'hidden'}">Online starting price</span>
</div>
<!– Price Section END –>
</div>
</div>
<!– Second column with content – END–>
</div>
<div class="algolia-analytics" data-promoted="${hit?._rankingInfo?.promoted}" data-insights-query-id="${hit.__queryID}" data-insights-object-id="${hit.objectID}" data-insights-position="${hit.__position}" data-cug="${hit?.meta?.cug}"><div class="${hit?.imageUrl ? 'suggested-link-img' : 'suggested-link'} ">
<div class="suggested-image-wrapper ${hit?.imageUrl ? '' : 'hidden'}">
<a href=https://www.gehealthcare.com/"${hit?.productUrl || hit?.path} " target="_blank" rel="noopener noreferrer">
<img src=https://www.gehealthcare.com/"${hit?.imageUrl}" data-title="${hit?.imageUrl}" /></a>
</div>
<div class="suggested-content">
<div class="suggested-product-name product-name">
<a href=https://www.gehealthcare.com/"${hit?.productUrl || hit?.path} " target="_blank" rel="noopener noreferrer">
${components.Highlight({ attribute: "name", hit })}
</a>
</div>
<div class="suggested-product-site product-site">
<a href=https://www.gehealthcare.com/"${hit?.productUrl || hit?.path }" target="_blank" rel="noopener noreferrer">
${hit.breadCrumb?.startsWith( 'Go to site' ) ? html `<span class="go-to-site">Go to site</span> ${hit.breadCrumb.slice('Go to site'.length)}`: hit.breadCrumb}
</a>
</div>
</div>
</div></div>
${query === "" && recentSearches ? html`
<div class="autocomplete-dropdown case1 showSectionTitle recentSearches">
<ul class="suggestions-list">
${recentSearches}
</ul>
</div>` : ''}
${query === "" && !recentSearches ? html`
<div class="autocomplete-dropdown case2 showSectionTitle">
<ul class="suggestions-list">
${querySuggestions}
</ul>
</div>` : ''}
${query?.length >= 3 && querySuggestions? html`
<div class="autocomplete-dropdown case3">
<ul class="suggestions-list">
${querySuggestions}
<div class="recentSearches">
${recentSearches}
</div>
</ul>
</div>` : ''}
${ sources[0] && query?.length >= 3 && html`<div class="main-suggestion english-suggestions-links">
<div class="suggested-links">Suggested links</div>
${sources[0]}
</div>`
}
