Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Job Board</title>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; }
        .job-board { max-width: 1000px; margin: auto; padding: 20px; }
        input, button { width: 100%; padding: 10px; margin: 5px 0; }
        .job-list { display: flex; flex-wrap: wrap; justify-content: center; padding: 0; }
        .job-item { width: 45%; padding: 15px; background: #f8f8f8; margin: 10px; border-radius: 5px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
        .apply-btn { display: block; padding: 10px; background: black; color: white; text-decoration: none; border-radius: 5px; text-align: center; margin-top: 10px; }
    </style>
</head>
<body>
    <div class="job-board">
        <h1>Job Board</h1>
        <input type="text" id="searchInput" placeholder="Search job keywords" list="jobSuggestions">
        <datalist id="jobSuggestions"></datalist>
        <button onclick="filterJobs()">Search</button>
        <div id="jobList" class="job-list"></div>
    </div>

    <script>
        const RSS_FEED_URL = "https://www.physicianwork.com/rss/jobs";
        let jobs = [];

        async function fetchJobs() {
            try {
                const proxyUrl = "https://api.allorigins.win/get?url=" + encodeURIComponent(RSS_FEED_URL);
                const response = await fetch(proxyUrl);
                const rssData = await response.json();
                const parser = new DOMParser();
                const xmlDoc = parser.parseFromString(rssData.contents, "text/xml");
                
                let items = xmlDoc.querySelectorAll("item");
                jobs = Array.from(items).map(item => ({
                    id: item.querySelector("guid")?.textContent || Math.random().toString(),
                    title: item.querySelector("title")?.textContent || "Unknown Title",
                    specialty: item.querySelector("category")?.textContent || "Not Provided",
                    location: item.querySelector("author")?.textContent || "Remote",
                    description: item.querySelector("description")?.textContent || "No description available.",
                    keywords: extractKeywords(item.querySelector("title")?.textContent + " " + item.querySelector("description")?.textContent || ""),
                    applyLink: item.querySelector("link")?.textContent || "#"
                }));
                
                populateSuggestions();
                displayJobs(jobs);
            } catch (error) {
                console.error("Error fetching jobs:", error);
                document.getElementById("jobList").innerHTML = "<p>Failed to load jobs. Please try again later.</p>";
            }
        }

        function displayJobs(jobList) {
            const jobListElement = document.getElementById("jobList");
            jobListElement.innerHTML = "";
            if (jobList.length === 0) {
                jobListElement.innerHTML = "<p>No jobs found. Try adjusting your search.</p>";
                return;
            }
            jobList.forEach(job => {
                let jobItem = document.createElement("div");
                jobItem.classList.add("job-item");
                jobItem.innerHTML = `
                    <h3>${job.title}</h3>
                    <p><strong>Specialty:</strong> ${job.specialty}</p>
                    <p><strong>Location:</strong> ${job.location}</p>
                    <p>${job.description}</p>
                    <a href="${job.applyLink}" class="apply-btn" target="_blank">Apply Now</a>
                `;
                jobListElement.appendChild(jobItem);
            });
        }

        function extractKeywords(text) {
            return text.toLowerCase().split(/\s+/).filter(word => word.length > 2).join(", ");
        }

        function filterJobs() {
            let searchQuery = document.getElementById("searchInput").value.toLowerCase().split(/\s+/);
            let filtered = jobs.filter(job =>
                searchQuery.some(word =>
                    job.title.toLowerCase().includes(word) ||
                    job.specialty.toLowerCase().includes(word) ||
                    job.location.toLowerCase().includes(word) ||
                    job.keywords.toLowerCase().includes(word)
                )
            );
            displayJobs(filtered);
        }

        function populateSuggestions() {
            const suggestions = document.getElementById("jobSuggestions");
            suggestions.innerHTML = "";
            let jobTitles = [...new Set(jobs.map(job => job.title))];
            jobTitles.forEach(title => {
                let option = document.createElement("option");
                option.value = title;
                suggestions.appendChild(option);
            });
        }

        document.getElementById("searchInput").addEventListener("keypress", function(event) {
            if (event.key === "Enter") {
                event.preventDefault();
                filterJobs();
            }
        });

        fetchJobs();
    </script>
</body>
</html>




TempMD