<?php
    $data = wpgetapi_endpoint( 'kpi', 'kpi', array('debug' => false) );

    $html = '<table>';
        $html .= '<thead>';
            $html .= '<tr>';
                $html .= '<th>Observed Date</th>';
                $html .= '<th>Region</th>';
                $html .= '<th>Longitude/Latitude</th>';
                $html .= '<th>Location</th>';
            $html .= '</th>';
        $html .= '</thead>';

        $html .= '<tbody>';

        foreach($data as $key => $item) {
            $observed_date = $item['observed_date'];
            $region = $item['region'];
            $lat = $item['latitude'];
            $long = $item['longitude'];
            $location = $item['location'];

            $html .= '<tr>';
                $html .= '<td>' . $observed_date . '</td>';
                $html .= '<td>' . $region . '</td>';
                $html .= '<td>' . $lat . ' / ' . $long . '</td>';
                $html .= '<td>' . $location . '</td>';
            $html .= '</td>';
        }

        $html .= '</tbody>';
    $html .= '</table>';

    echo $html;
?>