{% extends "base.html" %}

{% block content %}
{% include "components/header.html" %}

{% include "components/home_section.html" %}

{% include "components/search_tab.html" %}

<!-- Nouveaux onglets -->
<div id="tab-anime" class="tab-content">
    <div class="section-header">
        <h2>🎬 Anime</h2>
        <div style="display:flex; gap:10px;">
            <button class="btn-small btn-secondary" onclick="loadAnimeReleases()">
                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" style="width:14px;height:14px;">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
                </svg>
                Dernières sorties
            </button>
        </div>
    </div>
    <div id="animeReleasesList" class="recommendations-carousel" style="margin-bottom: 40px;"></div>
</div>

<div id="tab-series" class="tab-content">
    <div class="section-header">
        <h2>📺 Séries TV</h2>
        <div style="display:flex; gap:10px;">
            <button class="btn-small btn-secondary" onclick="loadSeriesReleases()">
                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" style="width:14px;height:14px;">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
                </svg>
                Dernières sorties
            </button>
        </div>
    </div>
    <div id="seriesReleasesList" class="releases-carousel" style="margin-bottom: 40px;"></div>
</div>

<div id="tab-providers" class="tab-content">
    <div class="section-header">
        <h2>📦 Fournisseurs de Streaming</h2>
    </div>
    <div id="providersGrid" class="search-results"></div>
</div>

{% include "components/downloads_section.html" %}
{% endblock %}