{% extends "layouts/base.html" %}

{% block title %}Nouveau scraping d'emails{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-search"></i> Nouveau scraping d'emails
                    </h5>
                </div>
                <div class="card-body">
                    <form method="POST" id="scrapingForm">
                        <div class="mb-3">
                            <label for="url" class="form-label">URL à scraper *</label>
                            <input type="url" class="form-control" id="url" name="url" 
                                   placeholder="https://exemple.com" required>
                            <div class="form-text">
                                Entrez l'URL complète du site web à analyser pour extraire les adresses email.
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="max_pages" class="form-label">Nombre de pages à scraper</label>
                                    <select class="form-select" id="max_pages" name="max_pages">
                                        <option value="1">1 page</option>
                                        <option value="3" selected>3 pages</option>
                                        <option value="5">5 pages</option>
                                        <option value="10">10 pages</option>
                                        <option value="20">20 pages</option>
                                        <option value="50">50 pages</option>
                                    </select>
                                    <div class="form-text">
                                        Nombre de pages à analyser avec gestion automatique de la pagination.
                                    </div>
                                </div>
                            </div>
                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="auto_create_prospects" 
                                       name="auto_create_prospects" checked>
                                <label class="form-check-label" for="auto_create_prospects">
                                    Créer automatiquement des prospects
                                </label>
                                <div class="form-text">
                                    Les contacts trouvés seront automatiquement ajoutés comme nouveaux prospects.
                                </div>
                            </div>
                        </div>

                        <div class="alert alert-info">
                            <i class="fas fa-info-circle"></i>
                            <strong>Informations importantes :</strong>
                            <ul class="mb-0 mt-2">
                                <li>Le scrappeur analyse les pages avec gestion automatique de la pagination</li>
                                <li>Spécialement conçu pour les annuaires d'entreprises et pages de résultats</li>
                                <li>Extraction automatique des données : nom, entreprise, email, téléphone, localité</li>
                                <li>Un délai de 2 secondes est appliqué entre chaque page pour éviter la surcharge</li>
                                <li>Respectez les politiques du site web et les conditions d'utilisation</li>
                            </ul>
                        </div>

                        <div class="d-flex justify-content-between">
                            <a href="{{ url_for('email_scraper_page') }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-left"></i> Retour
                            </a>
                            <button type="submit" class="btn btn-primary" id="submitBtn">
                                <i class="fas fa-search"></i> Lancer le scraping
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.getElementById('scrapingForm').addEventListener('submit', function(e) {
    const submitBtn = document.getElementById('submitBtn');
    submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Scraping en cours...';
    submitBtn.disabled = true;
});
</script>
{% endblock %}