function player_vs_player_shortcode($atts) {
    $atts = shortcode_atts(['match_id' => ''], $atts);
    $match_id = $atts['match_id'];

    if (!$match_id) {
        return "<p>Error: Match ID is required.</p>";
    }

    // Fetch squads data
    $squads_data = fetch_match_squads_v2($match_id);

    if (!$squads_data) {
        return "<p>Error: Unable to fetch squads for Match ID {$match_id}. Please try again later.</p>";
    }

    $players = [];
    $response = $squads_data['response'];

    if (isset($response['teama']['squads'])) {
        foreach ($response['teama']['squads'] as $player) {
            $players['teama'][$player['player_id']] = $player['name'];
        }
    }

    if (isset($response['teamb']['squads'])) {
        foreach ($response['teamb']['squads'] as $player) {
            $players['teamb'][$player['player_id']] = $player['name'];
        }
    }

    // Prepare HTML
    $output = '<div class="player-stats-container">';
    $output .= '<h3 class="stats-header">Player vs Player Stats</h3>';

    // Dropdown filters
    $output .= '<div class="filters">';
    $output .= '<select id="batter-filter" class="filter-select"><option value="">Select Batter</option>';
    foreach ($players['teama'] as $batter_id => $batter_name) {
        $output .= "<option value='{$batter_id}'>{$batter_name}</option>";
    }
    $output .= '</select>';

    $output .= '<select id="bowler-filter" class="filter-select"><option value="">Select Bowler</option>';
    foreach ($players['teamb'] as $bowler_id => $bowler_name) {
        $output .= "<option value='{$bowler_id}'>{$bowler_name}</option>";
    }
    $output .= '</select>';

    $output .= '<button id="show-stats" class="btn-show">Show</button>';
    $output .= '</div>';

    // Result table
    $output .= '<table id="player-vs-player-stats" class="display">';
    $output .= '<thead><tr><th>Batter Name</th><th>Bowler Name</th><th>Runs</th><th>Balls</th><th>Wickets</th></tr></thead><tbody></tbody>';
    $output .= '</table>';
    $output .= '</div>';

    // JavaScript for the Show button
    $output .= '<script>
        jQuery(document).ready(function($) {
            $("#show-stats").on("click", function() {
                var batter_id = $("#batter-filter").val();
                var bowler_id = $("#bowler-filter").val();

                if (!batter_id || !bowler_id) {
                    alert("Please select both a batter and a bowler");
                    return;
                }

                $.ajax({
                    url: "' . admin_url('admin-ajax.php') . '",
                    type: "POST",
                    data: {
                        action: "fetch_player_vs_player_data",
                        batter_id: batter_id,
                        bowler_id: bowler_id
                    },
                    success: function(response) {
                        if (response.success) {
                            var tableBody = $("#player-vs-player-stats tbody");
                            tableBody.empty();

                            response.data.forEach(function(row) {
                                tableBody.append(
                                    "<tr><td>" + row.batter_name + "</td><td>" + row.bowler_name + "</td><td>" +
                                    row.runs + "</td><td>" + row.balls + "</td><td>" + row.wickets + "</td></tr>"
                                );
                            });
                        } else {
                            alert(response.data.message || "No data available");
                        }
                    },
                    error: function() {
                        alert("An error occurred while fetching data");
                    }
                });
            });
        });
    </script>';

    return $output;
}
add_shortcode('player_vs_player_stats', 'player_vs_player_shortcode');
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/myfinjex/public_html/wp-content/plugins/cricket-live-dream11/includes/player-vs-player-api.php:1) in <b>/home/myfinjex/public_html/wp-content/plugins/digits/includes/core/digits_session.php</b> on line <b>121</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/myfinjex/public_html/wp-content/plugins/cricket-live-dream11/includes/player-vs-player-api.php:1) in <b>/home/myfinjex/public_html/wp-content/plugins/digits/includes/core/digits_session.php</b> on line <b>121</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/myfinjex/public_html/wp-content/plugins/cricket-live-dream11/includes/player-vs-player-api.php:1) in <b>/home/myfinjex/public_html/wp-includes/pluggable.php</b> on line <b>1435</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/myfinjex/public_html/wp-content/plugins/cricket-live-dream11/includes/player-vs-player-api.php:1) in <b>/home/myfinjex/public_html/wp-includes/pluggable.php</b> on line <b>1438</b><br />