templates/default/notesEnseignes.html.twig line 62

Open in your IDE?
  1. {% extends 'base2.html.twig' %}
  3. {% block title %}Hello DefaultController!{% endblock %}
  5. {% block body %}
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  7. <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js" defer></script>
  9. <style>
  10.     .txt-inscription,
  11.     label {
  12.        color: #adb9ca;
  13.     }
  14.  
  15.     button {
  16.        background-color: #adb9ca !important;
  17.        color: white !important;
  18.     }
  19.  
  20.     button:hover {
  21.        background-color: #0073CD !important;
  22.        color: white !important;
  23.     }
  24.  
  25.     .btn-logo {
  26.        width: 0.1px;
  27.        opacity: 0;
  28.     }
  29.  
  31.     #pro .style-choix-logo {
  32.        background-color: #adb9ca;
  33.        color: white;
  34.        padding: 0.5em;
  35.        border-radius: 5px;
  36.     }
  38.       #part .style-choix-logo {
  39.          background-color: #B0DB82 !important;
  40.          color: white !important;
  41.          padding: 0.5em;
  42.        border-radius: 5px;
  43.       }  
  45.       #part .theme-btn-pro{
  46.          background-color: #B0DB82 !important;
  47.          color: white !important;
  48.       }
  51.       #pro .theme-btn-pro{
  52.          background-color: #adb9ca;
  53.          color: white;
  54.       }
  56.  </style>
  57.  <section class="contact-area page-paddings" style="background-color: white">
  58.          <div class="container">
  59.             <div class="row">
  60.                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  61.                   <div class="section-title text-center">
  62.                      <h1 data-watermark="Contact" class="{% if app.user.type == 'part' %}green{% else %}blue{% endif %}">Notes de l'enseigne {{noteEnseigne}}/5</h1>
  63.                     
  64.                      <p class="subtitle">Vous trouverez ci-dessous la liste de toutes les notes de votre enseigne .</p>
  65.                   </div>
  66.                </div>
  67.             </div>
  68.             <div class="row">
  69.                <div class="col-xl-8 col-lg-10 col-md-10 col-sm-12 col-12 offset-xl-2 offset-lg-1 offset-md-1">
  70.                   <div class="contact-box-main">
  71.                      <div class="row">
  72.                      {% for res in notes %}
  73.                         <div class="col-4">
  74.                         {{res.date|date('d-m-Y')}} - {{res.user.nom}}<br>
  76.                               {% if res.note == 0 %}
  77.                                                 <i class="far fa-star"></i>
  78.                                                 <i class="far fa-star"></i>
  79.                                                 <i class="far fa-star"></i>
  80.                                                 <i class="far fa-star"></i>
  81.                                                 <i class="far fa-star"></i> 
  82.                                              {% endif %}
  84.                                             
  86.                                                {% if res.note == 1 %}
  87.                                                 <i class="fas fa-star"></i>
  88.                                                 <i class="far fa-star"></i>
  89.                                                 <i class="far fa-star"></i>
  90.                                                 <i class="far fa-star"></i>
  91.                                                 <i class="far fa-star"></i> 
  92.                                              {% endif %}
  94.                                               
  96.                                                {% if res.note == 2 %}
  97.                                                 <i class="fas fa-star"></i>
  98.                                                 <i class="fas fa-star"></i>
  99.                                                 <i class="far fa-star"></i>
  100.                                                 <i class="far fa-star"></i>
  101.                                                 <i class="far fa-star"></i> 
  102.                                              {% endif %}
  104.                                              
  106.                                                {% if res.note == 3 %}
  107.                                                 <i class="fas fa-star"></i>
  108.                                                 <i class="fas fa-star"></i>
  109.                                                 <i class="fas fa-star"></i>
  110.                                                 <i class="far fa-star"></i>
  111.                                                 <i class="far fa-star"></i> 
  112.                                              {% endif %}
  114.                                               
  116.                                                {% if res.note == 4 %}
  117.                                                 <i class="fas fa-star"></i>
  118.                                                 <i class="fas fa-star"></i>
  119.                                                 <i class="fas fa-star"></i>
  120.                                                 <i class="fas fa-star"></i>
  121.                                                 <i class="far fa-star"></i> 
  122.                                              {% endif %}
  124.                                              
  126.                                                {% if res.note >= 5 %}
  127.                                                 <i class="fas fa-star"></i>
  128.                                                 <i class="fas fa-star"></i>
  129.                                                 <i class="fas fa-star"></i>
  130.                                                 <i class="fas fa-star"></i>
  131.                                                 <i class="fas fa-star"></i> 
  132.                                              {% endif %}
  133.                         </div>
  135.                         {% endfor %}
  136.                       
  139.                        
  141.                        
  142.                      </div>
  143.                   </div>
  144.                </div>
  145.             </div>
  146.          </div>
  147.       </section>
  151. {% endblock %}