{% extends '@Prospection/prospection/layout.html.twig' %}

{% block prospection_content %}
    <header class="capsule-heading">
        <div class="capsule-heading-main">
            <div class="capsule-heading-content">
            <h1 class="capsule-heading-title">Plan de prospection par IA</h1>
            <p class="capsule-heading-subtitle">L’IA crée de vraies actions commerciales. Rien n’entre dans le planning sans votre validation.</p>
            </div>
        </div>
        <span class="badge {{ ai.configured ? 'text-bg-success' : 'text-bg-warning' }}">
            {{ ai.provider|upper }} · {{ ai.model }} · {{ ai.configured ? 'connecté' : 'clé manquante' }}
        </span>
    </header>

    <section class="prospection-panel mb-4">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
            <div>
                <strong>Moteur IA actif</strong>
                <div class="text-secondary small">Le choix est conservé pour votre session.</div>
            </div>
            <form method="post" action="{{ path('prospection_ai_provider_switch') }}" class="btn-group" data-turbo="true">
                <input type="hidden" name="_token" value="{{ csrf_token('prospection_ai_provider_switch') }}">
                {% for provider, status in ai_providers %}
                    <button
                        type="submit"
                        name="provider"
                        value="{{ provider }}"
                        class="btn {{ ai.provider == provider ? 'btn-primary' : 'btn-outline-primary' }}"
                        aria-pressed="{{ ai.provider == provider ? 'true' : 'false' }}"
                    >
                        {{ provider|upper }}
                        <span class="ms-1 {{ status.configured ? 'text-success' : 'text-warning' }}">●</span>
                    </button>
                {% endfor %}
            </form>
        </div>
    </section>

    {% if ai_error %}
        <div class="alert alert-danger d-flex align-items-start gap-2" role="alert">
            <i class="ti ti-alert-circle fs-5"></i>
            <div>
                <strong>Aucune tâche n’a été créée.</strong>
                <div>{{ ai_error }}</div>
                {% if '429' in ai_error or 'quota' in ai_error|lower %}
                    <small>Vérifiez les crédits, le quota et les limites de débit du compte {{ ai.provider|upper }}.</small>
                {% endif %}
            </div>
        </div>
    {% endif %}

    <div class="row g-4">
        <div class="col-xl-5">
            <section class="prospection-panel">
                {% if not ai.configured %}
                    <div class="alert alert-warning">
                        Ajoutez la clé {{ ai.provider == 'openai' ? 'OPENAI_API_KEY' : 'GEMINI_API_KEY' }} dans <code>.env.local</code>.
                    </div>
                {% endif %}
                <form method="post" action="{{ path('prospection_ai_task_generate') }}" data-turbo="true">
                    <input type="hidden" name="_token" value="{{ csrf_token('prospection_ai_generate_tasks') }}">
                    <input type="hidden" name="ai[provider]" value="{{ ai.provider }}">

                    <label class="form-label">Période à planifier</label>
                    <div class="row g-2">
                        <div class="col-md-6">
                            <label class="form-label small text-secondary">Du</label>
                            <input type="date" class="form-control mb-3" name="ai[startDate]" value="{{ 'now'|date('Y-m-d') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small text-secondary">Au</label>
                            <input type="date" class="form-control mb-3" name="ai[endDate]" value="{{ 'now'|date_modify('+14 days')|date('Y-m-d') }}" required>
                        </div>
                    </div>
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="ai[includeWeekends]" value="1" id="ai-include-weekends">
                        <label class="form-check-label" for="ai-include-weekends">Planifier aussi le week-end</label>
                    </div>

                    <label class="form-label">Objectif commercial</label>
                    <input class="form-control mb-3" name="ai[goal]" placeholder="Ex. obtenir 5 rendez-vous avec des PME industrielles" maxlength="500" required>

                    <div class="row g-2">
                        <div class="col-md-6"><input class="form-control mb-3" name="ai[sector]" placeholder="Secteur"></div>
                        <div class="col-md-6"><input class="form-control mb-3" name="ai[region]" placeholder="Région"></div>
                    </div>

                    <label class="form-label">Cibles ou organisations réelles</label>
                    <textarea class="form-control mb-3" rows="3" maxlength="2000" name="ai[targets]" placeholder="Une cible par ligne, par exemple :&#10;Festival Les Vieilles Charrues&#10;FC Sochaux-Montbéliard&#10;Rexane"></textarea>
                    <div class="form-text mb-3">L’IA peut nommer uniquement les organisations fournies ici.</div>

                    <label class="form-label">Canal préféré</label>
                    <select class="form-select mb-3" name="ai[channel]">
                        <option value="email">Email</option>
                        <option value="linkedin">LinkedIn</option>
                        <option value="telephone">Téléphone</option>
                        <option value="site_web">Site web</option>
                        <option value="reseau">Réseau</option>
                    </select>

                    <div class="row g-2">
                        <div class="col-md-6">
                            <label class="form-label">Nombre de tâches</label>
                            <input type="number" min="1" max="30" class="form-control mb-3" name="ai[taskCount]" value="10" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Nombre de cibles</label>
                            <input type="number" min="1" max="500" class="form-control mb-3" name="ai[targetCount]" value="10" required>
                        </div>
                    </div>

                    <label class="form-label">Contraintes ou consignes</label>
                    <textarea class="form-control mb-3" rows="4" maxlength="1500" name="ai[instructions]" placeholder="Ex. privilégier une approche conseil, éviter les appels avant 10 h"></textarea>
                    <button class="capsule-button capsule-button--primary" {{ not ai.configured ? 'disabled' : '' }}>
                        <i class="ti ti-sparkles"></i> Générer le plan
                    </button>
                </form>
            </section>
        </div>

        <div class="col-xl-7">
            <section class="prospection-panel">
                <h2 class="h5 mb-3">Propositions à contrôler</h2>
                {% for task in tasks %}
                    <article class="reserve-row align-items-start">
                        <div>
                            <div class="d-flex flex-wrap gap-2 align-items-center mb-1">
                                <strong>{{ task.title }}</strong>
                                <span class="badge text-bg-{{ task.aiStatus == 'accepted' ? 'success' : (task.aiStatus == 'rejected' ? 'secondary' : 'info') }}">{{ task.aiStatus ?: 'proposed' }}</span>
                            </div>
                            <small>{{ task.scheduledAt|date('d/m/Y H:i') }} · {{ task.channel|prospection_label }} · {{ task.durationMinutes }} min · {{ task.targetCount }} cible(s)</small>
                            {% if task.description %}<p class="mt-2 mb-0">{{ task.description }}</p>{% endif %}
                            {% if task.metadata.ai is defined %}<small>Généré par {{ task.metadata.ai.provider|upper }} / {{ task.metadata.ai.model }}</small>{% endif %}
                        </div>
                        {% if task.aiStatus == 'proposed' %}
                            <div class="d-flex gap-1">
                                <form method="post" action="{{ path('prospection_ai_task_accept', {idtoken: task.idtoken}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('prospection_ai_accept_'~task.idtoken) }}">
                                    <button class="btn btn-sm btn-success">Accepter</button>
                                </form>
                                <form method="post" action="{{ path('prospection_ai_task_reject', {idtoken: task.idtoken}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('prospection_ai_reject_'~task.idtoken) }}">
                                    <button class="btn btn-sm btn-outline-danger">Refuser</button>
                                </form>
                            </div>
                        {% elseif task.aiStatus == 'accepted' and task.scheduledAt %}
                            <a class="btn btn-sm btn-outline-primary" href="{{ path('prospection_day', {date: task.scheduledAt|date('Y-m-d')}) }}">
                                Voir dans le planning
                            </a>
                        {% endif %}
                    </article>
                {% else %}
                    <p class="text-secondary mb-0">Aucune proposition pour le moment.</p>
                {% endfor %}
            </section>
        </div>
    </div>
{% endblock %}