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

<main class="content-wrapper">
    <section id="section-manual" class="section">
        <div class="hero-header">
            <h2>Ajout Manuel JDownloader</h2>
        </div>

        <div class="form-card" style="max-width: 600px; margin: 0 auto;">
            <h3 style="margin-bottom: 1.5rem; border-bottom: 1px solid var(--border); padding-bottom: 0.5rem;">Ajouter des liens manuellement</h3>
            
            <div style="margin-bottom: 1.25rem;">
                <label for="manual-title" style="display: block; font-weight: 600; margin-bottom: 0.5rem; color: white;">Nom du Film ou de la Série</label>
                <input type="text" id="manual-title" placeholder="Ex: Inception, Breaking Bad S01..." style="width: 100%; padding: 12px; background: var(--bg-main); border: 1px solid var(--border); color: white; border-radius: var(--radius);">
            </div>

            <div style="margin-bottom: 1.25rem;">
                <label style="display: block; font-weight: 600; margin-bottom: 0.5rem; color: white;">Type de contenu</label>
                <div class="manual-type-selector">
                    <div class="type-option active" data-type="film">
                        <i data-lucide="film" style="width: 18px; height: 18px;"></i>
                        Film
                    </div>
                    <div class="type-option" data-type="series">
                        <i data-lucide="tv" style="width: 18px; height: 18px;"></i>
                        Série
                    </div>
                </div>
                <input type="hidden" id="manual-type" value="film">
            </div>

            <div style="margin-bottom: 1.5rem;">
                <label for="manual-links" style="display: block; font-weight: 600; margin-bottom: 0.5rem; color: white;">Liens (un lien par ligne)</label>
                <textarea id="manual-links" placeholder="Copiez-collez vos liens ici (1fichier, uptobox, etc.)&#10;Un lien par ligne..." style="width: 100%; height: 180px; padding: 12px; background: var(--bg-main); border: 1px solid var(--border); color: white; border-radius: var(--radius); font-family: monospace; line-height: 1.5; resize: vertical;"></textarea>
            </div>

            <button class="btn-primary" id="btn-manual-submit" style="width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 12px 24px; font-weight: bold;">
                <i data-lucide="plus-circle"></i> Envoyer à JDownloader
            </button>
        </div>
    </section>
</main>

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