templates/bilan_carbone/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block javascripts %}
  4.     {{ encore_entry_script_tags('app') }}
  5.     {{ encore_entry_script_tags('dashboard') }}
  6.     {{ encore_entry_script_tags('bilan-carbone') }}
  7. {% endblock %}
  9. {% block title %}
  10.     Bilan Carbone SI -
  11.     {{company.name}}
  12. {% endblock %}
  15. {% block pageTitle %}Bilan Carbone SI -
  16.     {{company.name}}
  17. {% endblock %}
  19. {% block pageActions %}{% endblock %}
  22. {% block body %}
  24.     <div class="container-fluid px-0">
  25.         <div class="row align-items-stretch gy-5">
  26.             <div class="col-12 col-lg-7">
  27.                 <div class="card p-2 bg-white">
  28.                     {% include 'bilan_carbone/partials/_index_last.html.twig' with {lastBilan, company} %}
  30.                 </div>
  32.                 <div class="d-flex flex-column flex-md-row justify-content-between mt-3 gap-3">
  33.                     <button type="button" id="new-bilan-button" class="btn btn-primary w-100">Effectuer un nouveau bilan carbone</button>
  34.                     <button type="button" id="new-simulation-button" class="btn btn-secondary-simulation w-100">Effectuer une nouvelle simulation</button>
  35.                 </div>
  38.             </div>
  39.             <div class="col-12 col-lg-5">
  40.                 {% include 'bilan_carbone/partials/_index_history.html.twig' with {otherBilans, company} %}
  41.             </div>
  42.         </div>
  43.     </div>
  46.     <!-- Modal pour choisir un bilan de base -->
  47.     <div class="modal fade" id="bilan-modal" tabindex="-1" aria-labelledby="bilanModalLabel" aria-hidden="true">
  48.         <div class="modal-dialog modal-dialog-centered">
  49.             <div class="modal-content">
  50.                 <div class="modal-header">
  51.                     <h5 class="modal-title" id="bilanModalLabel">Choisir un bilan comme base</h5>
  52.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  53.                 </div>
  54.                 <div class="modal-body">
  55.                     <p>Vous pouvez récupérer les données d'un bilan existant afin d'en faire une simulation ou un nouveau bilan.</p>
  56.                     <form id="select-bilan-form">
  57.                         <div class="mb-3">
  58.                             <label for="select-bilan" class="form-label">Sélectionnez un bilan existant :</label>
  59.                             <select id="select-bilan" class="form-select">
  60.                                 <option value="">Aucun bilan de base</option>
  61.                                 {% for bilan in bilans %}
  62.                                     <option value="{{ bilan.id }}">
  63.                                         {{ bilan.type ? "Simulation" : "Bilan" }}
  64.                                         -
  65.                                         {{ bilan.name }}
  66.                                         -
  67.                                         {{ bilan.createdAt|date('d/m/Y') }}
  68.                                     </option>
  69.                                 {% endfor %}
  70.                             </select>
  71.                         </div>
  72.                     </form>
  73.                 </div>
  74.                 <div class="modal-footer">
  75.                     {% include 'partials/buttons/_button_close_modal.html.twig' %}
  76.                     <button type="button" id="continue-bilan-btn" class="btn btn-primary">Continuer</button>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.     </div>
  81. {% endblock %}