<%- include('partials/header') %>
<%- include('partials/sidebar') %>

<main class="content-wrapper">
    <section id="section-trending" class="section">
        <div class="hero-header">
            <h2>🔥 Tendances du Moment</h2>
            <p>Les contenus les plus populaires en ce moment</p>
        </div>
        
        <div class="filter-pills" style="margin-bottom: 2rem;">
            <label class="pill">
                <input type="radio" name="trending-type" value="film" checked>
                <span>Films</span>
            </label>
            <label class="pill">
                <input type="radio" name="trending-type" value="serie">
                <span>Séries</span>
            </label>
        </div>

        <div id="trending-grid" class="media-grid">
            <div class="loader-wrapper">
                <div class="loader"></div>
            </div>
        </div>
    </section>
</main>

<%- include('partials/footer') %>
