{% include 'partials/header.html.twig' %}

      <div class="body-wrapper" id="page-projet-root" data-import-pending="{{ projet.import ? '0' : '1' }}" data-projet-id="{{ projet.idtoken }}">
        <div class="container-fluid">

          <div class="card card-body py-3">
            <div class="row align-items-center">
              <div class="col-12">
                <h5>Présentations du projet</h5>
                <div class="d-sm-flex align-items-center justify-space-between">
                  
                  <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_presentation', {'id': projet.idtoken})}}" class="p-2">Présentations </a>
                  
                </div>
              </div>
            </div>
          </div>
          <div class="card">
            <div class="card-body">
              <div class="row">
                <div class="col-12">

                  <div class="d-flex border-bottom title-part-padding px-0 mb-3 align-items-center">
                    <h4 class="mb-0 fs-5">Présentations du projet</h4>
                  </div>
                </div>

                <div class="row el-element-overlay">
                  {% for presentation in projet.projetPresentations %}
                    <div class="col-md-3">
                      <div class="card overflow-hidden">
                        
                          <div class="el-card-item pb-3">
                            <div class="height250 
                                el-card-avatar
                                mb-3
                                el-overlay-1
                                w-100
                                overflow-hidden 
                                position-relative
                                text-center
                              ">
                                <div id="star{{presentation.idtoken}}" class="star position-absolute top-0 end-0 p-2" style="z-index: 25; {% if projet.presentation is defined and presentation != projet.presentation %}display: none;{% endif %} ">
                                      <span class="mb-1 badge text-bg-dark"><i class="ti ti-star fs-4"></i> Active</span>
                                  </div>
                                  
                                {% if projet.affiche is not null %}
                                  <img src="{{asset('uploads/projets/logos/' ~ projet.affiche)}}" class="d-block position-relative w-100">
                                {% endif %}

                                <div class="el-overlay w-100 overflow-hidden">
                                    <ul class="list-style-none el-info text-white text-uppercase d-inline-block p-0">
                                        <li class="el-item d-inline-block my-0 mx-1">
                                            <a class="btn default btn-outline el-link text-white border-white"
                                              href="{{path('projet_view_presentation_view', {'id' : projet.idtoken, 'presentationid' : presentation.idtoken})}}">
                                                <i class="ti ti-search"></i>
                                            </a>
                                        </li>
                                        <li class="el-item d-inline-block my-0 mx-1">
                                            <a class="btn default btn-outline favorite el-link text-white border-white"
                                              data-id="{{ projet.idtoken }}" data-presentation="{{ presentation.idtoken }}">
                                                <i class="ti ti-star"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                            <div class="el-card-content text-center">
                              <div class="comment-text w-100">
                                <div class="comment-footer mt-2">
                                  <div class="d-flex align-items-center ps-4" id="presentation-container-{{presentation.idtoken}}">
                                  <p class="mb-1 fs-5 text-center text-black" id="presentation-texte-{{presentation.idtoken}}">{{presentation.titre}}</p>
                                    <span class="action-icons">
                                      <a href="#" data-id="{{presentation.idtoken}}" class="ps-3 modifier-presentation">
                                        <i class="ti ti-edit fs-5"></i>
                                      </a>
                                    </span>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        
                      </div>
                    </div>
                  {% endfor %}

                    <div class="col-md-3">
                      <div class="card overflow-hidden">
                        <a href="javascript:void(0);" onclick="callSymfonyRoute('{{ path('projetpresentation_add', { id: projet.idtoken }) }}', {  }, 'GET');">
                          <div class="el-card-item pb-3">
                            <div class="height250 
                                el-card-avatar
                                mb-3
                                el-overlay-1
                                w-100
                                overflow-hidden
                                position-relative
                                text-center
                              ">
                                <img src="{{asset('assets/images/plus.png')}}" class="d-block position-relative w-100">
                            </div>
                            <div class="el-card-content text-center">
                              <h4 class="mb-0 card-title">Nouvelle présentation</h4>
                            </div>
                          </div>
                        </a>
                      </div>
                    </div>

                </div>
                
                
              </div>
            </div>
            </div>
        </div>
      </div>
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"></script>
<script src="{{ asset('assets/js/projet/presentation.js') }}"></script>
<script>
const projetId = '{{projet.idtoken}}';
</script>


{% include 'partials/footer.html.twig' %}