{% extends 'blog/blog.html' %}
{% load post_extras %}
{% load solo_tags %}

{% block title %}<title>{% get_solo 'tbase_config.General' as site_config %}{{site_config.site_title}}</title>{% endblock %}

{% block top_nav %}
<a href="{% url 'home' %}" class="px-4 py-2 rounded-full text-sm font-medium bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400">
    <i class="fas fa-fire mr-1"></i> Latest
</a>
{% endblock %}

{% block head %}{% endblock %}

{% block top_toolbar %}
<nav class="bg-zinc-900 text-white py-2 text-sm">
    <div class="container mx-auto px-4 flex items-center justify-between">
        <div class="flex items-center gap-4">
            <a href="{% url 'home'%}" class="hover:text-blue-400 transition-colors flex items-center gap-1">
                <i class="fas fa-home"></i>
                <span class="hidden sm:inline">Home</span>
            </a>
        </div>
        <div class="flex items-center gap-3">
            <a href="#" class="hover:text-blue-400 transition-colors" title="Facebook"><i class="fab fa-facebook-f"></i></a>
            <a href="#" class="hover:text-pink-400 transition-colors" title="Instagram"><i class="fab fa-instagram"></i></a>
            <a href="#" class="hover:text-sky-400 transition-colors" title="Twitter"><i class="fab fa-twitter"></i></a>
        </div>
    </div>
</nav>
{% endblock %}