<div id="tab-home" class="tab-content" x-show="activeTab === 'home'">

    <div class="section-container">
        <div class="section-header">
            <h2>🎯 Recommandé pour vous</h2>
            <button class="btn btn-secondary btn-small" 
                    hx-get="/api/recommendations" 
                    hx-target="#recommendationsList">
                <i class="fas fa-sync-alt"></i> Actualiser
            </button>
        </div>
        <div id="recommendationsList" 
             hx-get="/api/recommendations" 
             hx-trigger="load delay:100ms" 
             class="home-row">
            <div class="loading-placeholder"><div class="spinner"></div></div>
        </div>
    </div>

    <div class="section-container">
        <div class="section-header">
            <h2>🔥 Dernières sorties</h2>
            <button class="btn btn-secondary btn-small" 
                    hx-get="/api/releases/latest" 
                    hx-target="#releasesList">
                <i class="fas fa-sync-alt"></i> Actualiser
            </button>
        </div>
        <div id="releasesList" 
             hx-get="/api/releases/latest" 
             hx-trigger="load delay:300ms" 
             class="home-row">
            <div class="loading-placeholder"><div class="spinner"></div></div>
        </div>
    </div>
</div>
