added reCaptcha v2

cao_blogr/templates/home.jinja2

@@ -158,13 +158,29 @@
             </div>
             </div>
             <textarea class="form-control" id="comments" name="comments" placeholder="Message - Tin nhắn" required rows="5"></textarea>
-            
-            <p class="matngot"><input class="form-control" id="matngot" name="matngot" type="text"></p>
             <br>
-              <button class="btn btn-primary" type="submit" name="form.submitted">Envoyer</button>
+            <div class="g-recaptcha" data-sitekey="6LeDvVUgAAAAAOqD_-h93kd5aW8CmpeVvKYu-m0p" data-callback='recaptchaCallback'></div>
+            <input type="hidden"  id="response" name="response" value="" />
+            <br>
+            <button class="btn btn-primary hidden" id="btnSubmit" type="submit" name="form.submitted">Envoyer</button>
           </form>
         </div>
     </div>
   </div>
 
+  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
+  <script>
+    function recaptchaCallback() {
+      var btnSubmit = document.getElementById("btnSubmit");
+      var response = grecaptcha.getResponse();
+
+      document.getElementById("response").value = response;
+      if ( btnSubmit.classList.contains("hidden") ) {
+          btnSubmit.classList.remove("hidden");
+          btnSubmit.classList.add("show");
+      }
+    }
+
+  </script>
+    
 {% endblock %}

cao_blogr/templates/layout.jinja2

@@ -127,20 +127,20 @@
 
     gtag('config', 'G-NBVRNJ9C0Y');
   </script>
-<script type="text/javascript" id="cookieinfo"
-  src="//cookieinfoscript.com/js/cookieinfo.min.js"
-  data-bg="#645862"
-  data-fg="#FFFFFF"
-  data-link="#F1D600"
-  data-divlink="#FFFFFF"
-  data-divlinkbg="#5CB85C"
-  data-cookie="CookieInfoScript"
-  data-text-align="left"
-  data-close-text="J'ai compris!"
-  data-linkmsg = "Mentions légales"
-  data-moreinfo = "https://meditation-sunyata.paris/blog/1/mentions-legales"
-  data-message="Les cookies que nous utilisons sont nécessaires au bon fonctionnement du site. En continuant la visite, vous déclarez accepter leur utilisation.">
-</script>
+  <script type="text/javascript" id="cookieinfo"
+    src="//cookieinfoscript.com/js/cookieinfo.min.js"
+    data-bg="#645862"
+    data-fg="#FFFFFF"
+    data-link="#F1D600"
+    data-divlink="#FFFFFF"
+    data-divlinkbg="#5CB85C"
+    data-cookie="CookieInfoScript"
+    data-text-align="left"
+    data-close-text="J'ai compris!"
+    data-linkmsg = "Mentions légales"
+    data-moreinfo = "https://meditation-sunyata.paris/blog/1/mentions-legales"
+    data-message="Les cookies que nous utilisons sont nécessaires au bon fonctionnement du site. En continuant la visite, vous déclarez accepter leur utilisation.">
+  </script>
 
   </body>
 </html>