{"id":1049,"date":"2025-12-31T19:14:43","date_gmt":"2025-12-31T19:14:43","guid":{"rendered":"https:\/\/homenorthbaseball.ca\/LNH\/?page_id=1049"},"modified":"2025-12-31T19:15:47","modified_gmt":"2025-12-31T19:15:47","slug":"2025draft","status":"publish","type":"page","link":"https:\/\/homenorthbaseball.ca\/LNH\/2025draft\/","title":{"rendered":"2025 Draft"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"905\" height=\"550\" src=\"https:\/\/homenorthbaseball.ca\/LNH\/wp-content\/uploads\/2025\/12\/LNH-DRAFT-V10.png\" alt=\"\" class=\"wp-image-1051\" style=\"aspect-ratio:1.6454698159130643;width:268px;height:auto\" srcset=\"https:\/\/homenorthbaseball.ca\/LNH\/wp-content\/uploads\/2025\/12\/LNH-DRAFT-V10.png 905w, https:\/\/homenorthbaseball.ca\/LNH\/wp-content\/uploads\/2025\/12\/LNH-DRAFT-V10-300x182.png 300w, https:\/\/homenorthbaseball.ca\/LNH\/wp-content\/uploads\/2025\/12\/LNH-DRAFT-V10-768x467.png 768w\" sizes=\"auto, (max-width: 905px) 100vw, 905px\" \/><\/figure>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  <title>2026 Draft Order<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.4.1\/papaparse.min.js\"><\/script>\n  <style>\n    body {font-family:'Roboto',sans-serif;background:#f9f9f9;margin:0;padding:0 20px;}\n    h1 {text-align:center;color:#333;margin-bottom:30px;}\n    .controls {text-align:center;margin:20px 0;}\n    select {padding:5px 15px;font-size:15px;border-radius:8px;border:1px solid #ccc;}\n    .table-wrapper {\n      width:100%;\n      overflow-x:auto;\n      -webkit-overflow-scrolling:touch;\n      background:white;\n      border-radius:10px;\n      box-shadow:0 6px 20px rgba(0,0,0,0.12);\n    }\n    table {\n      width:100%;\n      min-width:720px;\n      border-collapse:separate;\n      border-spacing:0;\n      background:white;\n    }\n    th, td {\n      padding:14px 8px;\n      text-align:center;\n      white-space:nowrap;\n    }\n    td, th { line-height: 1.1; min-height: 48px; }\n    th {\n      background:#980000;\n      color:white;\n      font-weight:500;\n      font-size:14px;\n      text-transform:uppercase;\n      letter-spacing:0.8px;\n    }\n    thead tr:first-child th:first-child {border-top-left-radius:10px;}\n    thead tr:first-child th:last-child {border-top-right-radius:10px;}\n    tbody tr:last-child td:first-child {border-bottom-left-radius:10px;}\n    tbody tr:last-child td:last-child {border-bottom-right-radius:10px;}\n    td {border-bottom:1px solid #eee;color:#000;}\n    tr:hover {background-color:#f8e0e0 !important;transition:background-color .25s;}\n    tr:nth-child(even) {background-color:#fdfdfd;}\n\n    \/* Dynamic styles for team column only *\/\n    #teamColorStyles { display: none; }\n\n    @media (min-width:768px) {\n      th:nth-child(1), td:nth-child(1) {width:10%;}\n      th:nth-child(2), td:nth-child(2) {width:10%;}\n      th:nth-child(3), td:nth-child(3) {width:10%;}\n      th:nth-child(4), td:nth-child(4) {width:22%;}\n      th:nth-child(5), td:nth-child(5) {width:28%;}\n      th:nth-child(6), td:nth-child(6) {width:20%;}\n    }\n    @media (max-width:767px) {\n      th, td {font-size:15px;padding:12px 6px;}\n      th:nth-child(1), td:nth-child(1) {width:70px;}\n      th:nth-child(2), td:nth-child(2) {width:70px;}\n      th:nth-child(3), td:nth-child(3) {width:80px;}\n      th:nth-child(4), td:nth-child(4) {width:140px;}\n      th:nth-child(5), td:nth-child(5) {width:180px;}\n      th:nth-child(6), td:nth-child(6) {width:100px;}\n    }\n    .loading {padding:40px;text-align:center;color:#666;font-size:18px;}\n    td, th { border-right: 1px solid #ddd; }\n    td:last-child, th:last-child { border-right: none; }\n    td { border-bottom: 1px solid #ddd; }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"controls\">\n    <label for=\"teamFilter\"><strong>Filter by Team:<\/strong><\/label>\n    <select id=\"teamFilter\"><option value=\"all\">All Teams<\/option><\/select>\n  <\/div>\n  <div class=\"table-wrapper\">\n    <table id=\"draftTable\">\n      <thead>\n        <tr><th>Round<\/th><th>Pick #<\/th><th>Overall<\/th><th>Team<\/th><th>Player<\/th><th>Position<\/th><\/tr>\n      <\/thead>\n      <tbody id=\"tableBody\">\n        <tr><td colspan=\"6\" class=\"loading\">Loading draft order&#8230;<\/td><\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <!-- Container for dynamically injected team color styles -->\n  <style id=\"teamColorStyles\"><\/style>\n\n  <script>\n    \/\/ === EDIT THIS OBJECT TO SET TEAM COLORS ===\n    const teamColors = {\n      \"Polish Hall\": { bg: \"#ffffff\", text: \"#FF0000\" },\n      \"Waterford Caulking\": { bg: \"#ff0000\", text: \"#FFFFFF\" },\n      \"G2 Holdings\": { bg: \"#4285f4\", text: \"#ff6d01\" },\n      \"M&M Tree Service\": { bg: \"#6aa84f\", text: \"#000000\" },\n      \"Cainsville Tire\": { bg: \"#ff6d01\", text: \"#FFFFFF\" },\n      \"All Pro Systems\": { bg: \"#4285f4\", text: \"#980000\" },\n      \"Brant County Tire\": { bg: \"#1c4587\", text: \"#ffff00\" },\n      \"Dayside Windows\": { bg: \"#000000\", text: \"#4285f4\" },\n      \"Kreative Aluminum\": { bg: \"#980000\", text: \"#FFFFFF\" },\n      \"Sammy's\": { bg: \"#ff9900\", text: \"#000000\" },\n      \"Brant Cannabis\": { bg: \"#34a853\", text: \"#d9d9d9\" },\n      \"Frankie's\": { bg: \"#a9d1e8\", text: \"#000000\" },\n      \/\/ Add or modify teams here\n    };\n\n    \/\/ Generate CSS classes that only affect the Team column (4th td)\n    function generateTeamColorStyles() {\n      const styleEl = document.getElementById(\"teamColorStyles\");\n      let css = \"\";\n      for (const [team, colors] of Object.entries(teamColors)) {\n        const safeName = team.replace(\/[^a-z0-9]\/gi, '_').toLowerCase();\n        css += `.teamcell-${safeName} { \n          background-color: ${colors.bg} !important; \n        }\\n`;\n        if (colors.text) {\n          css += `.teamcell-${safeName} strong { \n            color: ${colors.text} !important; \n          }\\n`;\n        }\n      }\n      styleEl.textContent = css;\n    }\n\n    const csvUrl = \"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vSLnKWFoleHjizvNO87oAdy_HhbKUZwxGTstSLBicZSOaZbvYuYYkdepllBwzjsDs7x7ve7zWIvwLjU\/pub?gid=250565348&single=true&output=csv\";\n    let allData = [];\n    const tableBody = document.getElementById(\"tableBody\");\n    const teamFilter = document.getElementById(\"teamFilter\");\n\n    Papa.parse(csvUrl, {\n      download: true,\n      header: true,\n      skipEmptyLines: true,\n      transformHeader: h => h.trim() === \"Pick #\" || h.includes(\"Pick\") ? \"Pick #\" : h.trim(),\n      complete: function(results) {\n        allData = results.data.filter(r => r.Round);\n        generateTeamColorStyles();\n        renderTable(allData);\n        populateTeamFilter();\n      }\n    });\n\n    function renderTable(data) {\n      tableBody.innerHTML = data.length === 0\n        ? '<tr><td colspan=\"6\">No picks found.<\/td><\/tr>'\n        : data.map(row => {\n            const team = row.Team || '';\n            const safeName = team.replace(\/[^a-z0-9]\/gi, '_').toLowerCase();\n            const teamCellClass = teamColors[team] ? `teamcell-${safeName}` : '';\n            return `\n              <tr>\n                <td>${row.Round||''}<\/td>\n                <td>${row[\"Pick #\"]||''}<\/td>\n                <td>${row.Overall||''}<\/td>\n                <td class=\"${teamCellClass}\"><strong>${team}<\/strong><\/td>\n                <td>${row.Player||''}<\/td>\n                <td>${row.Position||''}<\/td>\n              <\/tr>`;\n          }).join('');\n    }\n\n    function populateTeamFilter() {\n      [...new Set(allData.map(r => r.Team).filter(Boolean))].sort()\n        .forEach(t => teamFilter.appendChild(Object.assign(document.createElement('option'), {value:t, textContent:t})));\n    }\n\n    teamFilter.onchange = () => renderTable(teamFilter.value === \"all\" ? allData : allData.filter(r => r.Team === teamFilter.value));\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>2026 Draft Order Filter by Team: All Teams Round Pick # Overall Team Player Position Loading draft order&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1049","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/homenorthbaseball.ca\/LNH\/wp-json\/wp\/v2\/pages\/1049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homenorthbaseball.ca\/LNH\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/homenorthbaseball.ca\/LNH\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/homenorthbaseball.ca\/LNH\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/homenorthbaseball.ca\/LNH\/wp-json\/wp\/v2\/comments?post=1049"}],"version-history":[{"count":2,"href":"https:\/\/homenorthbaseball.ca\/LNH\/wp-json\/wp\/v2\/pages\/1049\/revisions"}],"predecessor-version":[{"id":1052,"href":"https:\/\/homenorthbaseball.ca\/LNH\/wp-json\/wp\/v2\/pages\/1049\/revisions\/1052"}],"wp:attachment":[{"href":"https:\/\/homenorthbaseball.ca\/LNH\/wp-json\/wp\/v2\/media?parent=1049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}