1. replaced admin notification with modal

2. added extra theme option used in modal
3. code refactor.

functions.php

@@ -46,7 +46,14 @@
 locate_template('/includes/theme/extensions/template-tags.php', true);
 locate_template('/includes/theme/theme-hooks.php', true);
 
-/**
- * activation hook
- */
-require get_template_directory(). '/includes/admin/zoner-options/send-statistics.php';
+
+if (is_admin()) {
+	/**
+	 * activation hook
+	 */
+	require get_template_directory() . '/includes/admin/fruitful-stats/send-statistics.php';
+	/**
+	 * modal form for request to sending statistics
+	 */
+	require get_template_directory() . '/includes/admin/fruitful-stats/send-statistics-modal.php';
+}

includes/admin/fruitful-stats/assets/js/admin_scripts.js

@@ -0,0 +1,96 @@
+(function () {
+    "use strict";
+
+    // 	Allow Subscribe for news
+    jQuery(document).ready(function () {
+        var modalContainer = document.getElementById('subscribe-notification-container');
+        if ('undefined' === typeof modalContainer || null === modalContainer) {
+            return;
+        }
+        var statsInput = document.getElementById('modal-ffc-statistic');
+        var subscribeInput = document.getElementById('modal-ffc-subscribe');
+        var userInfoContainer = document.getElementById("frtfl-modal__content_user-info");
+
+        var modalForm = document.getElementById("frtfl-modal-form");
+        var submitBtn = document.getElementById("frtfl-modal__submit-btn");
+        var modalData = {};
+
+        modalContainer.addEventListener("click", function (e) {
+
+            //Subscribe checkbox event. If checked show additional inputs
+            if (e.target === subscribeInput) {
+                userInfoContainer.classList.toggle("hidden");
+                if (userInfoContainer.classList.contains("hidden")) {
+                    userInfoContainer.querySelector('input[type="email"]').setAttribute('disabled', 'true');
+                    userInfoContainer.querySelector('input[type="text"]').setAttribute('disabled', 'true');
+                } else {
+                    userInfoContainer.querySelector('input[type="email"]').removeAttribute('disabled');
+                    userInfoContainer.querySelector('input[type="text"]').removeAttribute('disabled');
+                }
+
+            }
+
+            // Subscribe to newsletter click event - create modalData
+            if (e.target === submitBtn) {
+                modalData['ffc_statistic'] = +statsInput.checked;
+                modalData['ffc_subscribe'] = +subscribeInput.checked;
+                if (userInfoContainer.classList.contains("hidden")) {
+                    modalData['ffc_subscribe_name'] = '';
+                    modalData['ffc_subscribe_email'] = '';
+                } else {
+                    modalData['ffc_subscribe_name'] = userInfoContainer.querySelector('input[type="text"]').value;
+                    modalData['ffc_subscribe_email'] = userInfoContainer.querySelector('input[type="email"]').value;
+                }
+            }
+
+            // Dismiss subscribe notification Event
+            if (e.target.classList.contains("notice-dismiss")) {
+                var data = {
+                    action: "zoner_dismiss_subscribe_notification",
+                    type: "json",
+                };
+
+                jQuery.post(ajaxurl, data, function (response) {
+                    modalContainer.remove();
+                    location.reload();
+                });
+            }
+
+        });
+
+        modalForm.addEventListener('submit', function (e) {
+
+            e.preventDefault();
+
+            var __notificationText = modalForm.querySelector('.frtfl-modal__content');
+
+            var data = {
+                action: "zoner_submit_modal",
+                type: "json",
+                data: modalData
+            };
+
+            jQuery.post(ajaxurl, data, function (response) {
+                var __title, __statMsg, __subscrMsg, __errMsg, __errDescr;
+                if (response.status === 'success'){
+                    __title = "<h2>" + response.title + "</h2>";
+                    __statMsg = "<p>" + response.stat_msg + "</p>";
+                    __subscrMsg = "<p>" + response.subscr_msg + "</p>";
+                    __errMsg = '';
+                    __errDescr = '';
+                } else {
+                    __title = '';
+                    __statMsg = '';
+                    __subscrMsg = '';
+                    __errMsg = "<p>" + response.error_message + "</p>";
+                    __errDescr = "<p>" + response.error_description + "</p>";
+                }
+                __notificationText.innerHTML = __title + __statMsg + __subscrMsg + __errMsg + __errDescr;
+            });
+
+        });
+
+    });
+}());
+
+

includes/admin/fruitful-stats/assets/styles/admin_styles.sass

@@ -0,0 +1,80 @@
+// Subscribe modal window styles
+.frtfl-modal
+  position: fixed
+  z-index: 999999
+  top: 0
+  left: 0
+  right: 0
+  bottom: 0
+  background-color: rgba(0, 0, 0, 0.5)
+  font-size: 14px
+  line-height: 1.5
+
+  *
+    box-sizing: border-box
+
+  #frtfl-modal-form
+    position: absolute
+    top: 20%
+    left: 50%
+    -webkit-transform: translateX(-50%)
+    -moz-transform: translateX(-50%)
+    -ms-transform: translateX(-50%)
+    -o-transform: translateX(-50%)
+    transform: translateX(-50%)
+    max-width: 50%
+    max-height: 50%
+    background-color: #fff
+    padding: 25px 50px
+    overflow: auto
+    -webkit-box-shadow: 0px 0px 40px -5px rgba(0, 0, 0, 0.75)
+    -moz-box-shadow: 0px 0px 40px -5px rgba(0, 0, 0, 0.75)
+    box-shadow: 0px 0px 40px -5px rgba(0, 0, 0, 0.75)
+
+  .description
+    margin-bottom: 15px
+
+  .form-group
+    margin-bottom: 5px
+
+  .submit-btn__wrapper
+    text-align: right
+    margin-top: 15px
+
+  .floating-placeholder__wrapper
+    position: relative
+    height: 30px
+    margin-top: 15px
+
+    input
+      height: 100%
+      width: 100%
+      position: relative
+      background-color: transparent
+      z-index: 1
+      &::placeholder
+        color: transparent
+
+    label,
+    input:placeholder-shown:focus + label,
+    input:placeholder-shown:active + label
+      font-size: 12px
+      font-style: italic
+      line-height: 1
+      position: absolute
+      left: 5px
+      top: 0
+      transform: translateY(-50%)
+      transition: 0.3s
+      display: block
+      padding: 0 3px
+      background-color: #fff
+      color: #666
+      z-index: 2
+      cursor: default
+
+    input:placeholder-shown + label
+      transform: translateY(50%)
+      font-size: 16px
+      z-index: 0
+      transition: 0.3s