{# Template pour un onglet de provider anime spécifique #}
{# Variables disponibles: provider_id, provider_info #}
<div id="tab-anime-{{ provider_id }}" class="tab-content">
    <div class="url-form">
        <div class="anime-input-group">
            <input
                type="text"
                id="searchInput-{{ provider_id }}"
                placeholder="Rechercher un anime sur {{ provider_info.name }}..."
                onkeypress="if(event.key === 'Enter') searchAnimeProvider('{{ provider_id }}')"
            >
            <select id="langSelect-{{ provider_id }}" style="max-width: 120px;">
                <option value="vostfr">VOSTFR</option>
                <option value="vf">VF</option>
            </select>
            <button type="button" class="btn-primary" onclick="searchAnimeProvider('{{ provider_id }}')">
                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                </svg>
                Rechercher
            </button>
        </div>
        <div style="display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 13px; color: #888;">
            <input type="checkbox" id="includeMetadata-{{ provider_id }}" style="width: auto; margin: 0;">
            <label for="includeMetadata-{{ provider_id }}" style="cursor: pointer; user-select: none;">
                📊 Inclure les métadonnées
            </label>
        </div>
    </div>

    <div id="searchResults-{{ provider_id }}" class="search-results"></div>
</div>