templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.         <title>{% block title %}ABXBMI{% endblock %}</title>
  7.         {# <link rel="icon" href="{{ asset('build/img/icon1024.png') }}"></link> #}
  8.         <link rel="icon" type="image.png" sizes="32x32" href="{{ asset('build/img/favicon-32x32.png') }}">
  9.         <link rel="icon" type="image.png" sizes="16x16" href="{{ asset('build/img/favicon-16x16.png') }}">
  10.         <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('build/img/faviconIphone.png') }}">
  11.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  12.         {% block stylesheets %}
  13.             {{ encore_entry_link_tags('app') }}
  14.         {% endblock %} 
  15.         {# <link rel="stylesheet" href="..\assets\styles\app.css"></link> #}
  16.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  17.         <style>
  18.             .autocomplete-container {
  19.                 position: relative;
  20.             }
  21.             .autocomplete-suggestions {
  22.                 position: absolute;
  23.                 top: 100%;
  24.                 left: 0;
  25.                 right: 0;
  26.                 z-index: 1020;
  27.                 background-color: #ffffff;
  28.                 border: 1px solid #ced4da;
  29.                 border-top: none;
  30.                 max-height: 200px;
  31.                 overflow-y: auto;
  32.                 display: none;
  33.             }
  34.             .autocomplete-item {
  35.                 display: block;
  36.                 width: 100%;
  37.                 padding: 6px 12px;
  38.                 text-align: left;
  39.                 background: transparent;
  40.                 border: none;
  41.                 border-bottom: 1px solid #e9ecef;
  42.                 cursor: pointer;
  43.             }
  44.             .autocomplete-item:last-child {
  45.                 border-bottom: none;
  46.             }
  47.             .autocomplete-item.active,
  48.             .autocomplete-item:hover,
  49.             .autocomplete-item:focus {
  50.                 background-color: #f2f6ff;
  51.                 outline: none;
  52.             }
  53.         </style>
  55.         {% block javascripts %}
  56.             {{ encore_entry_script_tags('app') }}
  57.             <!-- Google tag (gtag.js) -->
  58.             <script async src="https://www.googletagmanager.com/gtag/js?id=G-RTG28H3XZF"></script>
  59.             <script>
  60.                 window.dataLayer = window.dataLayer || [];
  61.                 function gtag(){
  62.                     dataLayer.push(arguments);
  63.                 }
  64.                 gtag('js', new Date());
  65.                 gtag('config', 'G-RTG28H3XZF');
  66.             </script>
  67.             <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
  68.             <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
  69.             <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
  70.             <script>
  72.                 const accentReplacements = {
  73.                     '\u00e0': 'a',
  74.                     '\u00e1': 'a',
  75.                     '\u00e2': 'a',
  76.                     '\u00e3': 'a',
  77.                     '\u00e4': 'a',
  78.                     '\u00e5': 'a',
  79.                     '\u00e6': 'ae',
  80.                     '\u00e7': 'c',
  81.                     '\u00e8': 'e',
  82.                     '\u00e9': 'e',
  83.                     '\u00ea': 'e',
  84.                     '\u00eb': 'e',
  85.                     '\u00ec': 'i',
  86.                     '\u00ed': 'i',
  87.                     '\u00ee': 'i',
  88.                     '\u00ef': 'i',
  89.                     '\u00f1': 'n',
  90.                     '\u00f2': 'o',
  91.                     '\u00f3': 'o',
  92.                     '\u00f4': 'o',
  93.                     '\u00f5': 'o',
  94.                     '\u00f6': 'o',
  95.                     '\u00f8': 'o',
  96.                     '\u0153': 'oe',
  97.                     '\u00f9': 'u',
  98.                     '\u00fa': 'u',
  99.                     '\u00fb': 'u',
  100.                     '\u00fc': 'u',
  101.                     '\u00fd': 'y',
  102.                     '\u00ff': 'y',
  103.                     '\u00df': 'ss'
  104.                 };
  106.                 $( document ).ready(function() {
  107.                     document.getElementById('calcPatient').style.height = 'calc(100% - (' + document.getElementById('titrePatient').offsetHeight + 'px + ' + $('#titrePatient').css('margin-top') +' + ' + $('#titrePatient').css('margin-bottom') + ' + ' + $('#calcPatient').css('margin-bottom') + ' + ' + $('#calcPatient').css('border-bottom-width') + ' + ' + $('#calcPatient').css('border-top-width') + '))';
  108.                     document.getElementById('calcPrescription').style.height = 'calc(100% - (' + document.getElementById('titrePrescription').offsetHeight + 'px + ' + $('#titrePrescription').css('margin-top') +' + ' + $('#titrePrescription').css('margin-bottom') + ' + ' + $('#calcPrescription').css('margin-bottom') + ' + ' + $('#calcPrescription').css('border-bottom-width') + ' + ' + $('#calcPrescription').css('border-top-width') + '))';
  110.                     var antibioInput = document.getElementById('antibioEntry');
  111.                     var antibioSuggestions = document.getElementById('antibioSuggestions');
  112.                     var antibioAutocomplete = document.getElementById('antibioAutocomplete');
  114.                     if (antibioInput && antibioSuggestions && antibioAutocomplete && antibioInput.tagName === 'INPUT' && antibioInput.dataset.antibiotiques) {
  115.                         const antibios = JSON.parse(antibioInput.dataset.antibiotiques);
  116.                         const normalizedAntibios = antibios.map(function(label) {
  117.                             return {
  118.                                 label: label,
  119.                                 normalized: normalizeAntibiotic(label)
  120.                             };
  121.                         });
  123.                         var currentSuggestions = [];
  124.                         var activeSuggestionIndex = -1;
  126.                         const clearSuggestions = function() {
  127.                             antibioSuggestions.innerHTML = '';
  128.                             antibioSuggestions.style.display = 'none';
  129.                             currentSuggestions = [];
  130.                             activeSuggestionIndex = -1;
  131.                         };
  133.                         const highlightSuggestion = function(index) {
  134.                             var items = antibioSuggestions.querySelectorAll('.autocomplete-item');
  135.                             if (!items.length) {
  136.                                 return;
  137.                             }
  138.                             items.forEach(function(item, itemIndex) {
  139.                                 if (itemIndex === index) {
  140.                                     item.classList.add('active');
  141.                                     item.scrollIntoView({ block: 'nearest' });
  142.                                 } else {
  143.                                     item.classList.remove('active');
  144.                                 }
  145.                             });
  146.                             activeSuggestionIndex = index;
  147.                         };
  149.                         const applySuggestion = function(item) {
  150.                             antibioInput.value = item.label;
  151.                             clearSuggestions();
  152.                             checkATB();
  153.                         };
  155.                         const renderSuggestions = function(filterValue) {
  156.                             const normalizedFilter = normalizeAntibiotic(filterValue.trim());
  157.                             antibioSuggestions.innerHTML = '';
  158.                             currentSuggestions = [];
  159.                             activeSuggestionIndex = -1;
  161.                             var candidateSuggestions;
  162.                             if (normalizedFilter === '') {
  163.                                 candidateSuggestions = normalizedAntibios;
  164.                             } else {
  165.                                 candidateSuggestions = normalizedAntibios.filter(function(item) {
  166.                                     return item.normalized.includes(normalizedFilter);
  167.                                 });
  168.                             }
  170.                             if (!candidateSuggestions.length) {
  171.                                 clearSuggestions();
  172.                                 return;
  173.                             }
  175.                             candidateSuggestions.forEach(function(item) {
  176.                                 var suggestionIndex = currentSuggestions.length;
  177.                                 var button = document.createElement('button');
  178.                                 button.type = 'button';
  179.                                 button.className = 'autocomplete-item';
  180.                                 button.textContent = item.label;
  181.                                 button.addEventListener('mouseenter', function() {
  182.                                     highlightSuggestion(suggestionIndex);
  183.                                 });
  184.                                 button.addEventListener('mousedown', function(event) {
  185.                                     event.preventDefault();
  186.                                     applySuggestion(item);
  187.                                 });
  188.                                 antibioSuggestions.appendChild(button);
  189.                                 currentSuggestions.push(item);
  190.                             });
  192.                             if (currentSuggestions.length) {
  193.                                 antibioSuggestions.style.display = 'block';
  194.                             } else {
  195.                                 clearSuggestions();
  196.                             }
  197.                         };
  199.                         antibioInput.addEventListener('input', function(event) {
  200.                             renderSuggestions(event.target.value);
  201.                         });
  203.                         antibioInput.addEventListener('focus', function(event) {
  204.                             renderSuggestions(event.target.value);
  205.                         });
  207.                         antibioInput.addEventListener('keydown', function(event) {
  208.                             if (!currentSuggestions.length) {
  209.                                 if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
  210.                                     renderSuggestions(antibioInput.value);
  211.                                 }
  212.                                 return;
  213.                             }
  215.                             if (event.key === 'ArrowDown') {
  216.                                 event.preventDefault();
  217.                                 var nextIndex = (activeSuggestionIndex + 1) % currentSuggestions.length;
  218.                                 highlightSuggestion(nextIndex);
  219.                             } else if (event.key === 'ArrowUp') {
  220.                                 event.preventDefault();
  221.                                 var previousIndex = activeSuggestionIndex <= 0 ? currentSuggestions.length - 1 : activeSuggestionIndex - 1;
  222.                                 highlightSuggestion(previousIndex);
  223.                             } else if (event.key === 'Enter') {
  224.                                 if (activeSuggestionIndex >= 0 && activeSuggestionIndex < currentSuggestions.length) {
  225.                                     event.preventDefault();
  226.                                     applySuggestion(currentSuggestions[activeSuggestionIndex]);
  227.                                 }
  228.                             } else if (event.key === 'Escape') {
  229.                                 clearSuggestions();
  230.                             }
  231.                         });
  233.                         antibioInput.addEventListener('blur', function() {
  234.                             setTimeout(function() {
  235.                                 clearSuggestions();
  236.                             }, 150);
  237.                         });
  239.                         document.addEventListener('click', function(event) {
  240.                             if (!antibioAutocomplete.contains(event.target)) {
  241.                                 clearSuggestions();
  242.                             }
  243.                         });
  244.                     }
  245.                 });
  247.                 window.addEventListener('resize', function(event) {
  248.                     document.getElementById('calcPatient').style.height = 'calc(100% - (' + document.getElementById('titrePatient').offsetHeight + 'px + ' + $('#titrePatient').css('margin-top') +' + ' + $('#titrePatient').css('margin-bottom') + ' + ' + $('#calcPatient').css('margin-bottom') + ' + ' + $('#calcPatient').css('border-bottom-width') + ' + ' + $('#calcPatient').css('border-top-width') + '))';
  249.                     document.getElementById('calcPrescription').style.height = 'calc(100% - (' + document.getElementById('titrePrescription').offsetHeight + 'px + ' + $('#titrePrescription').css('margin-top') +' + ' + $('#titrePrescription').css('margin-bottom') + ' + ' + $('#calcPrescription').css('margin-bottom') + ' + ' + $('#calcPrescription').css('border-bottom-width') + ' + ' + $('#calcPrescription').css('border-top-width') + '))';
  250.                 }, true);
  252.                 function concatUrl(base, path) {
  253.                     return base.replace(/\/+$/, '') + '/' + path.replace(/^\/+/, '');
  254.                 }
  256.                 function disableText() {
  257.                     var radio = document.getElementById("mgkgj");
  258.                     var text = document.getElementById("mgkgjEntry");
  259.                     text.disabled = !radio.checked;
  260.                     var text2 = document.getElementById("mgkgdoseEntry");
  261.                     text2.disabled = true;
  262.                     text2.value = '';
  263.                 }
  264.                 function disableText2() {
  265.                     var radio = document.getElementById("mgkgdose");
  266.                     var text = document.getElementById("mgkgdoseEntry");
  267.                     text.disabled = !radio.checked;
  268.                     var text2 = document.getElementById("mgkgjEntry");
  269.                     text2.disabled = true;
  270.                     text2.value = '';
  271.                 }
  273.                 function normalizeAntibiotic(value) {
  274.                     if (!value) {
  275.                         return '';
  276.                     }
  277.                     var text = value.toString();
  278.                     if (typeof text.normalize === 'function') {
  279.                         text = text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
  280.                     }
  281.                     text = text.toLowerCase();
  282.                     return text.replace(/[^\u0000-\u007E]/g, function(character) {
  283.                         return accentReplacements[character] || character;
  284.                     });
  285.                 }
  287.                 function checkATB(){
  288.                     document.getElementById("doseStandard").innerHTML = "";
  289.                     var match = false;
  290.                     var entry = document.getElementById("antibioEntry");
  291.                     const antibios = JSON.parse(entry.dataset.antibiotiques);
  292.                     var texte = entry.value.trim();
  293.                     var texteNormalise = normalizeAntibiotic(texte);
  295.                     document.getElementById("recommandationDiv").style.display = "none";
  296.                     document.getElementById("noRecommandationDiv").style.display = "none";
  298.                     var newDivLoader = document.getElementById('loader').cloneNode(true);
  300.                     document.getElementById('doseStandard').appendChild(newDivLoader);
  301.                     document.getElementById('doseStandard').style.display = "block";
  302.                     newDivLoader.style.display = 'block';
  303.                     
  304.                     for (let i = 0; i <= antibios.length - 1; i++){
  305.                         var antibioCourant = antibios[i];
  306.                         if(texteNormalise !== '' && normalizeAntibiotic(antibioCourant) === texteNormalise){
  307.                             
  308.                             let url = new URL("{{ path('checkatb', {'_locale': app.request.locale})|e('js') }}", window.location.origin);
  309.                             url.searchParams.set('antibiotique', antibioCourant);
  312.                             fetch(url.toString())
  313.                                 .then(response => response.json())
  314.                                 .then(data => {
  315.                                     document.getElementById('doseStandard').innerHTML = data.content;
  316.                                     newDivLoader.style.display = 'none';
  317.                                 })
  318.                                 .catch(error => {
  319.                                     console.log("error :", error);
  320.                                     newDivLoader.style.display = 'none';
  321.                             });
  323.                             match = true;
  324.                             entry.value = antibioCourant;
  325.                             break;
  326.                         }else if (match == false){
  327.                             if(i == antibios.length - 1){
  328.                                 document.getElementById('doseStandard').style.display = 'none';
  329.                             }
  330.                         }
  331.                     }
  332.                 }
  334.                 function calculCliked(){
  335.                     document.getElementById("recommandationDiv").style.display = "none";
  336.                     document.getElementById("noRecommandationDiv").style.display = "none";
  337.                     
  338.                     var newDivLoader = document.getElementById('loader').cloneNode(true);
  339.                     document.getElementById('recomandationBlock').appendChild(newDivLoader);
  340.                     newDivLoader.style.display = 'block';
  341.                     
  342.                     var antibioVal = document.getElementById("antibioEntry").value;
  343.                     var sexeVal = document.getElementById("sexeSelect").value;
  344.                     var poidsVal = document.getElementById("poidsEntry").value;
  345.                     var tailleVal = document.getElementById("tailleEntry").value;
  346.                     var doseVal = (document.getElementById("mgkgjEntry").value == '') ? (document.getElementById("mgkgdoseEntry").value) : (document.getElementById("mgkgjEntry").value);
  348.                     if(antibioVal != '' && antibioVal != null ){
  349.                         if(sexeVal == 1 || sexeVal == 2){
  350.                             if(poidsVal != '' && poidsVal != null && poidsVal != 0){
  351.                                 if(tailleVal != '' && tailleVal != null && tailleVal != 0){
  352.                                     if(doseVal != '' && doseVal != null && doseVal != 0){
  354.                                         let url = new URL("{{ path('calcul', {'_locale': app.request.locale})|e('js') }}", window.location.origin);
  355.                                         url.searchParams.set('antibiotique', antibioVal);
  356.                                         url.searchParams.set('sexe', sexeVal);
  357.                                         url.searchParams.set('poids', poidsVal);
  358.                                         url.searchParams.set('taille', tailleVal);
  359.                                         url.searchParams.set('dose', doseVal);
  360.                                         
  361.                                         fetch(url.toString())
  362.                                             .then(response => response.json())
  363.                                             .then(data => {
  364.                                                 document.getElementById("recommandationDiv").style.display = "none";
  365.                                                 document.getElementById("noRecommandationDiv").style.display = "none";
  367.                                                 if(data.content == "Aucun calcul pour cet antibiotique."){
  368.                                                     newDivLoader.style.display = 'none';
  369.                                                     document.getElementById("noRecommandationDiv").style.display = "block";
  370.                                                 }else{
  371.                                                     document.getElementById('bmiClient').innerHTML  = data.content.datas.situation_bmi;
  373.                                                     let recommandation = 'let abw = ' + data.content.datas.abw +';let bmi = ' + data.content.datas.bmi +';let dose =' + data.content.datas.dose + ';let ibw = ' + data.content.datas.ibw +';let interpretation_bmi = "' + data.content.datas.interpretation_bmi +'";let lbw = ' + data.content.datas.lbw +';let libelleAntibiotique = "' + data.content.datas.libelleAntibiotique + '";let libelleFamilleAntibiotique = "' + data.content.datas.libelleFamilleAntibiotique + '";let poids = ' + data.content.datas.poids +';let sexe = ' + data.content.datas.sexe +';let situation = "' + data.content.datas.situation + '";let situation_bmi = "' + data.content.datas.situation_bmi + '";let taille = '+ data.content.datas.taille + ';let x_abw = '+ data.content.datas.x_abw + ';' + data.content.datas.recommandation.replace(/\t/g, "").replace(/\n/g, "").replace(/\"/g, '"');
  375.                                                     let func = new Function(recommandation);
  376.                                                     func();
  378.                                                     document.getElementById('bmiClient').innerHTML  = data.content.datas.situation_bmi;
  379.                                                     
  380.                                                     document.getElementById('referencesChild').innerHTML = data.content.datas.reference;
  381.                                                      newDivLoader.style.display = 'none';
  383.                                                     document.getElementById("recommandationDiv").style.display = "block";
  384.                                                 }
  385.                                             })
  386.                                             .catch(error => {
  387.                                                 console.log("error :", error);
  388.                                                 newDivLoader.style.display = 'none';
  389.                                         });
  391.                                     }else{
  392.                                         if(document.getElementById("mgkgj").checked){
  393.                                             newDivLoader.style.display = 'none';
  394.                                             document.getElementById("modelText").innerHTML = "{{ 'labels.errors.mg/kg/j'|trans|e('js') }}";
  395.                                             $("#modal").modal('show');
  396.                                         }else if (document.getElementById("mgkgdose").checked){
  397.                                             newDivLoader.style.display = 'none';
  398.                                             document.getElementById("modelText").innerHTML = "{{ 'labels.errors.mg/kg/dose'|trans|e('js') }}";
  399.                                             $("#modal").modal('show');
  400.                                         }else{
  401.                                             newDivLoader.style.display = 'none';
  402.                                             document.getElementById("modelText").innerHTML = "{{ 'labels.errors.dose'|trans|e('js') }}";
  403.                                             $("#modal").modal('show');
  404.                                         }
  405.                                     }
  406.                                 }else{
  407.                                     newDivLoader.style.display = 'none';
  408.                                     document.getElementById("modelText").innerHTML = "{{ 'labels.errors.height'|trans|e('js') }}";
  409.                                     $("#modal").modal('show');
  410.                                 }
  411.                             }else{
  412.                                 newDivLoader.style.display = 'none';
  413.                                 document.getElementById("modelText").innerHTML = "{{ 'labels.errors.weight'|trans|e('js') }}";
  414.                                 $("#modal").modal('show');
  415.                             }
  416.                         }else{
  417.                             newDivLoader.style.display = 'none';
  418.                             document.getElementById("modelText").innerHTML = "{{ 'labels.errors.sexe'|trans|e('js') }}";
  419.                             $("#modal").modal('show');
  420.                         }
  421.                     }else{
  422.                         newDivLoader.style.display = 'none';
  423.                         document.getElementById("modelText").innerHTML = "{{ 'labels.errors.antb'|trans|e('js') }}";
  424.                         $("#modal").modal('show');
  425.                     }
  426.                 }
  427.             </script>
  428.         {% endblock %}
  429.     </head>
  430.     <body>
  431.     <div id="loader" style="display: none;">
  432.         <div style="text-align: center; justify-content: center; display: flex;">
  433.             <div style="border: 16px solid #cd3c3e; border-top: 16px solid #fff; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite;"></div>
  434.         </div>
  435.     </div>
  436.         <div id="content">
  437.             {% set currentLocale = app.request.locale %}
  439.             {# --------------------------------------------------- HEADER ---------------------------------------------------#}
  440.             {% include 'include/header.html.twig' %}
  441.             {# --------------------------------------------------- HEADER ---------------------------------------------------#}
  442.             
  443.             <div class="container">
  444.                 <div id="calcul">
  445.                     <div id="patient">
  446.                         <p id="titrePatient" class="titreForm"><strong>{{ 'labels.patient'|trans }}</strong></p>
  447.                         <div id="calcPatient" class="form1">
  448.                             {# Sexe #}
  449.                             <div class="form">
  450.                                 <p class='sousTitreForm'>{{ 'labels.sex'|trans }}</p>
  451.                                 <select name="sexe" id="sexeSelect">
  452.                                     <option value="1">{{ 'sex.man'|trans }}</option>
  453.                                     <option value="2">{{ 'sex.woman'|trans }}</option>
  454.                                 </select>
  455.                             </div>
  456.                             {# Poids #}
  457.                             <div class="form">
  458.                                 <p class='sousTitreForm'>{{ 'labels.weight'|trans }}</p>
  459.                                 <input type="number" id="poidsEntry"></input>
  460.                             </div>
  461.                             {# Taille #}
  462.                             <div class="form">
  463.                                 <p class='sousTitreForm'>{{ 'labels.height'|trans }}</p>
  464.                                 <input type="number" id="tailleEntry"></input>
  465.                             </div>
  466.                         </div>
  467.                     </div>
  470.                     <div id="prescription">
  471.                         <p id="titrePrescription" class="titreForm"><strong>{{ 'labels.prescription'|trans }}</strong></p>
  472.                         <div id="calcPrescription" class="form1">
  473.                             <div id="atbEntry" class="form">
  474.                                 {# {% if antibiogarde == 1 %}
  475.                                     <select id="antibioEntry" data-antibiotiques='{{ antibiotiques|json_encode() }}' onchange="checkATB();">
  476.                                         <option>{{ 'labels.selectAtb'|trans }}</option>
  477.                                         {% for option in antibiotiques %}
  478.                                             <option>{{ option|raw }}</option>
  479.                                         {% endfor %}
  480.                                     </select>
  481.                                 {% else %} #}
  482.                                     <div id="antibioAutocomplete" class="autocomplete-container">
  483.                                         <input type="search" id="antibioEntry" placeholder="{{ 'labels.antibiotiques'|trans }}" autocomplete="off" data-antibiotiques='{{ antibiotiques|json_encode() }}' onchange="checkATB();"></input>
  484.                                         <div id="antibioSuggestions" class="autocomplete-suggestions"></div>
  485.                                     </div>
  486.                                 {# {% endif %} #}
  487.              </div>
  489.                             <div class="form">
  490.                                 <p style="margin:0; margin-bottom: 0;">{{ 'labels.standardDose'|trans }}</p>
  491.                                 {# equivalence vie BDD #}
  492.                                 <strong>
  493.                                     <div id="doseStandard">
  494.                                     </div>
  495.                                 </strong>
  496.                             </div>
  498.                             <div class="form">
  499.                                 <p style="margin:0; margin-bottom: 0;">{{ 'labels.givenDosage'|trans }}</p>
  500.                                 <div id="radioDiv" class="container">
  501.                                     <div style="margin: 10px;">
  502.                                         <div>
  503.                                             <input type="radio" id="mgkgj" name="drone" value="mgkgj" onchange="disableText()">
  504.                                             <label for="mgkgj">{{ 'labels.mg/kg/j'|trans }}</label>
  505.                                         </div>
  506.                                         <input type="number" id="mgkgjEntry" disabled></input>
  507.                                     </div>
  508.                                     <div style="margin: 10px;">
  509.                                         <div>
  510.                                             <input type="radio" id="mgkgdose" name="drone" value="mgkgdose" onchange="disableText2()">
  511.                                             <label for="mgkgdose">{{ 'labels.mg/kg/dose'|trans }}</label>
  512.                                         </div>
  513.                                         <input type="number" id="mgkgdoseEntry" disabled></input>
  514.                                     </div>
  515.                                 </div>
  516.                             </div>
  517.                         </div>
  518.                     </div>
  519.                 </div>
  522.                 <div id="bouttonCalcul">
  523.                     <button type="button" id="btnCalc" onClick="calculCliked();"><strong>{{ 'answer.recommendationTitle'|trans }}</strong></button>
  524.                 </div>
  526.                 <div id="recomandationBlock">
  527.                     <div id="recommandationDiv">
  528.                         <div id="reco">
  529.                             <p style="margin:0; margin-bottom: 0;"><strong>{{ 'answer.recommandation'|trans }}</strong></p>
  530.                         </div>
  532.                         <div style="padding: 20px;">
  533.                             <div>
  534.                                 <p style="margin:0; margin-bottom: 0;" id="bmiClient"></p> 
  535.                             </div>
  536.                             <div style="padding-top: 20px;">
  537.                                 <p style="margin:0; margin-bottom: 0;" id="recommandation"></p>
  538.                             </div>
  539.                             <div style="padding-top: 20px;">
  540.                                 {# conseil recup en BDD #}
  541.                                 <p style="margin:0; margin-bottom: 0;" id="adaptation_poso"></p>
  542.                             </div>
  543.                             <div id="references" style="padding-top: 20px;">
  544.                                 <p style="margin:0; margin-bottom: 0;" id="ref"><strong>{{ 'answer.references'|trans }}</strong></p>
  545.                                 {# boucle for reach sur les références dispo en BDD #}
  546.                                 <div id="referencesChild">
  547.                                     {# en js ajoute des enfants avec les références #}
  548.                                 </div>
  549.                             </div>
  550.                         </div>
  551.                     </div>
  553.                     <div id="noRecommandationDiv">
  554.                         {{ 'answer.noCalcul'|trans }}
  555.                     </div>
  556.                 </div>
  557.             </div>
  558.         </div>
  560.         {# --------------------------------------------------- ------ ---------------------------------------------------#}
  561.         {# --------------------------------------------------- FOOTER ---------------------------------------------------#}
  562.         {# --------------------------------------------------- ------ ---------------------------------------------------#}
  563.         {% include 'include/footer.html.twig' %}
  565.         <!-- Modal -->
  566.         <div id="modal" class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  567.             <div class="modal-dialog">
  568.                 <div class="modal-content">
  569.                     <div class="modal-header">
  570.                         <h1 class="modal-title fs-5" id="staticBackdropLabel">{{ 'modal.attention'|trans }}</h1>
  571.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  572.                     </div>
  573.                     <div class="modal-body">
  574.                         <p id="modelText"></p>
  575.                     </div>
  576.                     <div class="modal-footer">
  577.                         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'modal.ok'|trans }}</button>
  578.                     </div>
  579.                 </div>
  580.             </div>
  581.         </div>
  582.     </body>
  583. </html>