{"id":647,"date":"2025-04-03T10:20:09","date_gmt":"2025-04-03T02:20:09","guid":{"rendered":"https:\/\/kolkata-knight-riders.com\/?page_id=647"},"modified":"2025-04-03T16:52:17","modified_gmt":"2025-04-03T08:52:17","slug":"fixtures","status":"publish","type":"page","link":"https:\/\/kolkata-knight-riders.com\/fixtures\/","title":{"rendered":"Fixtures"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"647\" class=\"elementor elementor-647\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3228c22 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3228c22\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4608c98 elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"4608c98\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"855\" height=\"300\" src=\"https:\/\/kolkata-knight-riders.com\/wp-content\/uploads\/2025\/03\/HeroBannerSample.webp\" class=\"attachment-full size-full wp-image-176\" alt=\"\" srcset=\"https:\/\/kolkata-knight-riders.com\/wp-content\/uploads\/2025\/03\/HeroBannerSample.webp 855w, https:\/\/kolkata-knight-riders.com\/wp-content\/uploads\/2025\/03\/HeroBannerSample-300x105.webp 300w, https:\/\/kolkata-knight-riders.com\/wp-content\/uploads\/2025\/03\/HeroBannerSample-768x269.webp 768w\" sizes=\"(max-width: 855px) 100vw, 855px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb7d1cb e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"fb7d1cb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f5b1cbf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"f5b1cbf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4b34ff elementor-widget elementor-widget-heading\" data-id=\"f4b34ff\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cricket Scores & Fixtures<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-834a330 elementor-widget elementor-widget-html\" data-id=\"834a330\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"cricket-scores-widget\">\n  <div class=\"api-selector\">\n    <select id=\"api-select\">\n      <option value=\"d60afb57-f785-4fc4-a172-fc7990fc64a0\" selected>\n        Select API\n      <\/option>\n      <option value=\"d60afb57-f785-4fc4-a172-fc7990fc64a0\">\n        d60afb57-f785-4fc4-a172-fc7990fc64a0\n      <\/option>\n      <option value=\"7a827643-d818-4f89-ba67-497b6a29914a\">\n        7a827643-d818-4f89-ba67-497b6a29914a\n      <\/option>\n      <option value=\"a6dd6e3d-d5ad-4be0-847f-fb7685c5cbdc\">\n        a6dd6e3d-d5ad-4be0-847f-fb7685c5cbdc\n      <\/option>\n      <option value=\"a838cc92-cc14-41fe-9bf4-6b5580cfc0dc\">\n        a838cc92-cc14-41fe-9bf4-6b5580cfc0dc\n      <\/option>\n    <\/select>\n  <\/div>\n\n  <div id=\"scores-loading\">Loading cricket data...<\/div>\n  <div id=\"scores-container\" style=\"display: none\"><\/div>\n  <div id=\"scores-error\" style=\"display: none; color: red\"><\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const apiSelect = document.getElementById(\"api-select\");\n    const loadingEl = document.getElementById(\"scores-loading\");\n    const containerEl = document.getElementById(\"scores-container\");\n    const errorEl = document.getElementById(\"scores-error\");\n\n    fetchCricket(apiSelect.value);\n\n    apiSelect.addEventListener(\"change\", function () {\n      const selectedApi = apiSelect.value;\n      if (selectedApi) {\n        fetchCricket(selectedApi);\n      }\n    });\n\n    function fetchCricket(apiKey) {\n      containerEl.style.display = \"none\";\n      errorEl.style.display = \"none\";\n      loadingEl.style.display = \"block\";\n\n      fetch(`https:\/\/api.cricapi.com\/v1\/cricScore?apikey=${apiKey}`)\n        .then((response) => {\n          if (!response.ok) throw new Error(\"Network response was not ok\");\n          return response.json();\n        })\n        .then((data) => {\n          if (data.status !== \"success\")\n            throw new Error(\"API did not return success status\");\n          displayScores(data.data);\n        })\n        .catch((error) => {\n          showError(error.message);\n          console.error(\"Error fetching player data:\", error);\n        });\n    }\n\n    \/\/ Display scores function\n    function displayScores(matches) {\n      if (!matches || matches.length === 0) {\n        showError(\"No matches found\");\n        return;\n      }\n\n      \/\/ Hide loading, show container\n      loadingEl.style.display = \"none\";\n      containerEl.style.display = \"block\";\n\n      \/\/ Group matches by status\n      const liveMatches = matches.filter((m) => m.ms === \"live\");\n      const upcomingMatches = matches.filter((m) => m.ms === \"fixture\");\n      const recentMatches = matches\n        .filter((m) => m.ms === \"result\")\n        .slice(0, 3);\n\n      \/\/ Create HTML\n      let html = \"\";\n\n      \/\/ Live Matches\n      if (liveMatches.length > 0) {\n        html += `<div class=\"matches-section\">\n        <h4>Live Matches<\/h4>\n        <div class=\"matches-list\">`;\n\n        liveMatches.forEach((match) => {\n          html += createMatchCard(match, true);\n        });\n\n        html += `<\/div><\/div>`;\n      }\n\n      \/\/ Upcoming Matches\n      if (upcomingMatches.length > 0) {\n        html += `<div class=\"matches-section\">\n        <h4>Upcoming Matches<\/h4>\n        <div class=\"matches-list\">`;\n\n        upcomingMatches.slice(0, 5).forEach((match) => {\n          html += createMatchCard(match, false);\n        });\n\n        html += `<\/div><\/div>`;\n      }\n\n      \/\/ Recent Results\n      if (recentMatches.length > 0) {\n        html += `<div class=\"matches-section\">\n        <h4>Recent Results<\/h4>\n        <div class=\"matches-list\">`;\n\n        recentMatches.forEach((match) => {\n          html += createMatchCard(match, false);\n        });\n\n        html += `<\/div><\/div>`;\n      }\n\n      containerEl.innerHTML = html;\n    }\n\n    \/\/ Create match card HTML\n    function createMatchCard(match, isLive) {\n      const matchDate = formatDate(match.dateTimeGMT);\n      const matchTime = formatTime(match.dateTimeGMT);\n      const isT20 = match.matchType === \"t20\";\n      const isTest = match.matchType === \"test\";\n\n      return `\n      <div class=\"match-card ${\n        isLive ? \"live\" : \"\"\n      } ${isT20 ? \"t20\" : \"\"} ${isTest ? \"test\" : \"\"}\">\n        <div class=\"match-header\">\n          <span class=\"match-type\">${match.matchType.toUpperCase()}<\/span>\n          ${isLive ? '<span class=\"live-badge\">LIVE<\/span>' : \"\"}\n          <span class=\"match-series\">${match.series}<\/span>\n        <\/div>\n        <div class=\"teams-container\">\n          <div class=\"team\">\n            <img decoding=\"async\" src=\"${\n              match.t1img || \"https:\/\/via.placeholder.com\/48\"\n            }\" alt=\"${match.t1}\" width=\"24\" height=\"24\">\n            <span>${match.t1}<\/span>\n            ${match.t1s ? `<span class=\"score\">${match.t1s}<\/span>` : \"\"}\n          <\/div>\n          <div class=\"vs\">vs<\/div>\n          <div class=\"team\">\n            <img decoding=\"async\" src=\"${\n              match.t2img || \"https:\/\/via.placeholder.com\/48\"\n            }\" alt=\"${match.t2}\" width=\"24\" height=\"24\">\n            <span>${match.t2}<\/span>\n            ${match.t2s ? `<span class=\"score\">${match.t2s}<\/span>` : \"\"}\n          <\/div>\n        <\/div>\n        <div class=\"match-footer\">\n          <div class=\"match-status\">${match.status}<\/div>\n          <div class=\"match-time\">${matchDate} ${matchTime ? \"\u00b7 \" + matchTime : \"\"}<\/div>\n        <\/div>\n      <\/div>`;\n    }\n\n    \/\/ Error handling\n    function showError(message) {\n      loadingEl.style.display = \"none\";\n      errorEl.style.display = \"block\";\n      errorEl.textContent = \"Error: \" + message;\n    }\n\n    \/\/ Format date\n    function formatDate(dateString) {\n      if (!dateString) return \"\";\n      const options = { weekday: \"short\", month: \"short\", day: \"numeric\" };\n      return new Date(dateString).toLocaleDateString(\"en-US\", options);\n    }\n\n    \/\/ Format time\n    function formatTime(gmtString) {\n      if (!gmtString) return \"\";\n      const date = new Date(gmtString);\n      return date.toLocaleTimeString(\"en-US\", {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n        hour12: true,\n      });\n    }\n  });\n<\/script>\n\n<style>\n  #cricket-scores-widget {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n      Helvetica, Arial, sans-serif;\n    max-width: 100%;\n    padding: 15px;\n    background: #1C1C1C;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  }\n\n  #cricket-scores-widget h3 {\n    margin: 0 0 15px 0;\n    color: #333;\n    font-size: 1.2em;\n    border-bottom: 1px solid #ddd;\n    padding-bottom: 8px;\n  }\n\n  .api-selector {\n    margin-bottom: 20px;\n  }\n\n  .api-selector select {\n    width: 100%;\n    padding: 8px;\n    border-radius: 4px;\n    border: 1px solid #64586b;\n    font-size: 1em;\n    background-color: #252525;\n    color: #f2f2f2 !important;\n  }\n\n  .matches-section {\n    margin-bottom: 20px;\n  }\n\n  .matches-section h4 {\n    margin: 0 0 10px 0;\n    font-size: 0.9em;\n    color: #f4f4f4;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .match-card {\n    background: #252525;\n    border-radius: 6px;\n    padding: 12px;\n    margin-bottom: 10px;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    border-left: 3px solid #ddd;\n  }\n\n  .match-card.live {\n    border-left-color: #e74c3c;\n    animation: pulseBorder 2s infinite;\n  }\n\n  .match-card.t20 {\n    border-left-color: #2ecc71;\n  }\n\n  .match-card.test {\n    border-left-color: #3498db;\n  }\n\n  .match-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n    font-size: 0.8em;\n    color: #f4f4f4;\n  }\n\n  .match-type {\n    font-weight: bold;\n    margin-right: 8px;\n  }\n\n  .live-badge {\n    background: #e74c3c;\n    color: white;\n    font-size: 0.7em;\n    padding: 2px 6px;\n    border-radius: 3px;\n    margin-right: 8px;\n    font-weight: bold;\n  }\n\n  .match-series {\n    flex-grow: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .teams-container {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n  }\n\n  .team {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    font-weight: bold;\n    color: #f7f7f7;\n    justify-content: center;\n  }\n\n  .team img {\n    margin-right: 8px;\n    border-radius: 50%;\n  }\n\n  .vs {\n    margin: 0 10px;\n    color: #DFD017;\n    font-size: 40px;\n    filter: drop-shadow(0 0 8px rgba(223, 208, 23, 0.8));\n  }\n\n  .score {\n    margin-left: 8px;\n    color: #00fbfe;\n    font-weight: normal;\n  }\n\n  .match-footer {\n    font-size: 0.8em;\n    color: #666;\n  }\n\n  .match-status {\n    font-weight: bold;\n    color: #00fbfe;\n  }\n\n  .match-time {\n    color: #bbd4d4;\n  }\n\n  @keyframes pulseBorder {\n    0% {\n      border-left-color: #e74c3c;\n    }\n    50% {\n      border-left-color: #ff6b5b;\n    }\n    100% {\n      border-left-color: #e74c3c;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cricket Scores &#038; Fixtures Select API d60afb57-f785-4fc4-a172-fc7990fc64a0 7a827643-d818-4f89-ba67-497b6a29914a a6dd6e3d-d5ad-4be0-847f-fb7685c5cbdc a838cc92-cc14-41fe-9bf4-6b5580cfc0dc Loading cricket data&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"boxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-647","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/pages\/647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/comments?post=647"}],"version-history":[{"count":0,"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/pages\/647\/revisions"}],"wp:attachment":[{"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/media?parent=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}