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 %}