{"id":670,"date":"2025-04-03T10:43:14","date_gmt":"2025-04-03T02:43:14","guid":{"rendered":"https:\/\/kolkata-knight-riders.com\/?page_id=670"},"modified":"2025-04-03T12:23:52","modified_gmt":"2025-04-03T04:23:52","slug":"players","status":"publish","type":"page","link":"https:\/\/kolkata-knight-riders.com\/players\/","title":{"rendered":"Players"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"670\" class=\"elementor elementor-670\">\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-29d419e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"29d419e\" 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-10acc8e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"10acc8e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e753e5 elementor-widget elementor-widget-heading\" data-id=\"6e753e5\" 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 Player Profiles<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c38733 elementor-widget elementor-widget-html\" data-id=\"3c38733\" 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=\"player-profile-widget\">\n  <h3>Cricket Player Profiles<\/h3>\n\n  <div class=\"api-selector\">\n    <select id=\"api-select\">\n      <option value=\"d60afb57-f785-4fc4-a172-fc7990fc64a0\" selected>Select API<\/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 class=\"player-selector\">\n    <select id=\"player-select\">\n      <option value=\"\">Select a player<\/option>\n      <option value=\"08679729-165e-46c8-9e1d-0f1f512e4ce5\" selected>\n        Waren Bell\n      <\/option>\n      <option value=\"40ec1485-5e7b-42c7-aa7e-94ac4196380c\">Kurt Botha<\/option>\n      <option value=\"83dbf3e6-73e6-479a-a538-2565fa1b9fcd\">\n        Willem Myburgh\n      <\/option>\n      <option value=\"94365eee-6200-4426-b1e2-26e3298dab93\">Carl Crowe<\/option>\n      <option value=\"1d5e0486-af85-430d-bd5e-4ec6157eea4d\">Rowan Rajah<\/option>\n      <option value=\"528cacd7-6851-44ea-8963-bed12a60ecb4\">Sanjay Singh<\/option>\n      <option value=\"28e1fbef-db2b-48f2-a47d-b6db51dda3c6\">Digvesh<\/option>\n      <option value=\"a3f40660-ccd6-4360-81ac-237f7fe09926\">\n        Madhav Tiwari\n      <\/option>\n      <option value=\"0e2b638b-e356-41bf-b986-f0f0f84bad38\">\n        Vignesh Puthur\n      <\/option>\n      <option value=\"849877f5-7704-4cad-b1ba-9e0b33aed35e\">\n        Abhinandan Singh\n      <\/option>\n      <option value=\"b830848a-0baa-4e2e-9af4-18b3dc3d5657\">JP Izeta<\/option>\n      <option value=\"b162a8a8-ae8c-45ec-b241-e147431db81d\">Kalra Mohini<\/option>\n      <option value=\"c0701224-eea0-4c9a-9ded-6240e8185457\">Malki Madara<\/option>\n      <option value=\"34f6d1d9-c60e-43c9-9b3a-94f2238889c7\">\n        Flora Devonshire\n      <\/option>\n      <option value=\"47b31074-ce6b-413e-a2ca-0de6e4a1864a\">Mirza Fahad<\/option>\n      <option value=\"d7461210-763b-4783-96ba-31437f38ff4d\">Ramiz Rao<\/option>\n      <option value=\"6b05de97-bb1c-4aeb-961d-6679a7c5c40c\">John Paveley<\/option>\n      <option value=\"fdbafd1e-7138-4957-bb34-2a4a4974bf6f\">\n        Grant Cambell\n      <\/option>\n      <option value=\"f0771abd-ee9a-40d9-b09b-f533f7a866aa\">\n        Virginie Nehoume\n      <\/option>\n      <option value=\"6e1fb48a-f535-4c54-9c00-24436b15efe8\">\n        Nathan Robinson\n      <\/option>\n      <option value=\"c500f23c-4136-4c71-a651-67f5da0aac22\">TC OConnor<\/option>\n      <option value=\"39935ef0-a910-40e8-9589-e7b5e8b4853c\">Irene Mutoni<\/option>\n      <option value=\"de5038a0-bbf7-48d7-bbbc-d027f5d620f3\">\n        Santhosh Shanmugam\n      <\/option>\n      <option value=\"9205c9cd-91c2-4838-b757-d02c7580b9c6\">\n        Bradley Vivian Kneebone\n      <\/option>\n      <option value=\"a5b77166-29f2-4aa0-b1d4-e723edd052f1\">\n        Naitha Simelum\n      <\/option>\n    <\/select>\n  <\/div>\n  <div id=\"player-loading\">Loading player data...<\/div>\n  <div id=\"player-container\" style=\"display: none\"><\/div>\n  <div id=\"player-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 playerSelect = document.getElementById(\"player-select\");\n    const loadingEl = document.getElementById(\"player-loading\");\n    const containerEl = document.getElementById(\"player-container\");\n    const errorEl = document.getElementById(\"player-error\");\n\n    const initialPlayerId = playerSelect.value;\n    if (initialPlayerId) {\n      fetchPlayerProfile(apiSelect, initialPlayerId);\n    }\n\n    \/\/ Player selection handler\n    playerSelect.addEventListener(\"change\", function () {\n      const playerId = this.value;\n      if (playerId) {\n        fetchPlayerProfile(apiSelect, playerId);\n      } else {\n        containerEl.style.display = \"none\";\n      }\n    });\n\n    apiSelect.addEventListener(\"change\", function () {\n      const playerId = playerSelect.value;\n      if (playerId) {\n        fetchPlayerProfile(apiSelect, playerId);\n      }\n    });\n\n    \/\/ Fetch player profile\n    function fetchPlayerProfile(apiSelect, playerId) {\n      containerEl.style.display = \"none\";\n      errorEl.style.display = \"none\";\n      loadingEl.style.display = \"block\";\n      const apiKey = apiSelect.value;\n\n      fetch(\n        `https:\/\/api.cricapi.com\/v1\/players_info?apikey=${apiKey}&id=${playerId}`\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          displayPlayerProfile(data.data);\n        })\n        .catch((error) => {\n          showError(error.message);\n          console.error(\"Error fetching player data:\", error);\n        });\n    }\n\n    \/\/ Display player profile\n    function displayPlayerProfile(player) {\n      if (!player) {\n        showError(\"No player data available\");\n        return;\n      }\n\n      \/\/ Hide loading, show container\n      loadingEl.style.display = \"none\";\n      containerEl.style.display = \"block\";\n\n      \/\/ Format date of birth\n      const dob = player.dateOfBirth\n        ? formatDate(player.dateOfBirth)\n        : \"Unknown\";\n      const age = player.dateOfBirth ? calculateAge(player.dateOfBirth) : \"\";\n\n      \/\/ Group stats by match type\n      const statsByType = {};\n      player.stats.forEach((stat) => {\n        if (!statsByType[stat.matchtype]) {\n          statsByType[stat.matchtype] = {\n            batting: {},\n            bowling: {},\n          };\n        }\n        statsByType[stat.matchtype][stat.fn][stat.stat.trim()] =\n          stat.value.trim();\n      });\n\n      \/\/ Create HTML\n      let html = `\n    <div class=\"player-header\">\n      <div class=\"player-image\">\n        <img decoding=\"async\" src=\"${\n          player.playerImg || \"https:\/\/via.placeholder.com\/150\"\n        }\" alt=\"${player.name}\" width=\"120\">\n      <\/div>\n      <div class=\"player-info\">\n        <h2>${player.name}<\/h2>\n        <div class=\"player-meta\">\n          <div><strong>Role:<\/strong> ${player.role || \"Unknown\"}<\/div>\n          <div><strong>Born:<\/strong> ${dob} ${\n        age ? `(${age} years)` : \"\"\n      }<\/div>\n          <div><strong>Batting:<\/strong> ${\n            player.battingStyle || \"Unknown\"\n          }<\/div>\n          <div><strong>Bowling:<\/strong> ${\n            player.bowlingStyle || \"Unknown\"\n          }<\/div>\n          <div><strong>Country:<\/strong> ${player.country || \"Unknown\"}<\/div>\n          <div><strong>Birth Place:<\/strong> ${\n            player.placeOfBirth || \"Unknown\"\n          }<\/div>\n        <\/div>\n      <\/div>\n    <\/div>`;\n\n      \/\/ Add stats sections for each match type with data\n      for (const [matchType, stats] of Object.entries(statsByType)) {\n        if (hasValidStats(stats)) {\n          html += createStatsSection(matchType.toUpperCase(), stats);\n        }\n      }\n\n      containerEl.innerHTML = html;\n    }\n\n    \/\/ Check if stats contain any non-zero values\n    function hasValidStats(stats) {\n      const battingValues = Object.values(stats.batting);\n      const bowlingValues = Object.values(stats.bowling);\n      return (\n        battingValues.some((v) => v !== \"0\") ||\n        bowlingValues.some((v) => v !== \"0\" && v !== \"0.0\" && v !== \"-\/-\")\n      );\n    }\n\n    \/\/ Create stats section HTML\n    function createStatsSection(title, stats) {\n      return `\n    <div class=\"stats-section\">\n      <h4>${title} Statistics<\/h4>\n      <div class=\"stats-container\">\n        ${createStatsTable(\"Batting\", stats.batting)}\n        ${createStatsTable(\"Bowling\", stats.bowling)}\n      <\/div>\n    <\/div>`;\n    }\n\n    \/\/ Create stats table HTML\n    function createStatsTable(title, stats) {\n      if (\n        Object.values(stats).every(\n          (v) => v === \"0\" || v === \"0.0\" || v === \"-\/-\"\n        )\n      ) {\n        return \"\";\n      }\n\n      let rows = \"\";\n      for (const [stat, value] of Object.entries(stats)) {\n        if (value !== \"0\" && value !== \"0.0\" && value !== \"-\/-\") {\n          rows += `<tr>\n          <td>${formatStatName(stat)}<\/td>\n          <td>${value}<\/td>\n        <\/tr>`;\n        }\n      }\n\n      return `\n    <div class=\"stats-table\">\n      <h5>${title}<\/h5>\n      <table>\n        <tbody>${rows}<\/tbody>\n      <\/table>\n    <\/div>`;\n    }\n\n    \/\/ Format stat names for display\n    function formatStatName(stat) {\n      const statMap = {\n        m: \"Matches\",\n        inn: \"Innings\",\n        runs: \"Runs\",\n        bf: \"Balls Faced\",\n        hs: \"High Score\",\n        avg: \"Average\",\n        sr: \"Strike Rate\",\n        no: \"Not Outs\",\n        \"4s\": \"Fours\",\n        \"6s\": \"Sixes\",\n        50: \"Fifties\",\n        100: \"Centuries\",\n        200: \"Double Centuries\",\n        b: \"Balls Bowled\",\n        wkts: \"Wickets\",\n        econ: \"Economy\",\n        bbi: \"Best Bowling Inns\",\n        bbm: \"Best Bowling Match\",\n        \"5w\": \"5 Wicket Hauls\",\n        \"10w\": \"10 Wicket Hauls\",\n      };\n      return statMap[stat] || stat;\n    }\n\n    \/\/ Format date\n    function formatDate(dateString) {\n      const date = new Date(dateString);\n      return date.toLocaleDateString(\"en-US\", {\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n      });\n    }\n\n    \/\/ Calculate age from date of birth\n    function calculateAge(dateString) {\n      const birthDate = new Date(dateString);\n      const today = new Date();\n      let age = today.getFullYear() - birthDate.getFullYear();\n      const monthDiff = today.getMonth() - birthDate.getMonth();\n      if (\n        monthDiff < 0 ||\n        (monthDiff === 0 && today.getDate() < birthDate.getDate())\n      ) {\n        age--;\n      }\n      return age;\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  #player-profile-widget {\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  #player-profile-widget h3 {\n    margin: 0 0 15px 0;\n    color: #f7f7f7;\n    font-size: 1.2em;\n    border-bottom: 1px solid  #64586b;;\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  .player-selector {\n    margin-bottom: 20px;\n  }\n\n  .player-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  #player-loading {\n    color: #f2f2f2 !important;\n}\n  .player-header {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 20px;\n    align-items: flex-start;\n  }\n\n  .player-image img {\n    border-radius: 8px;\n    border: 2px solid #ddd;\n  }\n\n  .player-info h2 {\n    margin: 0 0 10px 0;\n    color: #f4f4f4;\n  }\n\n  .player-meta {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    gap: 8px;\n    font-size: 0.9em;\n    color: #f2f2f2;\n  }\n\n  .player-meta div {\n    padding: 4px 0;\n  }\n\n  .stats-section {\n    margin-bottom: 20px;\n  }\n\n  .stats-section h4 {\n    margin: 0 0 10px 0;\n    color: #f4f4f4;\n    border-bottom: 1px solid #64586b;\n    padding-bottom: 5px;\n  }\n\n  .stats-container {\n    display: flex;\n    gap: 20px;\n    flex-wrap: wrap;\n  }\n\n  .stats-table {\n    flex: 1;\n    min-width: 250px;\n    background: #252525;\n    padding: 10px;\n    border-radius: 6px;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  }\n\n  .stats-table h5 {\n    margin: 0 0 8px 0;\n    color: #f4f4f4;\n    font-size: 0.9em;\n  }\n\n  .stats-table table {\n    width: 100%;\n    border-collapse: collapse;\n    border: 1px solid #64586b;\n    color: #f2f2f2;\n  }\n\n  .stats-table td {\n    padding: 4px 8px;\n    border-bottom: 1px solid #64586b;\n    border-right: 1px solid #64586b;\n  }\n\n  .stats-table td:first-child {\n    font-weight: 500;\n  }\n\n  @media (max-width: 600px) {\n    .player-header {\n      flex-direction: column;\n    }\n\n    .player-meta {\n      grid-template-columns: 1fr;\n    }\n\n    .stats-container {\n      flex-direction: column;\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 Player Profiles Cricket Player Profiles Select API d60afb57-f785-4fc4-a172-fc7990fc64a0 7a827643-d818-4f89-ba67-497b6a29914a a6dd6e3d-d5ad-4be0-847f-fb7685c5cbdc a838cc92-cc14-41fe-9bf4-6b5580cfc0dc Select a player Waren Bell Kurt Botha Willem Myburgh Carl CroweRowan RajahSanjay SinghDigvesh Madhav Tiwari Vignesh Puthur Abhinandan Singh JP IzetaKalra MohiniMalki Madara Flora Devonshire Mirza FahadRamiz RaoJohn Paveley Grant Cambell Virginie Nehoume Nathan Robinson TC OConnorIrene Mutoni Santhosh Shanmugam Bradley Vivian Kneebone Naitha Simelum Loading player 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-670","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/pages\/670","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=670"}],"version-history":[{"count":0,"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/pages\/670\/revisions"}],"wp:attachment":[{"href":"https:\/\/kolkata-knight-riders.com\/wp-json\/wp\/v2\/media?parent=670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}