{% 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">
                <h4 class="mb-4 mb-sm-0 card-title">Propositions de partenariat pour {{mecene.nom}}</h4>
              </div>
            </div>
          </div>
 
          <div class="row">
            <div class="col-8">
              <div class="card">
                <div class="card-body">
                  <h5>Liste des propositions</h5>
                  <turbo-frame id="portail-proposition-table" src="{{ path('portail_proposition_items_table', { prospectionId: prospection.idtoken }) }}" loading="lazy" data-prefetch-frame>
                    Chargement des propositions...
                  </turbo-frame>
                </div>
              </div>
            </div>

            <div class="col-4">
              <div class="card">
                <div class="card-body">
                  <h5>Projet</h5>
                  <div class="d-flex align-items-center">
                    <img src="{{asset('uploads/projets/logos/' ~ prospection.projet.logo )}}" class="card-hover" width="80">
                    <div class="ms-3">
                        <h4 class="fw-semibold mb-0">{{prospection.projet.titre}}</h4>
                        <span class="fw-normal">{{prospection.projet.societe.nom}}</span>
                    </div>
                  </div>
                  <div class="text-black mt-4">
                    <span class="fw-semibold ">Demande faite le </span>{{prospection.createdAt | date('d/m/Y')}}<br/>
                    <span class="fw-semibold ">Demandé par </span>{{prospection.createdBy.prenom}} {{prospection.createdBy.nom}}<br/><br/>

                    <span class="fw-semibold ">Message </span><br/>{{prospection.commentaire}}<br/><br/>
                  </div>
              </div>
            </div>


          </div>

        </div>
      </div>


{% endblock %}