{"id":656,"date":"2025-04-03T10:25:51","date_gmt":"2025-04-03T02:25:51","guid":{"rendered":"https:\/\/kolkata-knight-riders.com\/?page_id=656"},"modified":"2025-04-03T16:22:01","modified_gmt":"2025-04-03T08:22:01","slug":"teams","status":"publish","type":"page","link":"https:\/\/kolkata-knight-riders.com\/teams\/","title":{"rendered":"Teams"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"656\" class=\"elementor elementor-656\">\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-cb7995f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"cb7995f\" 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-334530e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"334530e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ae40b0 elementor-widget elementor-widget-heading\" data-id=\"7ae40b0\" 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\">IPL 2025 Points Table<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78f6f46 elementor-widget elementor-widget-html\" data-id=\"78f6f46\" 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-points-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=\"points-loading\">Loading points table...<\/div>\n  <div id=\"points-container\" style=\"display: none\"><\/div>\n  <div id=\"points-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(\"points-loading\");\n    const containerEl = document.getElementById(\"points-container\");\n    const errorEl = document.getElementById(\"points-error\");\n\n    fetchPointsTable(apiSelect.value);\n\n    apiSelect.addEventListener(\"change\", function () {\n      const selectedApi = apiSelect.value;\n      if (selectedApi) {\n        fetchPointsTable(selectedApi);\n      }\n    });\n\n    function fetchPointsTable(apiKey) {\n      containerEl.style.display = \"none\";\n      errorEl.style.display = \"none\";\n      loadingEl.style.display = \"block\";\n\n      fetch(\n        `https:\/\/api.cricapi.com\/v1\/series_points?apikey=${apiKey}&id=d5a498c8-7596-4b93-8ab0-e0efc3345312`\n      )\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          displayPointsTable(data.data);\n        })\n        .catch((error) => {\n          showError(error.message);\n          console.error(\"Error fetching player data:\", error);\n        });\n    }\n\n    \/\/ Display points table\n    function displayPointsTable(teams) {\n      if (!teams || teams.length === 0) {\n        showError(\"No team data available\");\n        return;\n      }\n\n      \/\/ Hide loading, show container\n      loadingEl.style.display = \"none\";\n      containerEl.style.display = \"block\";\n\n      \/\/ Sort teams by wins (descending)\n      const sortedTeams = [...teams].sort((a, b) => b.wins - a.wins);\n\n      \/\/ Create HTML table\n      let html = `\n    <div class=\"points-table-container\">\n      <table class=\"points-table\">\n        <thead>\n          <tr>\n            <th>#<\/th>\n            <th>Team<\/th>\n            <th>Matches<\/th>\n            <th>Wins<\/th>\n            <th>Losses<\/th>\n            <th>Ties<\/th>\n            <th>NR<\/th>\n            <th>Points<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>`;\n\n      sortedTeams.forEach((team, index) => {\n        const points = team.wins * 2 + team.ties * 1;\n        html += `\n        <tr>\n          <td>${index + 1}<\/td>\n          <td class=\"team-cell\">\n            <img decoding=\"async\" src=\"${team.img || \"https:\/\/via.placeholder.com\/32\"}\" alt=\"${\n          team.shortname\n        }\" width=\"24\" height=\"24\">\n            <span class=\"team-name\">${team.teamname}<\/span>\n            <span class=\"team-shortname\">${team.shortname}<\/span>\n          <\/td>\n          <td>${team.matches}<\/td>\n          <td>${team.wins}<\/td>\n          <td>${team.loss}<\/td>\n          <td>${team.ties}<\/td>\n          <td>${team.nr}<\/td>\n          <td class=\"points-cell\">${points}<\/td>\n        <\/tr>`;\n      });\n\n      html += `<\/tbody><\/table><\/div>`;\n      containerEl.innerHTML = html;\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<\/script>\n\n<style>\n  #cricket-points-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-points-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  .points-table-container {\n    overflow-x: auto;\n  }\n\n  .points-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 0.9em;\n  }\n  \n  .points-table tbody {\n    color: #f2f2f2;\n  }\n\n  .points-table th {\n    background-color: #160b19;\n    color: #f7f7f7;\n    text-align: left;\n    padding: 8px 12px;\n    font-weight: 500;\n  }\n\n  .points-table td {\n    padding: 8px 12px;\n    \/*border-bottom: 1px solid #64586b;*\/\n  }\n  \n  .points-table, td, th {\n    border: 1px solid #64586b;\n}\n\n  .points-table tr:nth-child(even) {\n    background-color: #252525;\n  }\n\n  .points-table tr:hover {\n    background-color: #160B19;\n  }\n  \n  .team-cell {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    \/*border: none !important;*\/\n  }\n\n  .team-cell img {\n    border-radius: 50%;\n  }\n\n  .team-name {\n    flex-grow: 1;\n    color: #f7f7f7;\n  }\n\n  .team-shortname {\n    color: #666;\n    font-size: 0.9em;\n    color: #e2e2e2;\n  }\n\n  .points-cell {\n    font-weight: bold;\n    color: #f7f7f7;\n  }\n\n  @media (max-width: 600px) {\n    .team-name {\n      display: none;\n    }\n\n    .points-table th,\n    .points-table td {\n      padding: 6px 8px;\n      font-size: 0.8em;\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>IPL 2025 Points Table Select API d60afb57-f785-4fc4-a172-fc7990fc64a0 7a827643-d818-4f89-ba67-497b6a29914a a6dd6e3d-d5ad-4be0-847f-fb7685c5cbdc a838cc92-cc14-41fe-9bf4-6b5580cfc0dc Loading points table&#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-656","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/pages\/656","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=656"}],"version-history":[{"count":0,"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/pages\/656\/revisions"}],"wp:attachment":[{"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/media?parent=656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}