Add a Panchang Widget to WordPress Using Navamsha API

PHP — cached Panchang shortcode

function navamsha_panchang_shortcode() {
  $cache_key = 'navamsha_panchang_' . date('Y-m-d');
  $cached = get_transient($cache_key);
  if ($cached) return $cached;

  $url = add_query_arg([
    'date' => date('Y-m-d'),
    'latitude' => 19.0760,
    'longitude' => 72.8777,
  ], 'https://api.navamsha.in/api/v1/panchang/daily');

  $response = wp_remote_get($url, [
    'headers' => ['X-API-Key' => NAVAMSHA_API_KEY],
    'timeout' => 15,
  ]);
  if (is_wp_error($response)) return '<p>Panchang unavailable</p>';

  $body = json_decode(wp_remote_retrieve_body($response), true);
  $html = '<div class="navamsha-panchang">'
    . esc_html($body['data']['tithi']['name'] ?? 'Tithi')
    . ' · ' . esc_html($body['data']['nakshatra']['name'] ?? 'Nakshatra')
    . '</div>';
  set_transient($cache_key, $html, DAY_IN_SECONDS);
  return $html;
}
add_shortcode('navamsha_panchang', 'navamsha_panchang_shortcode');