templates/page/diag_tools.html.twig line 1

Open in your IDE?
  1. {% set currentPath = path(app.request.attributes.get('_route'),
  2.                        app.request.attributes.get('_route_params')) %}
  3. {% extends 'base.html.twig' %}
  5. {% block title %}Ween par Aviséa{% endblock %}
  7. {% block body %}
  8. <main role="main" id="main" {% if client.background starts with 'background.' %}  alt="" style="background: url('/img/background/client/{{client.id}}/{{client.background}}');background-attachment: fixed !important;min-height: 100vh; z-index:99;" {% else %} style="background-color: {{client.background}}; min-height: 100vh;" {% endif %}>
  9.     <div class="container" >
  10.         <div class="row justify-content-start d-flex pt-5 pb-5">
  11.             <div class="d-none d-md-block me-auto col-md-3 col-xs-12 justify-content-around" style="max-width: 300px; position: sticky; top: 80px;">
  12.                 <div class="bg-white b-radius-5 p-3 d-none d-md-block">
  13.                 {% if client.id == 17 %}
  14.                     <p class="work-sans-bold text-graphite">Réalisez votre diagnostic en direct et en ligne !</p>
  15.                     <p class="sm-text work-sans text-carbone">
  16.                         Faites le point sur votre situation et obtenez des réponses en quelques clics.
  17.                     </p>
  18.                     <p class="sm-text work-sans text-carbone">
  19.                         Aucunes données ne seront collectées ou communiquées à votre entreprise.
  20.                     </p>
  21.                     <div class="text-smoke d-flex align-items-center">
  22.                         <span class="fa-sharp fa-solid fa-circle-info me-3 text-smoke"></span>
  23.                         <small class="work-sans-medium text-smoke sm-text">Cet outil de diagnostic ne remplace pas l'avis médical d'un professionnel de la santé.</small>
  24.                     </div>
  25.                 {% else %}
  26.                     <p class="work-sans-bold text-graphite">Réalisez vos diagnostics en direct et en ligne !</p>
  27.                     {% if client.id == 19 %}
  28.                     <p class="sm-text work-sans text-carbone">
  29.                         Faites le point sur votre situation et obtenez des réponses en quelques clics, <span class="work-sans-bold">grâce à nos différents outils anonymes.</span>
  30.                     </p>
  31.                     {% else %}
  32.                     <p class="sm-text work-sans text-carbone">
  33.                         Faites le point sur votre situation et obtenez des réponses en quelques clics, <span class="work-sans-bold">grâce à nos différents outils gratuits et anonymes.</span>
  34.                     </p>
  35.                     {% endif %}
  36.                     <p class="sm-text work-sans text-carbone">
  37.                         Aucunes données ne seront collectées ou communiquées à votre entreprise.
  38.                     </p>
  39.                     <div class="text-smoke d-flex align-items-center">
  40.                         <span class="fa-sharp fa-solid fa-circle-info me-3 text-smoke"></span>
  41.                         <small class="work-sans-medium text-smoke sm-text">Ces outils de diagnostic ne remplacent pas l'avis médical d'un professionnel de la santé.</small>
  42.                     </div>
  43.                 {% endif %}
  44.                 </div>
  45.             </div>
  46.             <div class="d-block d-sm-none me-auto mt-5 col-xs-12 justify-content-center mb-3">
  47.                 <div class="bg-white b-radius-5 p-3 d-block d-sm-none justify-content-center">
  48.                 {% if client.id == 17 %}
  49.                     <p class="work-sans-bold text-graphite">Réalisez votre diagnostic en direct et en ligne !</p>
  50.                     <p class="sm-text work-sans text-carbone">
  51.                         Faites le point sur votre situation et obtenez des réponses en quelques clics.
  52.                     </p>
  53.                     <p class="sm-text work-sans text-carbone">
  54.                         Aucunes données ne seront collectées ou communiquées à votre entreprise.
  55.                     </p>
  56.                     <div class="text-smoke d-flex align-items-center">
  57.                         <span class="fa-sharp fa-solid fa-circle-info me-3 text-smoke"></span>
  58.                         <small class="work-sans-medium text-smoke sm-text">Cet outil de diagnostic ne remplace pas l'avis médical d'un professionnel de la santé.</small>
  59.                     </div>
  60.                 {% else %}
  61.                     <p class="work-sans-bold text-graphite">Réalisez vos diagnostics en direct et en ligne !</p>
  62.                     {% if client.id == 19 %}
  63.                     <p class="sm-text work-sans text-carbone">
  64.                         Faites le point sur votre situation et obtenez des réponses en quelques clics, <span class="work-sans-bold">grâce à nos différents outils anonymes.</span>
  65.                     </p>
  66.                     {% else %}
  67.                     <p class="sm-text work-sans text-carbone">
  68.                         Faites le point sur votre situation et obtenez des réponses en quelques clics, <span class="work-sans-bold">grâce à nos différents outils gratuits et anonymes.</span>
  69.                     </p>
  70.                     {% endif %}
  71.                     <p class="sm-text work-sans text-carbone">
  72.                         Aucunes données ne seront collectées ou communiquées à votre entreprise.
  73.                     </p>
  74.                     <div class="text-smoke d-flex align-items-center">
  75.                         <span class="fa-sharp fa-solid fa-circle-info me-3 text-smoke"></span>
  76.                         <small class="work-sans-medium text-smoke sm-text">Ces outils de diagnostic ne remplacent pas l'avis médical d'un professionnel de la santé.</small>
  77.                     </div>
  78.                 {% endif %}
  80.                 </div>
  81.             </div>
  82.             <div class="col-md-9 col-xs-12 justify-content-around" style=" top: 80px;">
  83.                 {% for clientProduct in clientProducts %}
  84.                     <div class="bg-white b-radius-5 mb-3 d-flex align-items-center p-3 position-relative">
  85.                         {% if (clientProduct.product.slug == 'autodiagnostic-handicap') or (clientProduct.product.slug == 'autodiagnostic-handicap-2') %}
  86.                             <span class="fa-sharp fa-solid fa-stethoscope text-{{client.slug}} avisea-diag-stetoscop-icon"></span>
  87.                         {% else %}
  88.                             <span class="fa-sharp fa-regular fa-ear-listen text-{{client.slug}} avisea-diag-hear-icon"></span>
  89.                         {% endif %}
  90.                             <div class="ms-4 col-md-7 col-xs-12">
  91.                                 <h2 class="h4 work-sans-bold text-carbone m-text">{{clientProduct.title}}</h2>
  92.                                 <p class="work-sans-medium text-carbone ns-text">{{clientProduct.presentation|raw}}</p>
  93.                             
  94.                             <div class="d-block d-sm-none d-flex align-items-center begin-test-link-mobile">
  95.                             {% for question in clientProduct.product.diagQuestions %}
  96.                                 {% if question.position == 1 %}
  97.                                     {% if (clientProduct.product.slug == 'autodiagnostic-handicap') or (clientProduct.product.slug == 'autodiagnostic-handicap-2') %}
  98.                                         <a href="{{path('app_auto_diagnostic_quizz', {'clientSlug': client.slug, 'id': question.id})}}" target="_blank" class="btn-notice text-decoration-none">
  99.                                     {% else %}
  100.                                         <a href="{{path('app_audition_test_age', {'clientSlug': client.slug, 'id': clientProduct.id})}}" target="_blank" class="btn-notice text-decoration-none">
  101.                                     {% endif %}
  102.                                         <span class="text-white work-sans-medium ml-text">Commencer le test</span> 
  103.                                         <span class="fa-sharp fa-solid fa-arrow-right"></span>
  104.                                     </a>
  105.                                 {% endif %}
  106.                             {% endfor %}
  107.                             </div>
  109.                             </div>
  110.                             
  111.                             <div class="d-none d-md-block d-flex align-items-center begin-test-link">
  112.                             {% for question in clientProduct.product.diagQuestions %}
  113.                                 {% if question.position == 1 %}
  114.                                     {% if (clientProduct.product.slug == 'autodiagnostic-handicap') or (clientProduct.product.slug == 'autodiagnostic-handicap-2') %}
  115.                                         <a href="{{path('app_auto_diagnostic_quizz', {'clientSlug': client.slug, 'id': question.id})}}" target="_blank" class="btn-notice text-decoration-none">
  116.                                     {% else %}
  117.                                         <a href="{{path('app_audition_test_age', {'clientSlug': client.slug, 'id': clientProduct.id})}}" target="_blank" class="btn-notice text-decoration-none">
  118.                                     {% endif %}
  119.                                         <span class="text-white work-sans-medium ml-text">Commencer le test</span> 
  120.                                         <span class="fa-sharp fa-solid fa-arrow-right"></span>
  121.                                     </a>
  122.                                 {% endif %}
  123.                             {% endfor %}
  124.                             </div>
  126.                     </div>
  127.                 {% endfor %}
  128.                 <div class="bg-white b-radius-5 mb-4 p-3 position-relative">
  129.                     <div class="d-flex align-items-center">
  130.                         <div class="col-xs-12 col-md-8">
  131.                             <h2 class="h4 work-sans-bold text-graphite m-text">Apportez votre contribution !</h2>
  132.                             <p class="mb-0">Notre équipe travaille tous les jours sur de nouveaux outils diagnostic. Grâce à votre aide, nous pourrions répondre mieux à vos besoins, donnez-nous votre avis :)</p>
  133.                         </div>
  134.                         <div class="d-none d-md-block d-flex align-items-center begin-test-link">
  135.                         {% if is_granted('ROLE_USER') %}
  136.                             <a href="{{path('app_contact_new')}}" target="_blank" class="btn-notice-outline text-decoration-none">
  137.                                 <span class="work-sans-medium ml-text">Soumettre une idée</span> 
  138.                                 <span class="fa-sharp fa-solid fa-arrow-right"></span>
  139.                             </a>
  140.                         {% else %}
  141.                             <a href="mailto:aromero@avisea.fr?subject=Ween - Soumettre une idée - {{client.name}}" target="_blank" class="btn-notice-outline text-decoration-none">
  142.                                 <span class="work-sans-medium ml-text">Soumettre une idée</span> 
  143.                                 <span class="fa-sharp fa-solid fa-arrow-right"></span>
  144.                             </a>
  145.                         {% endif %}
  146.                         </div>
  147.                     </div>
  148.                         <div class="d-block d-sm-none text-end begin-test-link-mobile mt-4 me-4 mb-2">
  149.                             {% if is_granted('ROLE_USER') %}
  150.                                 <a href="{{path('app_contact_new')}}" target="_blank" class="btn-notice-outline text-decoration-none">
  151.                                     <span class="work-sans-medium ml-text">Soumettre une idée</span> 
  152.                                     <span class="fa-sharp fa-solid fa-arrow-right"></span>
  153.                                 </a>
  154.                             {% else %}
  155.                                 <a href="mailto:aromero@avisea.fr?subject=Ween - Soumettre une idée - {{client.name}}" target="_blank" class="btn-notice-outline text-decoration-none">
  156.                                     <span class="work-sans-medium ml-text">Soumettre une idée</span> 
  157.                                     <span class="fa-sharp fa-solid fa-arrow-right"></span>
  158.                                 </a>
  159.                             {% endif %}
  160.                         </div>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.     </div>
  165. </main>
  166. {% endblock %}