{% extends '@App/partials/base.html.twig' %}

{% block content %}

      <div class="body-wrapper">
        <div class="container-fluid">

          <div class="d-flex flex-wrap align-items-start justify-content-between gap-2 mb-4">
            <div>
              <h2 class="mb-1 fw-bold">Proposition de partenariat avec {{prospection.mecene.nom}}</h2>
              <p class="text-muted mb-0">Ajoutez et pilotez les propositions de partenariat que vous envoyez à {{prospection.mecene.nom}}</p>
            </div>

            <div class="d-flex gap-2">
              {% if projet.statut == 'Ouvert' %}
                <div class="text-end">
                    <a
                      class="btn btn-outline-primary"
                      href="{{ path('projet_ajax_add_proposition_existing', { id: projet.idtoken, prospectionId: prospection.idtoken }) }}"
                      data-turbo-frame="modal-frame"
                    >
                      Ajouter une proposition
                    </a>
                </div>
              {% endif %}
            </div>

          </div>

          <div class="row">
            <div class="col-8">
              <div class="card">
                <div class="card-body">
                  <div class="table-responsive mb-4  rounded-1">
                    <h5>Liste des propositions</h5>
                    {% if dejaMecene %}
                      <div class="alert alert-success text-success mt-4" role="alert">
                        Cette entreprise est déjà partenaire de ce projet !
                    </div>
                    {% else %}
                      <div class="text-end">
                        <a
                          class="btn btn-outline-primary"
                          href="{{ path('projet_ajax_add_proposition_existing', { id: projet.idtoken, prospectionId: prospection.idtoken }) }}"
                          data-turbo-frame="modal-frame"
                        >
                          Ajouter une proposition
                        </a>
                      </div>
                    {% endif %}
                    <turbo-frame id="prospection-propositions-table" src="{{ path('projet_prospection_propositions_table', { id: projet.idtoken, prospectionId: prospection.idtoken }) }}" loading="lazy" data-prefetch-frame>
                      Chargement des propositions...
                    </turbo-frame>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-4">
              <turbo-frame id="prospection-responsable-card" src="{{ path('projet_prospection_responsable_card', { id: projet.idtoken, prospectionId: prospection.idtoken }) }}">
                Chargement...
              </turbo-frame>
            </div>


          </div>

          <div class="card mt-4">
            <div class="card-body">
              <turbo-frame id="activites_prospection_{{ prospection.idtoken }}" src="{{ path('prospection_activites_list', { id: prospection.idtoken }) }}" loading="lazy" data-prefetch-frame>
                Chargement des activités...
              </turbo-frame>
            </div>
          </div>

        </div>
      </div>

{% endblock %}