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

{% block content %}
      <link rel="stylesheet" href="{{ asset('assets/libs/simplebar/dist/simplebar.min.css') }}">
      <script src="{{ asset('assets/libs/simplebar/dist/simplebar.min.js') }}"></script>

      <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>Formules de partenariat</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_formules', {'id': projet.idtoken})}}" class="p-2">Formules </a>
                  
                </div>
              </div>
            </div>
          </div>

          {% if has_contrepartie | length == 0 %}
            <div class="alert alert-warning text-center text-warning">
                Avant d'ajouter une formule, il est indispensable de créer <strong>les contreparties du projet</strong>
                  <div class="text-center mt-6">
                    <a class="btn btn-rounded btn-outline-warning" href="{{ path('projet_view_contreparties', {'id' : projet.idtoken}) }}">Cliquez-ici</a>
                  </div>
            </div>
          {% else %}

            <div class="card">
              <div class="card-body">
              
              {% if projet.statut == 'Ouvert' %}
                <div class="text-end">
                  <a
                    class="btn btn-light"
                    href="{{ path('projet_formules_ajax_add', { id: projet.idtoken }) }}"
                    data-turbo-frame="formuleContainer"
                  >
                      Ajouter une formule
                  </a>
                </div>
              {% endif %}

              <div class="row justify-content-center">
                  <div class="datatables">
                      <div class="card">
                          <div class="card-body">
                            <turbo-frame id="formuleContainer" src="{{ path('projet_formules_ajax_view', { id: projet.idtoken }) }}">
                              Chargement des formules...
                            </turbo-frame>
                          </div>
                      </div>
                  </div>

              </div>

            </div>
          {% endif %} 
      </div>
    </div>

<script>
const projetId = '{{projet.idtoken}}';

const niveaux = [
  {% for niveau in niveauxMecenat %}
    { id: "{{ niveau.idtoken }}", nom: "{{ niveau.nom }}" }{{ not loop.last ? ',' : '' }}
  {% endfor %}
];

 $(function () {
  "use strict";

  // Default
  $(".repeater-default").repeater();

  // Custom Show / Hide Configurations
  $(".contrepartie-repeater").repeater({
    show: function () {
      $(this).slideDown();
    },
    hide: function (remove) {
      $(this).slideUp(remove);
    },
  });
});
</script>
{% endblock %}