Sports API

interface Sport {
    id: string;    // Sport identifier (used in Matches API endpoints)
    name: string;  // Display name of the sport
}

// Get all available sports
fetch('https://streamed.pk/api/sports')
  .then(response => response.json())
  .then(sports => {
    // Create a sport selection dropdown
    const select = document.createElement('select');
    select.id = 'sport-selector';

    const defaultOption = document.createElement('option');
    defaultOption.value = '';
    defaultOption.textContent = 'Select a sport';
    select.appendChild(defaultOption);

    sports.forEach(sport => {
      const option = document.createElement('option');
      option.value = sport.id;
      option.textContent = sport.name;
      select.appendChild(option);
    });

    select.addEventListener('change', (event) => {
      const sportId = event.target.value;
      if (sportId) {
        fetch(`https://streamed.pk/api/matches/${sportId}`)
          .then(response => response.json())
          .then(matches => {
            console.log(`Found ${matches.length} matches for ${sportId}`);
          })
          .catch(error => console.error('Error fetching matches:', error));
      }
    });

    document.getElementById('sports-container').appendChild(select);
  })
  .catch(error => console.error('Error fetching sports:', error));

// Example response from /api/sports
[
  { "id": "football", "name": "Football" },
  { "id": "basketball", "name": "Basketball" },
  { "id": "tennis", "name": "Tennis" },
  { "id": "hockey", "name": "Hockey" },
  { "id": "baseball", "name": "Baseball" },
  { "id": "mma", "name": "MMA" },
  { "id": "boxing", "name": "Boxing" }
  // More sport objects...
]