TypeError: Cannot call method "getID" of null<header id="coursefinder-course-search-page-title" class="coursefinder-course-search-page-title"><div class="coursefinder-course-search-page-title__bar"><a aria-label="Homepage" href="https://www.hud.ac.uk/" class="coursefinder-course-search-page-title__logo"><img alt="University of Huddersfield Logo" class="coursefinder-course-search-page-title__logo-asset" src="https://www.hud.ac.uk/media/brand/logos/primary/UoH_primarylogo_white_RGB.svg"></a></div><div class="coursefinder-course-search-page-title__header"><div class="container"><nav class="breadcrumbs" aria-label="Breadcrumb"><ol class="breadcrumb coursefinder-course-search-page-title__breadcrumb"><li class="breadcrumb-item coursefinder-course-search-page-title__breadcrumb-item"><a href="https://www.hud.ac.uk/">Home</a></li><li class="breadcrumb-item coursefinder-course-search-page-title__breadcrumb-item"><a aria-current="page">Search results</a></li></ol></nav></div></div></header><!-- <script>document.body.style.display = "none";</script> -->
<div id="sf-feedback"></div>
<div class="searchstax-page-layout-container bcs-host-div">
    <div id="searchstax-input-container"></div>
    <div class="container">
        <div id="searchstax-feedback-container"></div>
        <div class="searchstax-page-layout-facet-result-container">
            <div class="row">
                <div class="col-12 col-lg-4 col-xl-3">
                    <div class="searchstax-page-layout-facet-container">
                        <p class="coursefinder-course-search__facets-header">Filters</p>
                        <div id="searchstax-facets-container"></div>
                    </div>
                </div>

                <div class="col-12 col-lg-8 col-xl-9">
                    <div id="searchstax-answer-container"></div>
                    <div class="search-details-container">
                        <div id="search-feedback-container"></div>
                        <div class="searchstax-view-styles-container" style="visibility: hidden;">
                            <span class="searchstax-view-styles-text">View Style</span>
                            <div id="toggle-view-style">
                                <span id="icon-view-style"></span>
                                <!-- <span class="icon-list"></span> -->
                            </div>
                        </div>
                        <div id="search-sorting-container"></div>
                    </div>
                    <div class="searchstax-page-layout-result-container">
                        <div id="searchstax-external-promotions-layout-container"></div>
                        <div id="searchstax-results-container"></div>
                        <div id="searchstax-pagination-container"></div>
                        <div id="searchstax-related-searches-container"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<link rel="stylesheet" type="text/css" media="all" href="/media/terminalfoursearch/search.css" /> <!-- search styles -->

<script type="module">
  import SearchstaxFeedbackWidget from "https://static.searchstax.com/studio-js/v4/js/feedbackWidget.mjs";

function makeId(length) {
    let result = "";
    const characters =
        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
    const charactersLength = characters.length;
    for (let i = 0; i < length; i++) {
        result += characters.charAt(
            Math.floor(Math.random() * charactersLength)
        );
    }
    return result;
}

function truncateByWords(text, maxWords = 30) {
    const words = text.split(" ");
    return words.length > maxWords
        ? words.slice(0, maxWords).join(" ") + "..."
        : text;
}

const config = {
    language: "en",
    searchURL:
        "https://searchcloud-1-eu-west-2.searchstax.com/29847/huddersfielddevelopment-4954/emselect",
    suggesterURL:
        "https://searchcloud-1-eu-west-2.searchstax.com/29847/huddersfielddevelopment-4954_suggester/emsuggest",
    searchAuth: "0887c7290da5f22a63dfbac3af780f99103df2fc",
    trackApiKey: "chuPxd6gtDC7QzfTij2gguDDXxF4xF1gy8moUpVt0D0",
    authType: "token",
    relatedSearchesURL: "",
    relatedSearchesAPIKey: "b306e4d07f8dfc57fbf2a4ad5178110c370fa3c4",
    analyticsBaseUrl: "https://analytics-eu-west.searchstax.com",
    questionURL: "",
    sessionId: makeId(25),
    searchProfile: "Coursefinder"
};

const renderConfig = {
    inputWidget: {},
    facetsWidget: {
        itemsPerPageDesktop: 12,
        itemsPerPageMobile: 99,
        facetingType: "and" // "and" | "or" | "showUnavailable" | "tabs"
    },
    resultsWidget: {
        renderMethod: "pagination" //'infiniteScroll' or 'pagination'
    }
};

// ----- Start of our code ----- //
const currentQueryParams = new URLSearchParams(window.location.search).get(
    "searchstax[query]"
);
const currentSortParams = new URLSearchParams(window.location.search).get(
    "searchstax[order]"
);

if (currentQueryParams == null) {
    const urlParams = new URLSearchParams();
    urlParams.set("searchstax[query]", "*");
    urlParams.set("searchstax[model]", "Coursefinder");
    urlParams.set("searchstax[order]", "searchTitle_s%20asc");
    window.location.search = decodeURIComponent(urlParams.toString());
} else if (currentQueryParams != '*' && currentSortParams) {
    const urlParams = new URLSearchParams(window.location.search);
    urlParams.delete("searchstax[order]");
    window.location.search = decodeURIComponent(urlParams.toString());
}
// ----- End of our code ----- //

window.onload = (event) => {
    let searchstaxQuery = "";
    var script = document.createElement("script");
    script.src = "https://static.searchstax.com/studio-js/v4/js/search-ux.js";

    script.onload = function (some) {
        const searchstax = new window[
            "@searchstaxInc/searchstudioUxJs"
        ].Searchstax();

        function searchstaxFeedbackTextAreaOverride() {
            if (!searchstax) {
                return "";
            } else {
                return (
                    (searchstax.dataLayer.searchObject.query === "undefined"
                        ? ""
                        : searchstax.dataLayer.searchObject.query) +
                    " " +
                    searchstax.dataLayer.parsedData.getAnswerData
                );
            }
        }

        searchstax.initialize({
            language: config.language,
            searchURL: config.searchURL,
            suggesterURL: config.suggesterURL,
            searchAuth: config.searchAuth,
            trackApiKey: config.trackApiKey,
            authType: config.authType,
            analyticsBaseUrl: config.analyticsBaseUrl,
            sessionId: config.sessionId,
            questionURL: config.questionURL,
            hooks: {
                beforeSearch: (searchObj) => {
                    searchstaxQuery = searchObj.query;
                    if (
                        searchstax.dataLayer.searchObject.query === "undefined"
                    ) {
                        searchObj.additionalProps = [
                            { key: "model", value: config.searchProfile }
                        ];
                    }
                    return searchObj;
                },
                afterSearch: (results) => {
                    var container = document.querySelector(
                        ".searchstax-view-styles-container"
                    );
                    if (container) {
                        if (results.length === 0) {
                            container.style.visibility = "hidden";
                        } else {
                            container.style.visibility = "visible";
                        }
                    }

                    results.forEach((result) => {
                        let hasListFieldsCourse = false;
                        let sectionTypeValue = null;

                        if (Array.isArray(result.unmappedFields)) {
                            result.unmappedFields.forEach((field) => {
                                const key = field.key;
                                //key is searchstax meta //result is vuejs
                                // ----- Start of our code ----- //
                                var fieldMap = {
                                    searchTitle_t: "searchTitle",
                                    study_level_s: "study_level",
                                    year_s: "courseyear",
                                    sectionType: "sectionType",
                                    sectionType_s: "sectionType",
                                    flags_list_ss: "flags",
                                    duration_t: "duration",
                                    start_dates_s: "start_dates",
                                    study_mode_ss: "study_mode",
                                    clearing_state_s: "clearing_state",
                                    clearing_s: "clearing"
                                };

                                if (fieldMap[key]) {
                                    result[fieldMap[key]] = field;
                                }

                                if (result.study_mode) {
                                    if (
                                        result.study_mode.value.includes(
                                            "Full-time"
                                        )
                                    ) {
                                        result.full_time = true;
                                    }

                                    if (
                                        result.study_mode.value.includes(
                                            "Part-time"
                                        )
                                    ) {
                                        result.part_time = true;
                                    }
                                }

                                const flagMap = {
                                    "Distance Learning": "distance_learning",
                                    "Short Course": "short_course",
                                    "Teacher Training": "teacher_training",
                                    "Apprenticeship": "apprenticeship",
                                    "Top-Up": "top_up",
                                    "Research Degree": "research",
                                    "On-Campus": "on_campus",
                                    "Blended Learning": "blended_learning"
                                };

                                if (result.flags && result.flags.value) {
                                    const flagsValue = result.flags.value;

                                    for (var label in flagMap) {
                                        if (flagsValue.includes(label)) {
                                            result[flagMap[label]] = true;
                                        }
                                    }
                                }

                                if (result.clearing_state) {
                                    if (result.clearing_state.value == "Open") {
                                        result.clearing_open = true;
                                    } else if (result.clearing_state.value == "Closed") {
                                        result.clearing_closed = true;
                                    }
                                }

                                // ----- End of our code ----- //

                                if (
                                    key === "sectionType_s" &&
                                    typeof field.value === "string"
                                ) {
                                    const stripTags = field.value.replace(
                                        /<[^>]*>/g,
                                        ""
                                    );
                                    result.sectionType =
                                        stripTags.toLowerCase();
                                }
                                results.forEach((result) => {
                                    if (
                                        typeof result.resolvedDescription ===
                                            "string" &&
                                        result.resolvedDescription.trim() !== ""
                                    ) {
                                        result.truncatedDescription =
                                            truncateByWords(
                                                result.resolvedDescription
                                            );
                                    } else {
                                        result.truncatedDescription = "";
                                    }
                                });

                                // === DESCRIPTION fallback ===
                                let dcdescription = null;
                                let descriptiontext = null;
                                let description = result.description;

                                if (Array.isArray(result.unmappedFields)) {
                                    result.unmappedFields.forEach((field) => {
                                        const key = field.key;
                                        const value = Array.isArray(field.value)
                                            ? field.value[0]
                                            : field.value;

                                        if (key === "DC.description") {
                                            dcdescription = value;
                                        }
                                        if (key === "description_t") {
                                            descriptiontext = value;
                                        }
                                    });
                                }

                                result.resolvedDescription =
                                    dcdescription ||
                                    descriptiontext ||
                                    description ||
                                    "";

                                // merge title fields
                                let dctitle = null;
                                let dctitlet = null;
                                let title = result.title?.trim();
                                let filename = null;
                                let coursetitle = null;

                                // Extract title values from unmappedFields
                                if (Array.isArray(result.unmappedFields)) {
                                    result.unmappedFields.forEach((field) => {
                                        const key = field.key;
                                        const value = Array.isArray(field.value)
                                            ? field.value[0]
                                            : field.value;

                                        if (key === "dc_title_t") {
                                            dctitlet = value?.trim();
                                        }
                                        if (key === "searchTitle_t") {
                                            coursetitle = value?.trim();
                                        }
                                        if (key === "dc_title") {
                                            dctitle = value?.trim();
                                        }
                                    });
                                }

                                // Extract filename from mapped `url` field
                                if (result.url) {
                                    try {
                                        const base = "https://hud.ac.uk"; // in case it's a relative URL
                                        const urlObj = new URL(
                                            result.url,
                                            base
                                        );
                                        const pathParts =
                                            urlObj.pathname.split("/");
                                        let file =
                                            pathParts.pop() || pathParts.pop(); // handles trailing slash
                                        file = decodeURIComponent(file);
                                        if (file) {
                                            filename = file;
                                        }
                                    } catch (e) {
                                        console.warn(
                                            "Invalid mapped URL:",
                                            result.url,
                                            e.message
                                        );
                                    }
                                }

                                // Set resolvedTitle as plain string (not object)
                                result.resolvedTitle =
                                    title ||
                                    dctitlet ||
                                    dctitle ||
                                    coursetitle ||
                                    filename ||
                                    "Untitled";
                            });

                            if (
                                result.research == undefined &&
                                result.study_level.value == "Postgraduate"
                            ) {
                                result.taught = true;
                            }
                        }
                    });

                    return results;
                }
            }
        });
        searchstax.addSearchLocationWidget("searchstax-location-container", {
            templates: {
                mainTemplate: {
                    template: `
                    <div class="searchstax-location-input-container" data-test-id="searchstax-location-input-container">
                        <div class="searchstax-location-input-wrapper">
                            <span class="searchstax-location-input-label">NEAR</span>
                            <div class="searchstax-location-input-wrapper-inner">
                                <input type="text" id="searchstax-location-input" class="searchstax-location-input" placeholder="Zip, Postal Code or City..." aria-label="Search Location Input" data-test-id="searchstax-location-input" />
                                <button id="searchstax-location-get-current-location" class="searchstax-get-current-location-button">Use my current location</button>
                            </div>
                            {{#shouldShowLocationDistanceDropdown}}
                                <span class="searchstax-location-input-label">WITHIN</span>
                                <select id="searchstax-location-radius-select" class="searchstax-location-radius-select" aria-label="Search Location Radius Select" data-test-id="searchstax-location-radius-select">
                                    {{#locationSearchDistanceValues}}
                                        <option value="{{value}}" {{#isSelected}}selected{{/isSelected}}>{{label}}</option>
                                    {{/locationSearchDistanceValues}}
                                </select>
                            {{/shouldShowLocationDistanceDropdown}}
                        </div>
                    </div>
                    `
                }
            },
            hooks: {
                locationDecode: (term) => {
                    return new Promise((resolve) => {
                        const geocodingAPIKey =
                            "AIzaSyAcezZDxIU7Akt6eLo21aW8MGp-VB2ctSk";
                        const geocodingURL = `https://maps.googleapis.com/maps/api/geocode/json?address=${encodeURIComponent(
                            term
                        )}&key=${geocodingAPIKey}`;
                        fetch(geocodingURL)
                            .then((response) => response.json())
                            .then((data) => {
                                if (
                                    data.status === "OK" &&
                                    data.results.length > 0
                                ) {
                                    const result = data.results[0];
                                    const location = {
                                        lat: result.geometry.location.lat,
                                        lon: result.geometry.location.lng,
                                        address: result.formatted_address
                                    };
                                    resolve(location);
                                } else {
                                    resolve({
                                        address: undefined,
                                        lat: undefined,
                                        lon: undefined,
                                        error: true
                                    });
                                }
                            })
                            .catch(() => {
                                resolve({
                                    address: undefined,
                                    lat: undefined,
                                    lon: undefined,
                                    error: true
                                });
                            });
                    });
                }
            }
        });

        new SearchstaxFeedbackWidget({
            analyticsKey: "chuPxd6gtDC7QzfTij2gguDDXxF4xF1gy8moUpVt0D0",
            containerId: "searchstax-feedback-container",
            lightweight: false,
            mainTemplateOverride: `
                <div class="sf-widget-container">
                    <div id="sf-widget" class="sf-main">
                        <button id="searchstax-open-feedback" class="sf-open-feedback" tabindex="0" aria-label="Open Search Feedback">[ - ] Search Feedback</button>
                        <div class="sf-modal-content {{#feedbackOpen}}sf-open{{/feedbackOpen}}{{^feedbackOpen}}sf-close{{/feedbackOpen}}">
                        <div class="sf-modal-header">
                            <h2 class="sf-title">Search Feedback</h2>
                            <button class="sf-modal-close" aria-label="Close Search Feedback">
                                <span>
                                    <img alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJDYXBhXzEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM4Ni42NjcgMzg2LjY2NyIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAzODYuNjY3IDM4Ni42NjciIHdpZHRoPSI1MTIiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Im0zODYuNjY3IDQ1LjU2NC00NS41NjQtNDUuNTY0LTE0Ny43NyAxNDcuNzY5LTE0Ny43NjktMTQ3Ljc2OS00NS41NjQgNDUuNTY0IDE0Ny43NjkgMTQ3Ljc2OS0xNDcuNzY5IDE0Ny43NyA0NS41NjQgNDUuNTY0IDE0Ny43NjktMTQ3Ljc2OSAxNDcuNzY5IDE0Ny43NjkgNDUuNTY0LTQ1LjU2NC0xNDcuNzY4LTE0Ny43N3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I2Q2MzIwMiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==" />
                                </span>
                            </button>
                        </div>
                <form id="sf-rating-form">
                    <div class="sf-modal-body">
                        <div class="form-group">
                            <fieldset class="form-group">
                                <legend>How would you rate your search experience?</legend>
                                <div class="sf-rate-experience">
                                    {{#ratings}}
                                    <div class="sf-custom-control">
                                        <input type="radio" id="sf-rate-{{index}}" tabindex="0" name="sf-rating" class="sf-custom-control-input" value="{{index}}" {{#isSelected}}checked{{/isSelected}}>
                                        <label for="sf-rate-{{index}}" class="sf-custom-control-label">{{index}}</label>
                                        </div>
                                    {{/ratings}}
                                </div>
                            </fieldset>
                            <div class="sf-rate">
                                <p><small>0 = Very Dissatisfied</small></p>
                                <p><small>10 = Very Satisfied</small></p>
                            </div>
                            <div class="sf-error-rating alert alert-danger {{#errors.rating}}sf-show{{/errors.rating}}{{^errors.rating}}sf-hide{{/errors.rating}}">
                                Please Rate your experience.
                            </div>
                        </div>
                        <div class="sf-comments sf-form-group">
                            <label for="sf-comments">Comments <small> (<span class="searchstax-characters-remaining-container">2000</span> characters remaining)</small></label>
                            <textarea maxlength="{{maxLength}}" class="sf-form-control" id="sf-comments" placeholder="Enter any comments relating to your search experience">{{feedbackTextArea}}</textarea>
                        </div>
                        <div class="sf-email sf-form-group">
                            <label for="sf-email">Email</label>
                            <input class="sf-form-control" type="email" id="sf-email" placeholder="Enter an email address if you want a response" value="{{emailInput}}">
                            <div class="sf-error-email alert alert-danger {{#errors.email}}sf-show{{/errors.email}}{{^errors.email}}sf-hide{{/errors.email}}">
                            Please enter a valid email id
                            </div>
                        </div>
                    </div>
                    <div class="sf-modal-footer">
                        <a href="http://searchstax.com/" target="_blank" class="left">
                            <img alt="Searchstax logo" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzEuNSAzOS44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzEuNSAzOS44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I2Q2MzIwMjt9Cgkuc3Qxe2ZpbGw6IzMzNDc1QTt9Cgkuc3Qye2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQo8L3N0eWxlPgo8Zz4KCTxnIGlkPSJsb2dvX3g1Rl9jb2xvcl8xXyI+CgkJPGc+CgkJCTxnPgoJCQkJPGcgaWQ9IlhNTElEXzhfIj4KCQkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMC4zLDMxLjhMMS44LDMxYzAuMS0wLjEsMC4zLTAuMSwwLjUsMGw3LjQsNC4yYzAuMSwwLjEsMC4zLDAuMSwwLjUsMGw3LjMtNC4yYzAuMi0wLjEsMC4zLTAuMSwwLjUsMAoJCQkJCQlsMS40LDAuOWMwLjMsMC4yLDAuMywwLjYsMCwwLjhsLTkuMiw1LjRjLTAuMSwwLjEtMC4zLDAuMS0wLjUsMGwtOS40LTUuNEMwLDMyLjUsMCwzMiwwLjMsMzEuOHoiLz4KCQkJCTwvZz4KCQkJCTxnIGlkPSJYTUxJRF83XyI+CgkJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTAuMywyNi41bDEuNi0wLjljMC4xLTAuMSwwLjMtMC4xLDAuNSwwbDcuMiw0LjJjMC4xLDAuMSwwLjMsMC4xLDAuNSwwbDcuMy00LjJjMC4xLTAuMSwwLjItMC4yLDAuMi0wLjQKCQkJCQkJVjI0YzAtMC40LTAuNC0wLjYtMC43LTAuNGwtNi43LDMuOWMtMC4xLDAuMS0wLjMsMC4xLTAuNSwwTDAuMiwyMmMtMC4zLTAuMi0wLjMtMC42LDAtMC44bDkuMy01LjVjMC4xLTAuMSwwLjMtMC4xLDAuNSwwCgkJCQkJCWw1LjMsM2MwLjMsMC4yLDAuMywwLjYsMCwwLjhsLTEuNCwwLjljLTAuMiwwLjEtMC4zLDAuMS0wLjUsMGwtMy40LTJjLTAuMi0wLjEtMC4zLTAuMS0wLjUsMGwtNC40LDIuN2MtMC4zLDAuMi0wLjMsMC42LDAsMC44CgkJCQkJCWw0LjQsMi42YzAuMSwwLjEsMC4zLDAuMSwwLjUsMGw3LjMtNC4yYzAuMS0wLjEsMC4zLTAuMSwwLjUsMGwyLDEuMWMwLjIsMC4xLDAuMiwwLjIsMC4yLDAuNHY0LjdjMCwwLjItMC4xLDAuMy0wLjIsMC40CgkJCQkJCWwtOS42LDUuN2MtMC4xLDAuMS0wLjMsMC4xLTAuNSwwbC05LjQtNS41Qy0wLjEsMjcuMi0wLjEsMjYuNywwLjMsMjYuNXoiLz4KCQkJCTwvZz4KCQkJPC9nPgoJCQk8ZyBpZD0iRElOX3g1Rl9OZXh0X3g1Rl9MVF94NUZfUHJvX3g1Rl9MaWdodF94MEFfXzFfIj4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNC45LDMxLjNjLTAuMS0wLjEtMC4xLTAuMiwwLTAuMmwwLjQtMC41YzAuMS0wLjEsMC4yLTAuMSwwLjIsMGMwLjcsMC42LDEuOSwxLjEsMy4yLDEuMQoJCQkJCWMxLjgsMCwyLjgtMC45LDIuOC0yLjJjMC0xLjEtMC42LTEuOS0yLjYtMi4xbC0wLjUtMC4xYy0yLjEtMC4zLTMuMi0xLjMtMy4yLTIuOWMwLTEuOSwxLjQtMy4xLDMuNS0zLjFjMS4yLDAsMi40LDAuNCwzLjEsMC45CgkJCQkJYzAuMSwwLDAuMSwwLjEsMCwwLjJsLTAuMywwLjVjLTAuMSwwLjEtMC4xLDAuMS0wLjIsMGMtMC45LTAuNS0xLjctMC44LTIuNy0wLjhjLTEuNiwwLTIuNSwwLjktMi41LDIuMWMwLDEuMSwwLjcsMS44LDIuNiwyLjEKCQkJCQlsMC41LDAuMWMyLjIsMC4zLDMuMiwxLjMsMy4yLDNjMCwxLjktMS4zLDMuMi0zLjksMy4yQzI3LjEsMzIuNiwyNS43LDMyLDI0LjksMzEuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNi42LDIxLjZjMC0wLjEsMC4xLTAuMiwwLjItMC4yaDYuM2MwLjEsMCwwLjIsMC4xLDAuMiwwLjJ2MC42YzAsMC4xLTAuMSwwLjItMC4yLDAuMmgtNQoJCQkJCWMtMC4zLDAtMC42LDAuMy0wLjYsMC42djNjMCwwLjMsMC4zLDAuNiwwLjYsMC42aDQuMmMwLjEsMCwwLjIsMC4xLDAuMiwwLjJ2MC42YzAsMC4xLTAuMSwwLjItMC4yLDAuMmgtNC4yCgkJCQkJYy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZWMzFjMCwwLjMsMC4zLDAuNiwwLjYsMC42aDVjMC4xLDAsMC4yLDAuMSwwLjIsMC4ydjAuNmMwLDAuMS0wLjEsMC4yLTAuMiwwLjJoLTYuMwoJCQkJCWMtMC4xLDAtMC4yLTAuMS0wLjItMC4yVjIxLjZ6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTAuMSwyMS42YzAtMC4xLDAuMS0wLjIsMC4yLTAuMmgwLjZjMC4xLDAsMC4yLDAuMSwwLjIsMC4ybDMuOCwxMC43YzAsMC4xLDAsMC4yLTAuMSwwLjJoLTAuNwoJCQkJCWMtMC4xLDAtMC4yLDAtMC4yLTAuMkw1MywyOS45Yy0wLjEtMC4yLTAuMi0wLjMtMC40LTAuM2gtNC4xYy0wLjIsMC0wLjQsMC4xLTAuNCwwLjNsLTAuOSwyLjRjMCwwLjEtMC4xLDAuMi0wLjIsMC4yaC0wLjYKCQkJCQljLTAuMSwwLTAuMS0wLjEtMC4xLTAuMkw1MC4xLDIxLjZ6IE01MS45LDI4LjdjMC4zLDAsMC42LTAuMywwLjQtMC42TDUwLjUsMjNsMCwwbC0xLjgsNWMtMC4xLDAuMywwLjEsMC42LDAuNCwwLjZoMi44VjI4Ljd6IgoJCQkJCS8+CgkJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjUsMzIuNGMtMC4xLDAtMC4xLDAtMC4yLTAuMWwtMi4zLTQuOGgtMC4ySDYwYy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZ2NC4yYzAsMC4xLTAuMSwwLjItMC4yLDAuMmgtMC42CgkJCQkJYy0wLjEsMC0wLjItMC4xLTAuMi0wLjJWMjEuNmMwLTAuMSwwLjEtMC4yLDAuMi0wLjJoMy43YzIuMSwwLDMuNCwxLjIsMy40LDNjMCwxLjMtMC42LDIuMy0xLjgsMi44Yy0wLjMsMC4xLTAuNCwwLjQtMC4yLDAuNgoJCQkJCWwyLjEsNC40YzAuMSwwLjEsMCwwLjItMC4xLDAuMkg2NUw2NSwzMi40eiBNNjQuOCwyNC41YzAtMS40LTAuOS0yLjItMi40LTIuMkg2MGMtMC4zLDAtMC42LDAuMy0wLjYsMC42djMuMgoJCQkJCWMwLDAuMywwLjMsMC42LDAuNiwwLjZoMi4zQzYzLjksMjYuNiw2NC44LDI1LjksNjQuOCwyNC41eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTY5LjYsMjYuOWMwLTAuOCwwLTEuNSwwLjEtMS45YzAuMi0yLjMsMi4zLTQuMSw0LjYtMy42YzEuMSwwLjIsMS45LDAuOSwyLjQsMS45YzAsMC4xLDAsMC4yLDAsMC4yCgkJCQkJbC0wLjUsMC4zYy0wLjEsMC0wLjIsMC0wLjItMC4xYy0wLjUtMC45LTEuMy0xLjYtMi41LTEuNmMtMS4zLDAtMi4yLDAuNi0yLjYsMS44Yy0wLjEsMC40LTAuMiwxLjEtMC4yLDNjMCwxLjgsMC4xLDIuNSwwLjIsMwoJCQkJCWMwLjQsMS4yLDEuMiwxLjgsMi42LDEuOGMxLjIsMCwyLTAuNiwyLjUtMS42YzAtMC4xLDAuMS0wLjEsMC4yLTAuMWwwLjUsMC4zYzAuMSwwLDAuMSwwLjEsMCwwLjJjLTAuNiwxLjMtMS44LDItMy4zLDIKCQkJCQljLTEuNywwLTIuOS0wLjgtMy41LTIuNUM2OS43LDI5LjYsNjkuNiwyOC44LDY5LjYsMjYuOXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04MC42LDIxLjZjMC0wLjEsMC4xLTAuMiwwLjItMC4yaDAuNmMwLjEsMCwwLjIsMC4xLDAuMiwwLjJ2NC4yYzAsMC4zLDAuMywwLjYsMC42LDAuNmg0LjUKCQkJCQljMC4zLDAsMC42LTAuMywwLjYtMC42di00LjJjMC0wLjEsMC4xLTAuMiwwLjItMC4yaDAuNmMwLjEsMCwwLjIsMC4xLDAuMiwwLjJ2MTAuN2MwLDAuMS0wLjEsMC4yLTAuMiwwLjJoLTAuNgoJCQkJCWMtMC4xLDAtMC4yLTAuMS0wLjItMC4ydi00LjRjMC0wLjMtMC4zLTAuNi0wLjYtMC42aC00LjVjLTAuMywwLTAuNiwwLjMtMC42LDAuNnY0LjRjMCwwLjEtMC4xLDAuMi0wLjIsMC4yaC0wLjYKCQkJCQljLTAuMSwwLTAuMi0wLjEtMC4yLTAuMlYyMS42TDgwLjYsMjEuNnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05Mi4zLDMxLjNjLTAuMS0wLjEtMC4xLTAuMiwwLTAuMmwwLjQtMC41YzAuMS0wLjEsMC4yLTAuMSwwLjIsMGMwLjcsMC42LDEuOSwxLjEsMy4yLDEuMQoJCQkJCWMxLjgsMCwyLjgtMC45LDIuOC0yLjJjMC0xLjEtMC42LTEuOS0yLjYtMi4xbC0wLjUtMC4xYy0yLjEtMC4zLTMuMi0xLjMtMy4yLTIuOWMwLTEuOSwxLjQtMy4xLDMuNS0zLjFjMS4yLDAsMi40LDAuNCwzLjEsMC45CgkJCQkJYzAuMSwwLDAuMSwwLjEsMCwwLjJsLTAuMywwLjVjLTAuMSwwLjEtMC4xLDAuMS0wLjIsMGMtMC45LTAuNS0xLjctMC44LTIuNy0wLjhjLTEuNiwwLTIuNSwwLjktMi41LDIuMWMwLDEuMSwwLjcsMS44LDIuNiwyLjEKCQkJCQlsMC41LDAuMWMyLjIsMC4zLDMuMiwxLjMsMy4yLDNjMCwxLjktMS4zLDMuMi0zLjksMy4yQzk0LjUsMzIuNiw5MywzMiw5Mi4zLDMxLjN6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTA2LjIsMzIuNGMtMC4xLDAtMC4yLTAuMS0wLjItMC4ydi05LjRjMC0wLjMtMC4zLTAuNi0wLjYtMC42aC0yLjdjLTAuMSwwLTAuMi0wLjEtMC4yLTAuMnYtMC42CgkJCQkJYzAtMC4xLDAuMS0wLjIsMC4yLTAuMmg3LjRjMC4xLDAsMC4yLDAuMSwwLjIsMC4yVjIyYzAsMC4xLTAuMSwwLjItMC4yLDAuMmgtMi43Yy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZ2OS40CgkJCQkJYzAsMC4xLTAuMSwwLjItMC4yLDAuMkgxMDYuMkwxMDYuMiwzMi40eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTExNS41LDIxLjZjMC0wLjEsMC4xLTAuMiwwLjItMC4yaDAuNmMwLjEsMCwwLjIsMC4xLDAuMiwwLjJsMy44LDEwLjdjMCwwLjEsMCwwLjItMC4xLDAuMmgtMC42CgkJCQkJYy0wLjEsMC0wLjIsMC0wLjItMC4ybC0wLjktMi40Yy0wLjEtMC4yLTAuMi0wLjMtMC40LTAuM0gxMTRjLTAuMiwwLTAuNCwwLjEtMC40LDAuM2wtMC45LDIuNGMwLDAuMS0wLjEsMC4yLTAuMiwwLjJoLTAuNgoJCQkJCWMtMC4xLDAtMC4xLTAuMS0wLjEtMC4yTDExNS41LDIxLjZ6IE0xMTcuNCwyOC43YzAuMywwLDAuNi0wLjMsMC40LTAuNkwxMTYsMjNsMCwwbC0xLjgsNS4xYy0wLjEsMC4zLDAuMSwwLjYsMC40LDAuNkgxMTcuNHoiCgkJCQkJLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMjkuOSwzMi40Yy0wLjEsMC0wLjIsMC0wLjItMC4xbC0yLjgtNC43bDAsMGwtMi44LDQuN2MwLDAuMS0wLjEsMC4xLTAuMiwwLjFoLTAuNwoJCQkJCWMtMC4xLDAtMC4xLTAuMS0wLjEtMC4ybDMuMi01LjNjMC4xLTAuMiwwLjEtMC4zLDAtMC41bC0yLjktNC44Yy0wLjEtMC4xLDAtMC4yLDAuMS0wLjJoMC43YzAuMSwwLDAuMiwwLDAuMiwwLjFsMi41LDQuMmwwLDAKCQkJCQlsMi41LTQuMmMwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMWgwLjdjMC4xLDAsMC4xLDAuMSwwLjEsMC4ybC0yLjksNC44Yy0wLjEsMC4yLTAuMSwwLjMsMCwwLjVsMy4yLDUuM2MwLDAuMSwwLDAuMi0wLjEsMC4yCgkJCQkJSDEyOS45TDEyOS45LDMyLjR6Ii8+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QyIj4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMS40LDIuMUMyLDIsMi42LDEuOSwzLjUsMS45YzEsMCwxLjgsMC4yLDIuMywwLjdjMC40LDAuNCwwLjcsMSwwLjcsMS43QzYuNCw1LDYuMiw1LjYsNS44LDYKCQkJQzUuMyw2LjYsNC40LDYuOSwzLjMsNi45Yy0wLjMsMC0wLjYsMC0wLjgtMC4xVjEwaC0xVjIuMXogTTIuNSw2QzIuNyw2LDMsNiwzLjQsNmMxLjMsMCwyLTAuNiwyLTEuN2MwLTEuMS0wLjgtMS42LTEuOS0xLjYKCQkJYy0wLjUsMC0wLjgsMC0xLDAuMVY2eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMi44LDcuMWMwLDIuMS0xLjUsMy4xLTIuOSwzLjFjLTEuNiwwLTIuOC0xLjItMi44LTNjMC0xLjksMS4zLTMuMSwyLjktMy4xQzExLjYsNC4xLDEyLjgsNS4zLDEyLjgsNy4xegoJCQkgTTguMSw3LjJjMCwxLjMsMC43LDIuMiwxLjgsMi4yYzEsMCwxLjgtMC45LDEuOC0yLjNjMC0xLTAuNS0yLjItMS43LTIuMkM4LjcsNC45LDguMSw2LDguMSw3LjJ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0LjQsNC4ybDAuOCwzYzAuMiwwLjYsMC4zLDEuMiwwLjQsMS44aDBjMC4xLTAuNiwwLjMtMS4yLDAuNS0xLjhsMC45LTNIMThsMC45LDIuOQoJCQljMC4yLDAuNywwLjQsMS4zLDAuNSwxLjloMGMwLjEtMC42LDAuMy0xLjIsMC40LTEuOWwwLjgtMi45aDFMMTkuOSwxMGgtMWwtMC45LTIuOGMtMC4yLTAuNi0wLjQtMS4yLTAuNS0xLjloMAoJCQljLTAuMSwwLjctMC4zLDEuMy0wLjUsMS45TDE2LjEsMTBoLTFsLTEuOC01LjhIMTQuNHoiLz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjMuMyw3LjNjMCwxLjQsMC45LDIsMiwyYzAuOCwwLDEuMi0wLjEsMS42LTAuM2wwLjIsMC44Yy0wLjQsMC4yLTEsMC40LTEuOSwwLjRjLTEuOCwwLTIuOS0xLjItMi45LTIuOQoJCQlzMS0zLjEsMi43LTMuMWMxLjksMCwyLjQsMS43LDIuNCwyLjdjMCwwLjIsMCwwLjQsMCwwLjVIMjMuM3ogTTI2LjQsNi42YzAtMC43LTAuMy0xLjctMS41LTEuN2MtMS4xLDAtMS41LDEtMS42LDEuN0gyNi40eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yOC43LDZjMC0wLjcsMC0xLjMsMC0xLjhoMC45bDAsMS4xaDBjMC4zLTAuOCwwLjktMS4zLDEuNi0xLjNjMC4xLDAsMC4yLDAsMC4zLDB2MWMtMC4xLDAtMC4yLDAtMC40LDAKCQkJYy0wLjcsMC0xLjMsMC42LTEuNCwxLjRjMCwwLjEsMCwwLjMsMCwwLjVWMTBoLTFWNnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzMuMSw3LjNjMCwxLjQsMC45LDIsMiwyYzAuOCwwLDEuMi0wLjEsMS42LTAuM2wwLjIsMC44Yy0wLjQsMC4yLTEsMC40LTEuOSwwLjRjLTEuOCwwLTIuOS0xLjItMi45LTIuOQoJCQlzMS0zLjEsMi43LTMuMWMxLjksMCwyLjQsMS43LDIuNCwyLjdjMCwwLjIsMCwwLjQsMCwwLjVIMzMuMXogTTM2LjIsNi42YzAtMC43LTAuMy0xLjctMS41LTEuN2MtMS4xLDAtMS41LDEtMS42LDEuN0gzNi4yeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00My42LDEuNXY3YzAsMC41LDAsMS4xLDAsMS41aC0wLjlsMC0xaDBjLTAuMywwLjYtMSwxLjEtMiwxLjFjLTEuNCwwLTIuNS0xLjItMi41LTNjMC0xLjksMS4yLTMuMSwyLjYtMy4xCgkJCWMwLjksMCwxLjUsMC40LDEuOCwwLjloMFYxLjVINDMuNnogTTQyLjUsNi42YzAtMC4xLDAtMC4zLDAtMC40Yy0wLjItMC43LTAuNy0xLjItMS41LTEuMmMtMS4xLDAtMS43LDEtMS43LDIuMgoJCQljMCwxLjIsMC42LDIuMSwxLjcsMi4xYzAuNywwLDEuNC0wLjUsMS41LTEuM2MwLTAuMSwwLTAuMywwLTAuNVY2LjZ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTQ3LjgsMTBjMC0wLjQsMC0xLDAtMS41di03aDF2My42aDBjMC40LTAuNiwxLTEuMSwyLTEuMWMxLjQsMCwyLjUsMS4yLDIuNCwzYzAsMi4xLTEuMywzLjEtMi42LDMuMQoJCQljLTAuOCwwLTEuNS0wLjMtMS45LTEuMWgwbDAsMUg0Ny44eiBNNDguOSw3LjdjMCwwLjEsMCwwLjMsMCwwLjRjMC4yLDAuNywwLjgsMS4yLDEuNiwxLjJjMS4xLDAsMS44LTAuOSwxLjgtMi4yCgkJCWMwLTEuMi0wLjYtMi4yLTEuNy0yLjJjLTAuNywwLTEuNCwwLjUtMS42LDEuM2MwLDAuMS0wLjEsMC4zLTAuMSwwLjRWNy43eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NSw0LjJsMS4zLDMuNGMwLjEsMC40LDAuMywwLjgsMC40LDEuMmgwYzAuMS0wLjMsMC4yLTAuOCwwLjQtMS4ybDEuMi0zLjRoMS4xbC0xLjYsNC4xYy0wLjgsMi0xLjMsMy0yLDMuNgoJCQljLTAuNSwwLjUtMSwwLjYtMS4zLDAuN2wtMC4zLTAuOWMwLjMtMC4xLDAuNi0wLjMsMC45LTAuNWMwLjMtMC4yLDAuNi0wLjYsMC45LTEuMkM1NiwxMCw1Niw5LjksNTYsOS45YzAtMC4xLDAtMC4xLTAuMS0wLjMKCQkJbC0yLjEtNS4zSDU1eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MC4zLDUuMmMwLTAuNCwwLjMtMC44LDAuNy0wLjhjMC40LDAsMC43LDAuMywwLjcsMC44YzAsMC40LTAuMywwLjctMC43LDAuN0M2MC42LDUuOSw2MC4zLDUuNiw2MC4zLDUuMnoKCQkJIE02MC4zLDkuNGMwLTAuNCwwLjMtMC44LDAuNy0wLjhjMC40LDAsMC43LDAuMywwLjcsMC44YzAsMC40LTAuMywwLjctMC43LDAuN0M2MC42LDEwLjIsNjAuMyw5LjksNjAuMyw5LjR6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==" class="sf-foot-logo">
                        </a>
                        {{#submitted}}
                            <span class="sf-btn sf-btn-sent sf-btn-success">&check; Sent</span>
                        {{/submitted}}
                        {{^submitted}}
                            <button class="sf-btn sf-btn-primary js-send-feedback" type="button" tabindex="0">Send</button>
                        {{/submitted}}
                    </div>
                </form>
            </div>
        </div>
        <div class="sf-widget-container">
        `
        });

        if (false) {
            searchstax.addAnswerWidget("searchstax-answer-container", {
                showShowMoreAfterWordCount: 100,
                templates: {
                    main: {
                        template: `
                        {{#shouldShowAnswer}}
                            <div class="searchstax-answer-wrap">
                                <div class="searchstax-answer-icon"></div>
                                <div>
                                <div class="searchstax-answer-container {{#showMoreButtonVisible}}searchstax-answer-show-more{{/showMoreButtonVisible}}">
                                    <div class="searchstax-answer-title">Smart Answers</div>
                                    {{#shouldShowAnswerError}}
                                        <div class="searchstax-answer-error">{{{answerErrorMessage}}}</div>
                                    {{/shouldShowAnswerError}}
                                    <div class="searchstax-answer-description">
                                        {{{fullAnswerFormatted}}}
                                        {{^showMoreButtonVisible}}
                                            {{#answerLoading}}
                                                <div class="searchstax-answer-loading"></div>
                                            {{/answerLoading}}
                                        {{/showMoreButtonVisible}}
                                    </div>
                                </div>

                                {{#showMoreButtonVisible}}
                                    <div class="searchstax-answer-load-more-button-container">
                                        {{#answerLoading}}
                                            <div class="searchstax-answer-loading"></div>
                                        {{/answerLoading}}
                                        <button class="searchstax-answer-load-more-button">Read More</button>
                                    </div>
                                {{/showMoreButtonVisible}}
                            </div>
                            <div class="searchstax-answer-footer">
                                <div id="feedbackWidgetContainer"></div>
                                <div class="searchstax-lightweight-widget-separator-inline"></div>
                                <p class="searchstax-disclaimer">Generative AI is Experimental</p>
                            </div>
                        </div>
                        {{/shouldShowAnswer}}
                        `
                    }
                },
                feedbackwidget: {
                    renderFeedbackWidget: true,
                    thumbsUpValue: 10,
                    thumbsDownValue: 0,
                    lightweightTemplateOverride: `
                    <div class="searchstax-lightweight-widget-container">
                        <div class="searchstax-lightweight-widget-thumbs-up {{#thumbsUpActive}}active{{/thumbsUpActive}}">
                            <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.85079 7.59996L7.83141 1C8.4243 1 8.9929 1.23178 9.41213 1.64436C9.83136 2.05694 10.0669 2.61651 10.0669 3.19999V6.1333H14.2845C14.5005 6.13089 14.7145 6.17474 14.9116 6.26179C15.1087 6.34885 15.2842 6.47704 15.426 6.63747C15.5677 6.79791 15.6723 6.98676 15.7326 7.19094C15.7928 7.39513 15.8072 7.60975 15.7748 7.81996L14.7465 14.4199C14.6926 14.7696 14.5121 15.0884 14.2382 15.3175C13.9643 15.5466 13.6156 15.6706 13.2562 15.6666H4.85079M4.85079 7.59996V15.6666M4.85079 7.59996H2.61531C2.22006 7.59996 1.84099 7.75448 1.5615 8.02953C1.28201 8.30458 1.125 8.67763 1.125 9.06661V14.1999C1.125 14.5889 1.28201 14.9619 1.5615 15.237C1.84099 15.512 2.22006 15.6666 2.61531 15.6666H4.85079"  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                        </div>
                        <div class="searchstax-lightweight-widget-separator"></div>
                        <div class="searchstax-lightweight-widget-thumbs-down {{#thumbsDownActive}}active{{/thumbsDownActive}}">
                            <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12.1492 9.06801L9.16859 15.668C8.5757 15.668 8.0071 15.4362 7.58787 15.0236C7.16864 14.611 6.93311 14.0515 6.93311 13.468V10.5347H2.71552C2.4995 10.5371 2.28552 10.4932 2.08842 10.4062C1.89132 10.3191 1.71581 10.1909 1.57405 10.0305C1.43229 9.87006 1.32766 9.6812 1.26743 9.47702C1.2072 9.27284 1.19279 9.05822 1.22521 8.84801L2.25353 2.24806C2.30742 1.89833 2.48793 1.57955 2.76179 1.35046C3.03566 1.12136 3.38443 0.997398 3.74384 1.0014H12.1492M12.1492 9.06801V1.0014M12.1492 9.06801H14.3847C14.7799 9.06801 15.159 8.91349 15.4385 8.63844C15.718 8.36339 15.875 7.99034 15.875 7.60135V2.46805C15.875 2.07907 15.718 1.70602 15.4385 1.43097C15.159 1.15592 14.7799 1.0014 14.3847 1.0014H12.1492"  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                        </div>
                    </div>
                    `
                }
            });
        }

        searchstax.addSearchFeedbackWidget("search-feedback-container", {
            templates: {
                main: {
                    template: `
                    {{#searchExecuted}}
                        <a href="#searchstax-search-results" data-test-id="searchstax-skip" class="searchstax-skip">Skip to results section</a>
                        <h4 class="searchstax-feedback-container coursefinder-course-search__results-heading" data-test-id="searchstax-feedback-container">
                            {{#hasResults}}
                                <span> Showing <b>{{startResultIndex}} - {{endResultIndex}}</b> </span> of <b>{{totalResults}}</b> results {{#searchTerm}} for "<b>{{searchTerm}}</b>" {{/searchTerm}}
                                <div class="searchstax-feedback-container-suggested" data-test-id="searchstax-feedback-container-suggested">
                                    {{#autoCorrectedQuery}}
                                        Search instead for <a href="#" aria-label="Search instead for: {{originalQuery}}" class="searchstax-feedback-original-query" data-test-id="searchstax-feedback-original-query">{{originalQuery}}</a>
                                    {{/autoCorrectedQuery}}
                                </div>
                            {{/hasResults}}
                        </h4>
                    {{/searchExecuted}}
                `,
                    originalQueryClass: `searchstax-feedback-original-query`
                }
            }
        });

        searchstax.addSearchInputWidget("searchstax-input-container", {
            templates: {
                mainTemplate: {
                    template: `
                    <div class="searchstax-search-input-container searchstax-search-input-container-new {{#locationEnabled}}searchstax-alternative-render{{/locationEnabled}} coursefinder-course-search__input">
                        <div class="searchstax-search-input-wrapper container">
                            <div class="input-button-container">
                                <input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="Search for a course" aria-label="Search" />
                                <a class="t4-close-search btn coursefinder-course-search__close" href="/?searchstax[query]=*&searchstax[order]=searchTitle_s%20asc&searchstax[model]=Coursefinder"><i class="fa-light fa-xmark" aria-hidden="true"></i><span class="sr-only">Close Search</span></a>
                            </div>
                        </div>
                        <div id="searchstax-location-container" class="searchstax-location-container"></div>
                        <button class="searchstax-spinner-icon" id="searchstax-search-input-action-button" aria-label="search" role="button"></button>
                    </div>
                    `,
                    searchInputId: "searchstax-search-input"
                },
                autosuggestItemTemplate: {
                    template: `
                    <div class="searchstax-autosuggest-item-term-container">{{{term}}}</div>
                    `
                }
            }
        });

        searchstax.addFacetsWidget("searchstax-facets-container", {
            facetingType: renderConfig.facetsWidget.facetingType,
            itemsPerPageDesktop: renderConfig.facetsWidget.itemsPerPageDesktop,
            itemsPerPageMobile: renderConfig.facetsWidget.itemsPerPageMobile,
            templates: {
                mainTemplateDesktop: {
                    template: `
                    {{#hasResultsOrExternalPromotions}}
                        <div class="searchstax-facets-container-desktop"></div>
                    {{/hasResultsOrExternalPromotions}}
                    `,
                    facetsContainerId: ""
                },
                mainTemplateMobile: {
                    template: `
                    <div class="searchstax-facets-pills-container">
                        <div class="searchstax-facets-pills-selected">
                        </div>
                    </div>

                    <div class="searchstax-facets-mobile-overlay {{#overlayOpened}} searchstax-show{{/overlayOpened}}" data-test-id="searchstax-facets-mobile-overlay">
                        <div class="searchstax-facets-mobile-overlay-header">
                            <div class="searchstax-facets-mobile-overlay-header-title">Filter By</div>
                            <div class="searchstax-search-close" tabindex="0" aria-label="close overlay" role="button" data-test-id="searchstax-search-close"><i class="fa-regular fa-xmark fa-lg"></i></div>
                        </div>
                        <div class="searchstax-facets-container-mobile"></div>
                        <div class="searchstax-facets-mobile-overlay-done button">
                            <button class="button__inner" data-test-id="searchstax-facets-mobile-overlay-done">Done</button>
                        </div>
                    </div>
                    `,
                    facetsContainerClass: `searchstax-facets-container-mobile`,
                    closeOverlayTriggerClasses: [
                        "searchstax-facets-mobile-overlay-done",
                        "searchstax-search-close"
                    ],
                    filterByContainerClass: `searchstax-facets-pills-container`,
                    selectedFacetsContainerClass: `searchstax-facets-pills-selected`
                },
                showMoreButtonContainerTemplate: {
                    template: `
                        <div class="searchstax-facet-show-more-container" data-test-id="searchstax-facet-show-more-container">
                            {{#showingAllFacets}}
                                <div class="searchstax-facet-show-less-button searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-less-button">See less</div>
                            {{/showingAllFacets}}
                            {{^showingAllFacets}}
                                <div class="searchstax-facet-show-more-button  searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-more-button">See more {{onShowMoreLessClick}}</div>
                            {{/showingAllFacets}}
                        </div>
                        `,
                    showMoreButtonClass: `searchstax-facet-show-more-container`
                },
                facetItemContainerTemplate: {
                    template: `
                        <div>
                            <div class="searchstax-facet-title-container" data-test-id="searchstax-facet-title-container">
                                <div class="searchstax-facet-title" aria-label="Facet group: {{label}}" tabindex="0">
                                    {{label}}
                                </div>
                                <div class="searchstax-facet-title-arrow active"></div>
                            </div>
                            <div class="searchstax-facet-values-container"></div>
                        </div>
                        `,
                    facetListTitleContainerClass: `searchstax-facet-title-container`,
                    facetListContainerClass: `searchstax-facet-values-container`
                },
                clearFacetsTemplate: {
                    template: `
                        {{#shouldShow}}
                            <div class="searchstax-facets-pill searchstax-clear-filters searchstax-facets-pill-clear-all" tabindex="0" role="button" data-test-id="searchstax-facets-pill-clear-all">
                                <div class="searchstax-facets-pill-label">Clear Filters</div>
                            </div>
                        {{/shouldShow}}
                        `,
                    containerClass: `searchstax-facets-pill-clear-all`
                },
                facetItemTemplate: {
                    template: `
                            <div class="searchstax-facet-input form-check">
                                <span class="searchstax-facet-input-checkbox-border"></span>
                                <input id="{{value}}" type="checkbox" class="searchstax-facet-input-checkbox form-check-input" data-test-id="searchstax-facet-input-checkbox" {{#disabled}}disabled{{/disabled}} {{#isChecked}}checked{{/isChecked}} aria-label="{{value}} {{count}}" tabindex="0" value="{{value}}"/>

                                <div class="searchstax-facet-value-label form-check-label" data-test-id="searchstax-facet-value-label">{{value}}</div>
                            </div>
                            `,
                    inputCheckboxClass: `searchstax-facet-input-checkbox`,
                    checkTriggerClasses: [
                        "searchstax-facet-value-label",
                        "searchstax-facet-value-count"
                    ]
                },
                filterByTemplate: {
                    template: `
                                <div class="searchstax-facets-pill searchstax-facets-pill-filter-by button button--white button--large" tabindex="0" role="button" data-test-id="searchstax-facets-pill-filter-by">
                                    <div class="searchstax-facets-pill-label button__inner">Filter by&nbsp;&nbsp;<i class="fa-solid fa-caret-down"></i></div>
                                </div>
                                `,
                    containerClass: `searchstax-facets-pill-filter-by`
                },
                selectedFacetsTemplate: {
                    template: `
                                <div class="searchstax-facets-pill searchstax-facets-pill-facets" tabindex="0" role="button" data-test-id="searchstax-facets-pill-facets">
                                    <div class="searchstax-facets-pill-label">{{value}}</div>
                                    <div class="searchstax-facets-pill-icon-close"></div>
                                </div>
                                `,
                    containerClass: `searchstax-facets-pill-facets`
                }
            }
        });

        searchstax.addSearchSortingWidget("search-sorting-container", {
            templates: {
                main: {
                    template: `
                    {{#searchExecuted}}
                        {{#hasResultsOrExternalPromotions}}
                            <div class="searchstax-sorting-container" data-test-id="searchstax-sorting-container">
                                <label class="searchstax-sorting-label" data-test-id="searchstax-sorting-label" for="searchstax-search-order-select">Sort By</label>
                                <select id="searchstax-search-order-select" class="searchstax-search-order-select form-select" data-test-id="searchstax-search-order-select" >
                                    {{#sortOptions}}
                                        <option value="{{key}}">
                                            {{value}}
                                        </option>
                                    {{/sortOptions}}
                                </select>
                            </div>
                        {{/hasResultsOrExternalPromotions}}
                    {{/searchExecuted}}
                `,
                    selectId: `searchstax-search-order-select`
                }
            }
        });

        // searchResultTemplate edited by us
        searchstax.addSearchResultsWidget("searchstax-results-container", {
            templates: {
                mainTemplate: {
                    template: `
                    <div class="searchstax-search-results-container" id="searchstax-search-results-container" data-test-id="searchstax-search-results-container">
                        <div class="searchstax-search-results" id="searchstax-search-results"></div>
                    </div>
                    `,
                    searchResultsContainerId: "searchstax-search-results"
                },
                searchResultTemplate: {
                    template: `
                    <div class="searchstax-search-result searchstax-search-result-wrapping {{#thumbnail}} has-thumbnail {{/thumbnail}} {{#promoted}} promoted {{/promoted}}">

                        {{#promoted}}<div class="ribbon">Top result</div>{{/promoted}}

                        <div class="coursefinder-course-search__course {{#clearing}}coursefinder-course-search__course--clearing coursefinder-course-search__course--clearing-{{#clearing_open}}open{{/clearing_open}}{{#clearing_closed}}closed{{/clearing_closed}}{{/clearing}}">
                            {{#clearing}}
                                <div class="coursefinder-course-search__clearing-message coursefinder-course-search__clearing-message--mobile">
                                    <div class="coursefinder-course-search__clearing-message-bg">
                                        {{#clearing_open}}Clearing places available{{/clearing_open}}
                                        {{#clearing_closed}}Course closed for 2026{{/clearing_closed}}
                                    </div>
                                    {{#clearing_open}}
                                        <span class="coursefinder-course-search__clearing-message-text--alt"> Clearing </span> places available
                                    {{/clearing_open}}
                                    {{#clearing_closed}}Course closed for 2026{{/clearing_closed}}
                                </div>
                            {{/clearing}}
                            <div class="coursefinder-course-search__header">
                                <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" data-test-id="searchstax-result-item-link" class="coursefinder-course-search__name">{{{resolvedTitle}}}</a>
                                <div>
                                    {{#duration}}<span class="coursefinder-course-search__details"><i class="fa-regular fa-clock"></i> {{{duration.value}}}</span>{{/duration}}
                                    {{#start_dates}}<span class="coursefinder-course-search__details"><i class="fa-regular fa-calendar"></i> {{{start_dates.value}}}</span>{{/start_dates}}
                                </div>
                            </div>
                            <div class="coursefinder-course-search__tags">
                                {{#courseyear}}<div class="coursefinder-course-search__tag">{{{courseyear.value}}}</div>{{/courseyear}}
                                {{#study_level}}<div class="coursefinder-course-search__tag">{{{study_level.value}}}{{#research}} Research{{/research}}{{#taught}} Taught{{/taught}}</div>{{/study_level}}
                                {{#full_time}}<div class="coursefinder-course-search__tag">Full-time</div>{{/full_time}}
                                {{#part_time}}<div class="coursefinder-course-search__tag">Part-time</div>{{/part_time}}
                                {{#distance_learning}}<div class="coursefinder-course-search__tag">Distance Learning</div>{{/distance_learning}}
                                {{#on_campus}}<div class="coursefinder-course-search__tag">On-Campus</div>{{/on_campus}}
                                {{#apprenticeship}}<div class="coursefinder-course-search__tag">Apprenticeship</div>{{/apprenticeship}}
                                {{#teacher_training}}<div class="coursefinder-course-search__tag">Teacher Training</div>{{/teacher_training}}
                                {{#short_course}}<div class="coursefinder-course-search__tag">Short Course</div>{{/short_course}}
                                {{#top_up}}<div class="coursefinder-course-search__tag">Top-Up</div>{{/top_up}}
                                {{#blended_learning}}<div class="coursefinder-course-search__tag">Blended Learning</div>{{/blended_learning}}
                            </div>
                            <div class="coursefinder-course-search__buttons">
                                <div class="button {{#clearing_open}}button--pink{{/clearing_open}}">
                                    <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" data-test-id="searchstax-result-item-link" class="button__inner">View details</a>
                                </div>
                                {{#clearing}}
                                    <div class="coursefinder-course-search__clearing-message">
                                        <div class="coursefinder-course-search__clearing-message-bg">
                                            {{#clearing_open}}Clearing places available{{/clearing_open}}
                                            {{#clearing_closed}}Clearing course closed for 2026{{/clearing_closed}}
                                        </div>
                                        {{#clearing_open}}<span class="coursefinder-course-search__clearing-message-text--alt">Clearing</span> places available{{/clearing_open}}
                                        {{#clearing_closed}}Clearing course closed for 2026{{/clearing_closed}}
                                    </div>
                                {{/clearing}}
                            </div>
                        </div>
                    </div>
                    `,
                    searchResultUniqueIdAttribute:
                        "data-searchstax-unique-result-id"
                },
                noSearchResultTemplate: {
                    template: `
                    {{#searchExecuted}}
                        <div class="searchstax-no-results-wrap" data-test-id="searchstax-no-results-wrap">
                            <div class="searchstax-no-results" data-test-id="searchstax-no-results">
                                Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
                                <br>
                                {{#spellingSuggestion}}
                                    <span>&nbsp;Did you mean <a href="#" aria-label="Did you mean: {{originalQuery}}" class="searchstax-suggestion-term" onclick="searchCallback('{{ spellingSuggestion }}')">{{ spellingSuggestion }}</a>?</span>
                                {{/spellingSuggestion}}
                            </div>
                            <ul class="searchstax-no-results-list" data-test-id="searchstax-no-results-list">
                                <li>Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.</li>
                                <li>Lost? Click on the ‘X” in the Search Box to reset your search.</li>
                            </ul>
                        </div>
                    {{/searchExecuted}}
                    `
                }
            },
            renderMethod: renderConfig.resultsWidget.renderMethod
        });

        searchstax.addPaginationWidget("searchstax-pagination-container", {
            templates: {
                mainTemplate: {
                    template: `
                    {{#results.length}}
                        <div class="searchstax-pagination-container mt-4" data-test-id="searchstax-pagination-container">
                            <div class="searchstax-pagination-content">
                                <button class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</button>
                                <div class="searchstax-pagination-details" data-test-id="searchstax-pagination-details">
                                    {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
                                </div>
                                <button class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></button>
                            </div>
                        </div>
                    {{/results.length}}
                `,
                    previousButtonClass: "searchstax-pagination-previous",
                    nextButtonClass: "searchstax-pagination-next"
                },
                infiniteScrollTemplate: {
                    template: `
                    {{#results.length}}
                        <div class="searchstax-pagination-container" data-test-id="searchstax-pagination-container">
                            <div class="searchstax-pagination-content">
                                <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</a>
                                <div class="searchstax-pagination-details" data-test-id="searchstax-pagination-details">
                                    {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
                                </div>
                                <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></a>
                            </div>
                        </div>
                    {{/results.length}}
                    `,
                    loadMoreButtonClass: "searchstax-pagination-load-more"
                }
            }
        });

        searchstax.addRelatedSearchesWidget(
            "searchstax-related-searches-container",
            {
                relatedSearchesURL: config.relatedSearchesURL,
                relatedSearchesAPIKey: config.relatedSearchesAPIKey,
                templates: {
                    main: {
                        template: `
                        {{#hasRelatedSearches}}
                            <div class="searchstax-related-searches-container" data-test-id="searchstax-related-searches-container" id="searchstax-related-searches-container">
                            Related searches: <span id="searchstax-related-searches"></span>
                                {{#relatedSearches}}
                                    <span class="searchstax-related-search">

                                    </span>
                                {{/relatedSearches}}
                            </div>
                        {{/hasRelatedSearches}}
                    `,
                        relatedSearchesContainerClass: `searchstax-related-search`
                    },
                    relatedSearch: {
                        template: `
                        <span class="searchstax-related-search searchstax-related-search-item" data-test-id="searchstax-related-search-item" aria-label="Related search: {{related_search}}" tabindex="0">
                            {{ related_search }}{{^last}}<span>,</span>{{/last}}
                        </span>
                        `,
                        relatedSearchContainerClass: `searchstax-related-search-item`
                    }
                }
            }
        );

        searchstax.addExternalPromotionsWidget(
            "searchstax-external-promotions-layout-container",
            {
                templates: {
                    mainTemplate: {
                        template: `
                        {{#hasExternalPromotions}}
                            <div class="searchstax-external-promotions-container" id="searchstax-external-promotions-container" data-test-id="searchstax-external-promotions-container">
                                External promotions go here
                            </div>
                        {{/hasExternalPromotions}}
                        `,
                        externalPromotionsContainerId: `searchstax-external-promotions-container`
                    },
                    externalPromotion: {
                        template: `
                        <div class="icon-elevated"></div>
                        {{#url}}
                            <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link" data-test-id="searchstax-result-item-link"></a>
                        {{/url}}
                        <div class="searchstax-search-result-title-container">
                            <h3 class="searchstax-search-result-title-external-promotion" data-test-id="searchstax-search-result-title">{{name}}</h3>
                        </div>
                        {{#description}}
                            <p class="searchstax-search-result-description searchstax-search-result-common" data-test-id="searchstax-search-result-description">
                                {{description}}
                            </p>
                        {{/description}}
                        {{#url}}
                            <a href= "{{url}}" class="searchstax-search-result-description searchstax-search-result-common">
                                {{url}}
                            </a>
                        {{/url}}
                        `
                    }
                }
            }
        );

        const currentViewStyle = localStorage.getItem("viewStyle") || "list";
        const viewStyleElement = document.getElementById("icon-view-style");
        viewStyleElement.classList.add(`icon-${currentViewStyle}`);
        // add class to .searchstax-results-container
        const searchResultsContainer = document.getElementById(
            "searchstax-results-container"
        );
        searchResultsContainer.classList.add(
            `searchstax-results-container-${currentViewStyle}`
        );

        // on click of #toggle-view-style change the view style
        document
            .getElementById("toggle-view-style")
            .addEventListener("click", function () {
                const currentViewStyle =
                    localStorage.getItem("viewStyle") || "list";
                const newViewStyle =
                    currentViewStyle === "list" ? "grid" : "list";
                localStorage.setItem("viewStyle", newViewStyle);
                searchResultsContainer.classList.add(
                    `searchstax-results-container-${newViewStyle}`
                );
                searchResultsContainer.classList.remove(
                    `searchstax-results-container-${currentViewStyle}`
                );

                viewStyleElement.classList.remove(`icon-${currentViewStyle}`);
                viewStyleElement.classList.add(`icon-${newViewStyle}`);
            });

        setTimeout(() => {
            const search_input = document.getElementById('searchstax-search-input');
            const sorting_dropdown = document.getElementById('searchstax-search-order-select');

            search_input.addEventListener("change", () => {
                setTimeout(() => {
                    if (sorting_dropdown) {
                        if (search_input.value != '') {
                            sorting_dropdown[0].selected = true;
                        } else if (search_input.value == '') {
                            sorting_dropdown[1].selected = true;
                        }

                        sorting_dropdown.dispatchEvent(new Event('change'));
                    }
                }, 250);
            })
        }, 500);
    };

    document.head.appendChild(script);
};

</script>
<!-- Search text crawl end  --><div id="the-footer"><footer class="footer"><div class="container"><div class="footer__search-box"><div class="row gy-2"><div class="col-12 col-lg-6"><h2 class="footer__search-heading">Search a course</h2><p>Search for undergraduate, postgraduate, research degrees and apprenticeships.</p></div><div class="col-12 col-lg-6 footer__search-col"><form class="footer__search" @submit.prevent="onSubmit"><label class="fw-bold sr-only" for="coursesearch">Search for a course</label> <input id="coursesearch" v-model="search_term" aria-label="Search for courses" name="search-term" placeholder="Search for a course..." type="text"><div class="button button--large button--white"><button class="button__inner" type="submit">Search</button></div></form></div></div></div><div class="footer__cols"><div class="footer__logo"> <a href="/" aria-label="University of Huddersfield&quot;s homepage"><img src="/media/brand/logos/primary/UoH_primarylogo_white_RGB.svg" class="footer__logo-asset" alt="University of Huddersfield | Yorkshire roots. Global reach."></a></div><div><p class="footer__col-heading"><b>About the university</b></p><ul><li><a href="https://www.hud.ac.uk/about/">About us</a></li><li><a href="https://hudac.sharepoint.com/sites/University-Council-Hub?xsdata=MDV8MDJ8ZGlnaXRhbGNvbnRlbnRAaHVkLmFjLnVrfDVkNWQ4YjY2ZmQ4MzQxMjMyMjIyMDhkZDRkMGFiYjc3fGI1MmU5ZmRhMDY5MTQ1ODViZGZjNWNjYWUxY2UxODkwfDB8MHw2Mzg3NTE0MzA2NjQzMTAyNjh8VW5rbm93bnxUV0ZwYkdac2IzZDhleUpGYlhCMGVVMWhjR2tpT25SeWRXVXNJbFlpT2lJd0xqQXVNREF3TUNJc0lsQWlPaUpYYVc0ek1pSXNJa0ZPSWpvaVRXRnBiQ0lzSWxkVUlqb3lmUT09fDB8fHw%3d&amp;sdata=OFNkTVRaSXR5QU5LK05iNjltQXRwa1NvSFhhOURoRi9JUWVTcnpvRU5mZz0%3d">Council members</a></li><li><a href="https://www.hud.ac.uk/our-buildings/">Our buildings</a></li><li><a href="https://www.hud.ac.uk/hr/jobs/">Jobs</a></li><li><a href="https://www.hud.ac.uk/news/">University news</a></li><li><a href="https://www.hud.ac.uk/events/">University events</a></li></ul></div><div><p class="footer__col-heading"><b>Resources and Policies</b></p><ul><li><a href="https://www.hud.ac.uk/informationgovernance/dataprotection/">Privacy</a></li><li><a href="https://www.store.hud.ac.uk/">Online store</a></li><li><a href="https://www.hud.ac.uk/about/constitutionalandlegalmatters/">Constitutional & Legal Matters</a></li><li><a href="https://research.hud.ac.uk/media/policydocuments/Modern-Slavery-And-Human-Trafficking-Statement.pdf">Modern Slavery Statement</a></li><li><a href="https://hud.ac/b5t">Order a prospectus</a></li><li><a href="https://www.hud.ac.uk/open-days/">Attend an Open Day</a></li></ul></div><div><p class="footer__col-heading"><b>Get in touch</b></p><ul><li><a href="https://www.hud.ac.uk/about/maps/">How to find us</a></li><li><a href="https://www.hud.ac.uk/contact/">Contact us</a></li><li><a href="https://www.hud.ac.uk/business/">Services to business</a></li><li><a href="tel:+441484422288">+44 (0)1484 422288</a></li><li><a href="https://www.google.co.uk/maps/place/University+of+Huddersfield/@53.6432651,-1.7799214,17z/data=!3m1!4b1!4m2!3m1!1s0x487bdc7316c83381:0x622f032b6c8b151f" target="_blank" rel="nofollow"><address>University of Huddersfield<br>Queensgate, HD1 3DH</address></a></li></ul></div><p class="footer__copyright">&copy; {{date}} University of Huddersfield - All rights reserved. VAT registration number 516 3101 90. The University of Huddersfield is a member of <a href="https://www.yorkshireuniversities.ac.uk" target="_blank" rel="nofollow"><b>Yorkshire Universities</b></a>. View our <a href="https://www.hud.ac.uk/informationgovernance/cookiepolicy/"><b>cookie policy</b></a>, <a href="https://www.hud.ac.uk/informationgovernance/freedomofinformation/"><b>Freedom of Information Statement</b></a>, and <a href="https://www.hud.ac.uk/informationgovernance/copyrightanddisclaimer/"><b>copyright and disclaimer</b></a>. Alternative telephone number <a href="tel:+443301232288"><b>0330 1232288</b></a> (calls to this number are charged at the national rate).</p></div><hr><div class="footer__footnote"><p class="m-0">&copy; {{date}} &mdash; Copyright</p><div class="footer__footnote--right"><div class="footer__social-icons"> <a href="https://bsky.app/profile/huddersfielduni.bsky.social" aria-label="University of Huddersfield&quot;s Bluesky page" target="_blank" rel="nofollow"><i class="fa-brands fa-bluesky"></i></a> <a href="https://www.facebook.com/huddersfielduniversity" aria-label="University of Huddersfield&quot;s Facebook page" target="_blank" rel="nofollow"><i class="fa-brands fa-facebook"></i></a> <a href="https://www.youtube.com/@hudduni" aria-label="University of Huddersfield&quot;s YouTube page" target="_blank" rel="nofollow"><i class="fa-brands fa-youtube"></i></a> <a href="https://www.instagram.com/huddersfielduni/" aria-label="University of Huddersfield&quot;s Instagram page" target="_blank" rel="nofollow"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.tiktok.com/@huddersfielduni" aria-label="University of Huddersfield&quot;s TikTok page" target="_blank" rel="nofollow"><i class="fa-brands fa-tiktok"></i></a> <a href="https://uk.linkedin.com/school/university-of-huddersfield/" aria-label="University of Huddersfield&quot;s LinkedIn page" target="_blank" rel="nofollow"><i class="fa-brands fa-linkedin"></i></a></div><a href="https://www.hud.ac.uk/informationgovernance/accessibility-statement/">View our accessibility statement</a></div></div></div></footer></div></main><link id="indexcss" href=/media/2021sitedesign/coursefinder/css/0709-index.css rel="stylesheet"><link href=/media/2021sitedesign/coursefinder/css/2608-CoursefinderNavigationBar.css as=style onload='this.onload=null,this.rel="stylesheet"' rel=preload><link href=/media/2021sitedesign/coursefinder/css/2408-TheFooter.css as=style onload='this.onload=null,this.rel="stylesheet"' rel=preload><link href=/media/2021sitedesign/coursefinder/css/2608-CoursefinderCourseSearchPageTitle.css as=style onload='this.onload=null,this.rel="stylesheet"' rel=preload><link href=/media/2021sitedesign/coursefinder/css/0809-CoursefinderCourseSearch.css as=style onload='this.onload=null,this.rel="stylesheet"' rel=preload><script src="https://cdn.jsdelivr.net/npm/axios@1.13.6/dist/axios.min.js" integrity="sha384-EtqfExzDvAOmLLdnOsa5Dy174/rTmPzv9OnQXw8NQOXnTypob284TIsp6Gt3yEyL" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js" integrity="sha384-bBA4AXTbHvM49vkvht70Nf2uKCLZDFExrV3gjGxwYs3jde/Dh3KrGy31TrjIuSgd" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js" integrity="sha384-KIix3a0qkeD2RPwPvpkJ+Knc91vkmDI+i2c7phIO+EfV3dpfDXIGSqQjpIaJXlR9" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script><script async src="https://kit.fontawesome.com/7064bff6d9.js" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/plyr@3.6.8/dist/plyr.polyfilled.min.js" integrity="sha384-1dhPe0SQa/gOMN3cxiUEQzAnFE+aptVg1MGICV2wHYqE9aLMC6opkoYGhYSQx1PF" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.1.4/dist/js/datepicker-full.min.js" integrity="sha384-IQzx7cXShu7PG0DrlP2jcLBkFEy52wobi6uzDnlZl1UJFc3ZtC0ddxFzlx2dF2TW" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/datebook@8.0.1/dist/datebook.min.js" integrity="sha384-6iMySK0B+tlKVz7JprHNGqXYjmxwLlENLqK80kbZtOIjT6281k4vIBZtgQdmT8fT" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/swiper@12.1.3/swiper-bundle.min.js"></script><script src=/media/2021sitedesign/coursefinder/js/CoursefinderNavigationBar.js></script><script src=/media/2021sitedesign/coursefinder/js/TheFooter.js></script><script>const allowed_keys={KeyT:"t",Digit4:"4",KeyP:"p",KeyR:"r",KeyE:"e",KeyV:"v",KeyI:"i",KeyW:"w"},activation=["t","4","p","r","e","v","i","e","w"];let position=0;document.addEventListener("keydown",(function(e){allowed_keys[e.code]==activation[position]?(position++,position==activation.length&&window.open("https://hudacuk-cms01-production.terminalfour.net/terminalfour/page/section#edit/113887")):position=0}));</script></body></html>