{% extends 'base.html' %}
{% block title %}{{ site_name }} - Device Problems, WiFi Solutions, AI Tools & Tutorials (2026){% endblock %}
{% block canonical %}
<link rel="canonical" href="{{ site_domain }}/{% if pagination.page > 1 %}?page={{ pagination.page }}{% endif %}">
{% if pagination.has_prev %}
<link rel="prev" href="{{ site_domain }}/{% if pagination.prev_num > 1 %}?page={{ pagination.prev_num }}{% endif %}">
{% endif %}
{% if pagination.has_next %}
<link rel="next" href="{{ site_domain }}/?page={{ pagination.next_num }}">
{% endif %}
{% endblock %}
{% block seo_meta %}
<meta name="description" content="{% if pagination.page > 1 %}Page {{ pagination.page }} - {% endif %}{{ site_name }} offers expert solutions for Device Problems, Internet/WiFi Issues, AI Tools guides and step-by-step Tutorials. Fix your tech issues today!">
<meta name="keywords" content="device problems solution, wifi not working fix, AI tools free, tech tutorials 2026, phone hanging solution, laptop slow fix, internet speed increase, ChatGPT guide, Canva tutorial">
<meta name="author" content="{{ site_name }}">
<meta property="og:site_name" content="{{ site_name }}">
<meta property="og:locale" content="en_US">
<meta property="og:title" content="{{ site_name }} - Tech Solutions, AI Tools & Tutorials">
<meta property="og:description" content="Expert solutions for Device Problems, WiFi Issues, AI Tools guides and Tutorials. Fix your tech issues with step-by-step guides.">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ site_domain }}/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ site_name }} - Tech Solutions & Tutorials">
<meta name="twitter:description" content="Expert solutions for Device Problems, WiFi Issues, AI Tools & Tutorials.">
{% endblock %}
{% block head_extra %}
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "{{ site_name }}",
    "url": "{{ site_domain }}/",
    "description": "Expert solutions for Device Problems, Internet/WiFi Issues, AI Tools guides and step-by-step Tutorials.",
    "publisher": {
        "@type": "Organization",
        "name": "{{ site_name }}",
        "url": "{{ site_domain }}/"
    },
    "potentialAction": {
        "@type": "SearchAction",
        "target": "{{ site_domain }}/?q={search_term_string}",
        "query-input": "required name=search_term_string"
    }
}
</script>
{% endblock %}
{% block content %}
{% if posts %}
<div class="posts-grid">
    {% for post in posts %}
    <a href="{{ url_for('single_post', slug=post.slug) }}" class="post-card">
        <div class="post-thumb">
            {% if post.thumbnail %}
            <img src="{{ post.thumbnail }}" alt="{{ post.title }}" loading="lazy">
            {% else %}
            <div class="post-thumb-placeholder"><i class="fas fa-image"></i></div>
            {% endif %}
        </div>
        <div class="post-card-body">
            <span class="post-category-badge">{{ post.category.name }}</span>
            <h3 class="post-card-title">{{ post.title }}</h3>
            <p class="post-card-desc">{{ post.description[:120] }}{% if post.description|length > 120 %}...{% endif %}</p>
            <div class="post-card-meta">
                <span><i class="far fa-calendar-alt"></i> {{ post.created_at.strftime('%d %b %Y') }}</span>
            </div>
        </div>
    </a>
    {% endfor %}
</div>

{% if pagination.pages > 1 %}
<div class="pagination">
    {% if pagination.has_prev %}
    <a href="?page={{ pagination.prev_num }}" class="page-btn"><i class="fas fa-chevron-left"></i></a>
    {% endif %}
    {% for p in pagination.iter_pages(left_edge=1, right_edge=1, left_current=2, right_current=2) %}
        {% if p %}
            <a href="?page={{ p }}" class="page-btn {% if p == pagination.page %}active{% endif %}">{{ p }}</a>
        {% else %}
            <span class="page-dots">...</span>
        {% endif %}
    {% endfor %}
    {% if pagination.has_next %}
    <a href="?page={{ pagination.next_num }}" class="page-btn"><i class="fas fa-chevron-right"></i></a>
    {% endif %}
</div>
{% endif %}

{% else %}
<div class="welcome-section">
    <div class="icon"><i class="fas fa-rocket"></i></div>
    <h1>Welcome to {{ site_name }}</h1>
    <p>Your content will appear here. This is a modern, responsive website ready for your amazing content.</p>
</div>
{% endif %}
{% endblock %}