{% extends '@App/partials/base.html.twig' %}
{% block title %}Coach FundUp{% endblock %}
{% block content %}
{% include '@Dashboard/resources/_styles.html.twig' %}
<div class="body-wrapper" data-controller="resource-center" data-resource-center-track-url-value="{{ path('dashboard_resources_track_action') }}">
  <div class="resource-shell">
    <div class="d-flex justify-content-between align-items-end flex-wrap gap-2 mb-3">
      <div>
        <h1 class="resource-page-title mb-1">Coach FundUp</h1>
        <p class="resource-subtitle mb-0">Assistant IA pour accélérer vos actions partenariat.</p>
      </div>
      <span class="badge bg-warning-subtle text-warning">Ne remplace pas un conseil juridique</span>
    </div>

    <div class="chat-shell">
      <aside class="resource-card resource-card-body">
        <h3 class="h5 mb-3">Générations rapides</h3>
        <div class="d-grid gap-2">
          <button class="prompt-btn" data-action="click->resource-center#presetPrompt" data-prompt="Génère un pitch partenaire en 30 secondes pour un club sportif, budget 15000€, ton direct.">Pitch 30 sec</button>
          <button class="prompt-btn" data-action="click->resource-center#presetPrompt" data-prompt="Propose 3 packs de contreparties Bronze/Argent/Or pour une association culturelle.">Packs Bronze/Argent/Or</button>
          <button class="prompt-btn" data-action="click->resource-center#presetPrompt" data-prompt="Génère une séquence de relance J0/J3/J7/J14 pour obtenir la signature d’une convention.">Séquence relance</button>
          <button class="prompt-btn" data-action="click->resource-center#presetPrompt" data-prompt="Relis ma convention et liste les points manquants ou risqués.">Relecture convention</button>
        </div>
      </aside>

      <section class="resource-card resource-card-body">
        <div class="mb-2 fw-semibold">Conversation</div>
        <div class="border rounded-3 p-3 bg-light-subtle" style="min-height:320px">
          <div class="mb-3"><span class="badge bg-success-subtle text-success">Coach</span> Bonjour, indiquez votre objectif et je génère un livrable prêt à l’emploi.</div>
          <div class="mb-3"><span class="badge bg-primary-subtle text-primary">Vous</span> Je veux une séquence de relance pour une convention non signée.</div>
          <div><span class="badge bg-success-subtle text-success">Coach</span> Je peux vous proposer J0/J3/J7/J14 avec variantes email + téléphone. Cliquez sur “Générer”.</div>
        </div>
        <div class="mt-3 d-flex gap-2">
          <textarea class="form-control" rows="3" placeholder="Décrivez votre besoin…" data-resource-center-target="promptInput"></textarea>
          <button class="btn btn-success align-self-end" data-action="click->resource-center#generateCoach">Générer</button>
        </div>
      </section>
    </div>
  </div>
</div>
{% endblock %}