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

{% block content %}

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

         <div class="card card-body py-3">
            <div class="row align-items-center">
              <div class="col-12">
                <h5>Prospection</h5>
                <div class="d-sm-flex align-items-center justify-space-between text-black">
                  
                  <a href="{{path('app_index')}}" class="p-2"><iconify-icon icon="solar:home-2-broken" class="fs-6"></iconify-icon> </a> >
                  <a href="{{path('projet_index')}}" class="p-2">Projets </a> >
                  <a href="{{path('projet_view', {'id': projet.idtoken})}}" class="p-2">{{projet.titre}} </a> >
                  <a href="{{path('projet_view_prospection', {'id': projet.idtoken})}}" class="p-2">Prospection </a> >
                  {{prospection.mecene.nom}}
                  
                </div>
              </div>
            </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>
      </div>

{% endblock %}