{% load i18n %}
<div class="text-center">
    <div class="text-2xl font-bold text-gray-800 mb-2">
        <i class="fas fa-clock mr-2"></i>{{ current_time|date:"H:i" }}
    </div>
    <div class="text-sm text-gray-600">
        {{ current_time|date:"l, F j" }}
    </div>
    <div class="text-xs text-gray-500 mt-2">
        {{ timezone }}
    </div>
    <div class="mt-4">
        <i class="fas fa-sun text-yellow-500 text-xl"></i>
        <div class="text-xs text-gray-600 mt-1">Sunny</div>
    </div>
</div>