{% extends "base.html" %}

{% block content %}
<section class="hero">
    <div class="hero-copy">
        <span class="hero-kicker">plusdiario FRIOS</span>
        <h1>Detecta negocios, filtra calidad y arma una vidriera de prospectos frios que se vea vendible.</h1>
        <p>
            plusdiario FRIOS combina scraping por ciudad, enrichment web y revision manual en una interfaz con identidad PlusDiario.
            La idea es simple: captar mejor, ordenar mejor y mostrar un producto que ya se sienta listo para salir a vender, filmar y testear.
        </p>
        <div class="hero-badges">
            <span class="hero-badge">Rubro configurable</span>
            <span class="hero-badge">Revision comercial</span>
            <span class="hero-badge">Banco compartido</span>
            <span class="hero-badge">Prospectos frios</span>
        </div>
    </div>
    <div class="hero-side">
        <div class="hero-card">
            <strong>{{ counts.jobs }}</strong>
            <span>corridas armadas para deteccion local</span>
        </div>
        <div class="hero-card">
            <strong>{{ counts.pending }}</strong>
            <span>leads pendientes de decision comercial</span>
        </div>
        <div class="hero-card">
            <strong>{{ taxonomy_groups | length }}</strong>
            <span>grupos de rubros listos para clasificar</span>
        </div>
        <div class="hero-card">
            <strong>{{ counts.scheduled }}</strong>
            <span>programaciones traidas desde control de empresas</span>
        </div>
    </div>
</section>

<section class="grid">
    <article class="panel">
        <h1>Nuevo job</h1>
        <p class="muted">Crea una corrida local por ciudad, sin APIs pagas. El procesamiento hereda la taxonomia de PlusDiario y alimenta el banco de FRIOS.</p>
        <form action="/jobs" method="post" class="form">
            <input type="hidden" name="zone_mode" value="city">
            <input type="hidden" name="source_scope" value="paginas_amarillas">
            <label>Nombre del job
                <input type="text" name="name" value="{{ defaults.name or 'Odontologos Rio Cuarto' }}" placeholder="Odontologos Cordoba centro" required>
            </label>
            <label>Ciudad
                <input type="text" name="city" value="{{ defaults.city or 'Rio Cuarto, Cordoba, Argentina' }}" placeholder="Cordoba, Argentina">
            </label>
            <div class="row">
                <label>Radio en metros
                    <input type="number" name="radius_meters" value="{{ defaults.radius_meters or 10000 }}" min="1000" max="50000">
                </label>
                <label>Resultados por keyword
                    <input type="number" name="max_results_per_keyword" value="{{ defaults.max_results_per_keyword or 20 }}" min="1" max="120">
                </label>
            </div>
            <div class="hero-badges">
                <span class="hero-badge">Fuentes activas: Paginas Amarillas + OSM</span>
                <span class="hero-badge">Google API desactivada</span>
            </div>
            <p class="muted">Maximo actual por keyword: 120 resultados unicos por barrido. La app combina directorio local, OSM/Overpass y scraping web, evitando reinsertar coincidencias fuertes del historial.</p>
            <label>Keywords
                <textarea name="keywords_raw" rows="8" placeholder="odontologo&#10;dentista&#10;centro odontologico" required>{{ defaults.keywords_raw or 'odontologo\ndentista\ncentro odontologico' }}</textarea>
            </label>
            <div class="checks">
                <label class="checkbox"><input type="checkbox" name="search_emails" {% if defaults.search_emails is not defined or defaults.search_emails %}checked{% endif %}> Buscar emails en website</label>
                <label class="checkbox"><input type="checkbox" name="search_socials" {% if defaults.search_socials is not defined or defaults.search_socials %}checked{% endif %}> Buscar redes en website</label>
            </div>
            <button type="submit">Ejecutar job</button>
        </form>
    </article>

    <article class="panel">
        <h2>Resumen</h2>
        <div class="stats">
            <div class="stat"><strong>{{ counts.jobs }}</strong><span>Jobs</span></div>
            <div class="stat"><strong>{{ counts.pending }}</strong><span>Pendientes</span></div>
            <div class="stat"><strong>{{ counts.approved }}</strong><span>Aprobados</span></div>
            <div class="stat"><strong>{{ counts.discarded }}</strong><span>Descartados</span></div>
            <div class="stat"><strong>{{ counts.scheduled }}</strong><span>Programadas</span></div>
        </div>
        <div class="title-actions" style="margin-top:1rem;">
            <a class="button-link secondary" href="/scheduled">Ver programadas</a>
        </div>
        <h2>Taxonomia activa</h2>
        {% if taxonomy_groups %}
            <div class="hero-badges">
                {% for group in taxonomy_groups[:8] %}
                    <span class="hero-badge">{{ group }}</span>
                {% endfor %}
            </div>
        {% endif %}
        <h2>Jobs recientes</h2>
        {% if jobs %}
            <table class="table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nombre</th>
                        <th>Estado</th>
                        <th>Leads</th>
                    </tr>
                </thead>
                <tbody>
                {% for job in jobs %}
                    <tr>
                        <td><a href="/jobs/{{ job.id }}">#{{ job.id }}</a></td>
                        <td>{{ job.name }}</td>
                        <td><span class="badge badge-{{ job.status }}">{{ job.status }}</span></td>
                        <td>{{ job.total_processed }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        {% else %}
            <p class="muted">Todavia no hay jobs creados.</p>
        {% endif %}
    </article>
</section>
{% endblock %}
