From 431292a6fb7d62990634153841d6d1206a0a7eb7 Mon Sep 17 00:00:00 2001
From: Paul Shatalov <leviothano@gmail.com>
Date: Tue, 27 Mar 2018 14:58:41 +0700
Subject: [PATCH] Update form. Separated icons. New payment page

---
 assets/form/widget.js         |  34 +++
 assets/images/icons/bch.svg   |  12 ++
 assets/images/icons/btc.svg   |  12 ++
 assets/images/icons/dash.svg  |  12 ++
 assets/images/icons/eth.svg   |  56 +++++
 assets/images/icons/ltc.svg   |  14 ++
 class-wc-gateway-paybear.php  | 391 +++++++++++++++++++++++++++++++---
 templates/paybear_payment.php |  51 +++++
 8 files changed, 547 insertions(+), 35 deletions(-)
 create mode 100644 assets/form/widget.js
 create mode 100644 assets/images/icons/bch.svg
 create mode 100644 assets/images/icons/btc.svg
 create mode 100644 assets/images/icons/dash.svg
 create mode 100644 assets/images/icons/eth.svg
 create mode 100644 assets/images/icons/ltc.svg
 create mode 100644 templates/paybear_payment.php

diff --git a/assets/form/widget.js b/assets/form/widget.js
new file mode 100644
index 0000000..969bcae
--- /dev/null
+++ b/assets/form/widget.js
@@ -0,0 +1,34 @@
+(function () {
+    var container = document.getElementById('paybear');
+    if (!container) {
+        return;
+    }
+    window.paybearWidget = new Paybear({
+        button: '#paybear-all',
+        fiatValue: parseFloat(container.getAttribute('data-fiat-value')),
+        currencies: JSON.parse(htmlDecode(container.getAttribute('data-currencies'))),
+        statusUrl: container.getAttribute('data-status'),
+        redirectTo: container.getAttribute('data-redirect'),
+        fiatCurrency: container.getAttribute('data-fiat-currency'),
+        fiatSign: container.getAttribute('data-fiat-sign'),
+        minOverpaymentFiat: container.getAttribute('data-min-overpayment-fiat'),
+        maxUnderpaymentFiat: container.getAttribute('data-max-underpayment-fiat'),
+        modal: true,
+        enablePoweredBy: false,
+        redirectPendingTo: container.getAttribute('data-redirect')
+    });
+
+    function htmlDecode(input){
+        var e = document.createElement('div');
+        e.innerHTML = input;
+        // handle case of empty input
+        return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
+    }
+
+    var autoopen = container.getAttribute('data-autoopen');
+
+    if (autoopen && autoopen == 'true') {
+        document.getElementById('paybear-all').click();
+    }
+
+})();
diff --git a/assets/images/icons/bch.svg b/assets/images/icons/bch.svg
new file mode 100644
index 0000000..687723d
--- /dev/null
+++ b/assets/images/icons/bch.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
+    <title>bch</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="bch" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(0.000000, 6.000000)" fill="#DC9829" fill-rule="nonzero" id="Shape">
+            <path d="M16.0234009,0.0704845815 C15.2104317,0.0690748899 14.3840705,0.169162996 13.5599648,0.379348018 L13.5599648,0.37892511 C8.28630837,1.72532159 5.10322467,7.08722467 6.4507489,12.3552423 C7.7984141,17.6232599 13.1660969,20.8028194 18.4400352,19.4565639 C23.7139736,18.1105903 26.8967753,12.7486872 25.5493921,7.4806696 C24.4121938,3.03591189 20.4133216,0.077814978 16.0234009,0.0704845815 Z M0,0.115594714 L0,19.8061674 L9.09688106,19.8061674 C5.99555947,17.6322819 3.968,14.0330573 3.968,9.96088106 C3.968,5.88884581 5.9954185,2.28962115 9.09688106,0.115594714 L0,0.115594714 Z M22.9031189,0.115594714 C26.0044405,2.28962115 28.032,5.88884581 28.032,9.96088106 C28.032,14.0330573 26.0045815,17.6322819 22.9031189,19.8061674 L32,19.8061674 L32,0.115594714 L22.9031189,0.115594714 Z M15.7373744,3.36310132 L16.2258326,5.27252863 C17.1181674,5.10266079 17.814978,5.1030837 18.4936035,5.37881938 C19.3709956,5.73490749 19.5742731,6.69096035 19.6157181,6.92074009 C19.6567401,7.15051982 19.6688634,7.61064317 19.5422731,7.94135683 C19.4159648,8.27263436 19.003207,8.67707489 19.003207,8.67707489 C19.003207,8.67707489 19.6064141,8.65184141 20.0862731,8.85187665 C20.5651454,9.05205286 20.9996123,9.50935683 21.1827313,10.294837 C21.3664141,11.0798943 21.4046167,11.8963877 20.8212863,12.5727577 C20.2519119,13.2323524 19.5366344,13.5171101 19.2004229,13.6510308 L19.1751894,13.6608987 C19.0150485,13.7250396 18.7370573,13.8206167 18.4369339,13.9160529 L18.9259559,15.8282996 L17.7475947,16.1292687 L17.266185,14.2478943 L16.3686344,14.4769692 L16.8499031,16.3583436 L15.6715419,16.6593128 L15.1902731,14.7776564 L12.8717533,15.369304 L12.7524934,13.8934978 L13.4573392,13.7137621 C13.6941674,13.6530044 13.787489,13.6060617 13.8626256,13.4875066 C13.9377621,13.3685286 13.9232423,13.2198062 13.8936388,13.1039295 L12.6478943,8.23302203 C12.5697974,7.92782379 12.5238414,7.85170044 12.3434009,7.7307489 C12.1626784,7.60965639 11.8270308,7.67309251 11.6409515,7.72102203 L10.9597885,7.89455507 L10.646978,6.67207048 L12.9656388,6.08042291 L12.4825374,4.1938326 L13.6610396,3.89314537 L14.1435771,5.78001762 L15.0411278,5.55094273 L14.5584493,3.66407048 L15.7373744,3.36310132 Z M16.2541674,6.75298678 C15.8361938,6.75129515 15.5450925,6.816 15.2208634,6.89367401 C14.8505374,6.98248458 14.4842996,7.11118943 14.4842996,7.11118943 L15.0652335,9.38304846 C15.0652335,9.38304846 15.62037,9.25885463 16.045674,9.13268722 C16.4711189,9.00637885 16.9030485,8.79125991 17.1866784,8.52539207 C17.4707313,8.25938326 17.5847753,7.92542731 17.4642467,7.49913656 C17.3430132,7.07284581 16.9642291,6.78301322 16.4416564,6.7579207 C16.3792024,6.75493982 16.3166918,6.7532948 16.2541674,6.75298678 Z M17.5124581,10.1365286 C17.239225,10.1385894 16.9667073,10.1647703 16.6980793,10.2147665 C16.1041762,10.3252863 15.3650749,10.5547841 15.3650749,10.5547841 L16.0109956,13.0795419 C16.0109956,13.0795419 16.7974626,12.8968458 17.3105903,12.7245815 C17.823859,12.5525991 18.3296564,12.2829251 18.5616916,12.0654097 C18.793304,11.8480352 19.0591718,11.533815 18.9114361,10.9564053 C18.7637004,10.3787137 18.3164053,10.235207 18.0680176,10.1813568 C17.9438238,10.1544317 17.7497093,10.1351189 17.5124581,10.1365286 Z"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/icons/btc.svg b/assets/images/icons/btc.svg
new file mode 100644
index 0000000..c26e12b
--- /dev/null
+++ b/assets/images/icons/btc.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
+    <title>btc</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="btc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(4.000000, 0.000000)" fill="#F7AC31" fill-rule="nonzero" id="Shape">
+            <path d="M22.1153141,19.9236346 C22.1153141,15.20032 18.8154642,14.229776 18.8154642,14.229776 C18.8154642,14.229776 21.2094729,13.4533407 21.2094729,10.4770055 C21.2094729,7.50067032 18.8801671,5.94779976 16.6802672,5.94779976 C16.6155642,5.94779976 16.4861584,5.94779976 16.4214554,5.94779976 L16.4214554,2.06562344 L13.8333379,2.06562344 L13.8333379,5.94779976 C12.9921997,5.94779976 12.1510615,5.94779976 11.2452203,5.94779976 L11.2452203,2.06562344 L8.65710276,2.06562344 L8.65710276,5.94779976 C7.94537042,5.94779976 2.83383823,5.94779976 2.83383823,5.94779976 L2.83383823,9.18294671 L5.42195581,9.18294671 L5.42195581,22.7705639 L2.83383823,22.7705639 L2.83383823,26.0057109 L8.65710276,26.0057109 L8.65710276,29.8878872 L11.2452203,29.8878872 L11.2452203,26.0057109 L13.8333379,26.0057109 L13.8333379,29.8878872 L16.4214554,29.8878872 L16.4214554,25.9410079 C18.2978407,25.876305 22.1153141,24.5175433 22.1153141,19.9236346 Z M8.59239984,9.18294671 L15.3862084,9.18294671 C15.839129,9.18294671 17.4567025,8.98883791 17.4567025,11.5769555 C17.4567025,13.9709642 15.3215055,13.7121524 15.3215055,13.7121524 L8.59239984,13.7121524 L8.59239984,9.18294671 Z M15.774426,22.1235345 L8.59239984,22.1235345 L8.59239984,17.5943288 L15.774426,17.5943288 C16.2920496,17.5943288 17.9743259,17.2708141 17.9743259,19.9883375 C18.0390289,22.5764551 15.774426,22.1235345 15.774426,22.1235345 Z" transform="translate(12.474576, 15.976755) rotate(11.000000) translate(-12.474576, -15.976755) "></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/icons/dash.svg b/assets/images/icons/dash.svg
new file mode 100644
index 0000000..ffb370b
--- /dev/null
+++ b/assets/images/icons/dash.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
+    <title>dash</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="dash" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(0.000000, 7.000000)" fill="#1E75BB" fill-rule="nonzero" id="Shape">
+            <path d="M31.9568231,2.98450475 C32.0614852,3.62992095 31.9742668,4.2927808 31.7126116,4.88586595 L28.8344043,13.9391363 C28.5727491,14.5671088 28.2587628,15.1601939 27.8750018,15.7358354 C27.4214661,16.3114768 26.8981557,16.8347873 26.3225142,17.288323 C25.7294291,17.776746 25.0316819,18.1256196 24.421153,18.4744933 C23.8117128,18.6999337 23.1693668,18.8236885 22.5197918,18.8408106 L0.71519091,18.8408106 L2.2676785,14.1833478 L21.9267067,14.1833478 L25.0316819,4.6590981 L5.37265365,4.6590981 L6.92514125,0.00163535193 L28.6250801,0.00163535193 C29.2007216,-0.0158083481 29.776363,0.106297452 30.2996734,0.367952652 C30.8055402,0.559833152 31.2416322,0.943594102 31.4858437,1.43201715 C31.7649426,1.90299655 31.9219358,2.44375065 31.9568231,2.98450475 Z M13.1176479,7.25820655 L11.6872661,11.5667957 L3.55271368e-15,11.5667957 L1.55248759,7.25820655 L13.1176479,7.25820655 Z"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/icons/eth.svg b/assets/images/icons/eth.svg
new file mode 100644
index 0000000..a10740f
--- /dev/null
+++ b/assets/images/icons/eth.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
+    <title>eth</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M15.1220687,13.1621072 C15.1284601,13.1097637 15.118778,13.0549887 15.090862,13.0055471 L7.83497301,0.154761906 C7.81207876,0.11421424 7.77855003,0.0806855203 7.73800237,0.0577912494 C7.61499218,-0.0116635055 7.45896855,0.0317517361 7.38951378,0.154761906 L0.133624807,13.0055471 C0.106534879,13.0535256 0.0959759947,13.1083391 0.10239801,13.1618177 C0.10020922,13.2515937 0.145449927,13.3398511 0.228314575,13.3886674 L7.48241448,17.6621186 C7.56253265,17.7093169 7.66195419,17.7093169 7.7420723,17.6621186 L14.9961722,13.3886674 C15.0286107,13.3695576 15.0564306,13.3435225 15.0776461,13.3124204 C15.1090245,13.2664196 15.1233614,13.2138251 15.1220687,13.1621072 Z" id="path-1"></path>
+        <path d="M15.1220687,13.1621072 C15.1284601,13.1097637 15.118778,13.0549887 15.090862,13.0055471 L7.83497301,0.154761906 C7.81207876,0.11421424 7.77855003,0.0806855203 7.73800237,0.0577912494 C7.61499218,-0.0116635055 7.45896855,0.0317517361 7.38951378,0.154761906 L0.133624807,13.0055471 C0.106534879,13.0535256 0.0959759947,13.1083391 0.10239801,13.1618177 C0.10020922,13.2515937 0.145449927,13.3398511 0.228314575,13.3886674 L7.48241448,17.6621186 C7.56253265,17.7093169 7.66195419,17.7093169 7.7420723,17.6621186 L14.9961722,13.3886674 C15.0286107,13.3695576 15.0564306,13.3435225 15.0776461,13.3124204 C15.1090245,13.2664196 15.1233614,13.2138251 15.1220687,13.1621072 Z" id="path-3"></path>
+        <path d="M15.1220687,13.1621072 C15.1284601,13.1097637 15.118778,13.0549887 15.090862,13.0055471 L7.83497301,0.154761906 C7.81207876,0.11421424 7.77855003,0.0806855203 7.73800237,0.0577912494 C7.61499218,-0.0116635055 7.45896855,0.0317517361 7.38951378,0.154761906 L0.133624807,13.0055471 C0.106534879,13.0535256 0.0959759947,13.1083391 0.10239801,13.1618177 C0.10020922,13.2515937 0.145449927,13.3398511 0.228314575,13.3886674 L7.48241448,17.6621186 C7.56253265,17.7093169 7.66195419,17.7093169 7.7420723,17.6621186 L14.9961722,13.3886674 C15.0286107,13.3695576 15.0564306,13.3435225 15.0776461,13.3124204 C15.1090245,13.2664196 15.1233614,13.2138251 15.1220687,13.1621072 Z" id="path-5"></path>
+        <path d="M7.39851312,4.10289302 L14.2511277,0.127125812 C14.3733156,0.0562345135 14.5298372,0.0978186458 14.6007285,0.220006568 C14.6506046,0.305972696 14.6461672,0.413047821 14.5893491,0.494592348 L7.60837456,10.5136057 C7.52761633,10.629509 7.36819065,10.6579997 7.25228736,10.5772414 C7.22748121,10.5599572 7.20593589,10.5384118 7.18865163,10.5136057 L0.207677048,0.494592348 C0.126918806,0.378689062 0.155409493,0.219263398 0.271312779,0.138505157 C0.352857305,0.0816871594 0.45993243,0.077249769 0.545898559,0.127125812 L7.39851312,4.10289302 Z" id="path-7"></path>
+    </defs>
+    <g id="eth" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(8.000000, 2.000000)">
+            <g id="Group-2" transform="translate(0.895955, 0.422477)">
+                <g id="Triangle">
+                    <g id="Combined-Shape" fill="#3E4142" fill-rule="nonzero">
+                        <path d="M15.1220687,13.1621072 C15.1284601,13.1097637 15.118778,13.0549887 15.090862,13.0055471 L7.83497301,0.154761906 C7.81207876,0.11421424 7.77855003,0.0806855203 7.73800237,0.0577912494 C7.61499218,-0.0116635055 7.45896855,0.0317517361 7.38951378,0.154761906 L0.133624807,13.0055471 C0.106534879,13.0535256 0.0959759947,13.1083391 0.10239801,13.1618177 C0.10020922,13.2515937 0.145449927,13.3398511 0.228314575,13.3886674 L7.48241448,17.6621186 C7.56253265,17.7093169 7.66195419,17.7093169 7.7420723,17.6621186 L14.9961722,13.3886674 C15.0286107,13.3695576 15.0564306,13.3435225 15.0776461,13.3124204 C15.1090245,13.2664196 15.1233614,13.2138251 15.1220687,13.1621072 Z" id="path-1"></path>
+                    </g>
+                    <g id="Mask-Clipped">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="path-1"></g>
+                        <path d="M7.61224339,7.91045762 L15.0104784,12.9569825 C15.1271777,13.0365861 15.1572497,13.195721 15.0776461,13.3124204 C15.0564306,13.3435225 15.0286107,13.3695576 14.9961722,13.3886674 L7.7420723,17.6621186 C7.66195419,17.7093169 7.56253265,17.7093169 7.48241448,17.6621186 L0.228314575,13.3886674 C0.106600928,13.3169648 0.0660589101,13.1601701 0.137761442,13.0384564 C0.15687122,13.0060179 0.18290636,12.978198 0.214008443,12.9569825 L7.61224339,7.91045762 Z" id="Mask" fill="#2E3031" fill-rule="nonzero" mask="url(#mask-2)"></path>
+                    </g>
+                    <g id="Clipped">
+                        <mask id="mask-4" fill="white">
+                            <use xlink:href="#path-3"></use>
+                        </mask>
+                        <g id="path-1"></g>
+                        <polygon id="Shape" fill="#545859" fill-rule="nonzero" mask="url(#mask-4)" points="7.61224339 -0.239710837 7.61224339 10.307566 -0.237882606 13.6635177"></polygon>
+                    </g>
+                    <g id="Clipped">
+                        <mask id="mask-6" fill="white">
+                            <use xlink:href="#path-5"></use>
+                        </mask>
+                        <g id="path-1"></g>
+                        <polygon id="Shape" fill="#434647" fill-rule="nonzero" mask="url(#mask-6)" points="7.61224339 7.91045762 7.61224339 17.738602 -0.237882606 13.184096"></polygon>
+                    </g>
+                </g>
+            </g>
+            <g id="Triangle" transform="translate(1.109686, 16.695005)">
+                <g id="Mask" fill="#2E3031" fill-rule="nonzero">
+                    <path d="M7.39851312,4.10289302 L14.2511277,0.127125812 C14.3733156,0.0562345135 14.5298372,0.0978186458 14.6007285,0.220006568 C14.6506046,0.305972696 14.6461672,0.413047821 14.5893491,0.494592348 L7.60837456,10.5136057 C7.52761633,10.629509 7.36819065,10.6579997 7.25228736,10.5772414 C7.22748121,10.5599572 7.20593589,10.5384118 7.18865163,10.5136057 L0.207677048,0.494592348 C0.126918806,0.378689062 0.155409493,0.219263398 0.271312779,0.138505157 C0.352857305,0.0816871594 0.45993243,0.077249769 0.545898559,0.127125812 L7.39851312,4.10289302 Z" id="path-3"></path>
+                </g>
+                <g id="Clipped">
+                    <mask id="mask-8" fill="white">
+                        <use xlink:href="#path-7"></use>
+                    </mask>
+                    <g id="path-3"></g>
+                    <polygon id="Shape" fill="#434647" fill-rule="nonzero" mask="url(#mask-8)" points="7.39851312 4.10289302 7.39851312 10.8147964 -0.451612903 -0.451612903"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/icons/ltc.svg b/assets/images/icons/ltc.svg
new file mode 100644
index 0000000..fda6317
--- /dev/null
+++ b/assets/images/icons/ltc.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
+    <title>ltc</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="ltc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(5.000000, 5.000000)" fill-rule="nonzero" id="Shape">
+            <path d="M21.9403142,11.0001994 C21.9403142,17.0433535 17.0414924,21.9423082 10.9984048,21.9423082 C4.95525076,21.9423082 0.0563625378,17.0433535 0.0563625378,11.0001994 C0.0563625378,4.95711178 4.95525076,0.058223565 10.9984048,0.058223565 C17.041426,0.058223565 21.9403142,4.95711178 21.9403142,11.0001994" fill="#BEBEBE"></path>
+            <path d="M19.6172205,11.0003323 C19.6172205,15.7601088 15.7584471,19.6192145 10.9984048,19.6192145 C6.238429,19.6192145 2.37938973,15.7601088 2.37938973,11.0003323 C2.37938973,6.2401571 6.238429,2.38131722 10.9984048,2.38131722 C15.7585136,2.38131722 19.6172205,6.24009063 19.6172205,11.0003323" fill="#BEBEBE"></path>
+            <polyline fill="#FFFFFF" points="10.3588761 13.9232749 11.0695891 11.2471178 12.7522236 10.6323807 13.1707553 9.05961329 13.1564653 9.02059819 11.5001511 9.62569789 12.6935347 5.1321148 9.3090574 5.1321148 7.74838671 10.9963444 6.44533535 11.4723686 6.01477341 13.0937885 7.31682779 12.6181631 6.39701511 16.0742236 15.4044532 16.0742236 15.9819033 13.9232749 10.3588761 13.9232749"></polyline>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/class-wc-gateway-paybear.php b/class-wc-gateway-paybear.php
index f152c47..5edd80b 100644
--- a/class-wc-gateway-paybear.php
+++ b/class-wc-gateway-paybear.php
@@ -5,10 +5,245 @@
  * Plugin Name: Crypto Payments for WooCommerce by PayBear.io
  * Plugin URI: https://www.paybear.io/
  * Description: Allows to accept crypto payments such as Bitcoin (BTC) and Ethereum (ETH)
- * Version: 1.0
+ * Version: 1.1
  */
 
 add_action( 'plugins_loaded', 'paybear_gateway_load', 0 );
+add_action( 'init', 'paybear_shortcodes_init' );
+add_action( 'init', 'create_paybear_post_type' );
+
+add_filter('template_include', 'paybear_payment_page_template');
+
+function paybear_payment_page_template( $page_template )
+{
+    if ( get_post_type() && get_post_type() == 'paybear_payment' ) {
+        $dir = pathinfo($page_template, PATHINFO_DIRNAME);
+        $page_template = $dir . DIRECTORY_SEPARATOR . 'page.php';
+    }
+
+    return $page_template;
+}
+
+function paybear_shortcodes_init()
+{
+    add_shortcode('paybear_payment_widget', 'paybear_payment_widget_shortcode');
+}
+function create_paybear_post_type() {
+    register_post_type( 'paybear_payment',
+        array(
+            'labels' => array(
+                'name' => __( 'Paybear Payment' ),
+                'singular_name' => __( 'Paybear Payment' )
+            ),
+            'public' => true,
+            'has_archive' => false,
+            // 'capability_type' => 'product',
+            'publicly_queryable' => true,
+            'exclude_from_search' => true,
+            'show_in_menu' => false,
+            'show_in_nav_menus' => false,
+            'show_in_admin_bar' => false,
+            'show_in_rest' => false,
+            'hierarchical' => false,
+            'supports' => array( 'title' ),
+            // 'rewrite' => array('slug' => 'checkout')
+        )
+    );
+    flush_rewrite_rules();
+}
+
+function paybear_payment_widget_shortcode($atts = [], $content = null, $tag = '')
+{
+    wp_enqueue_style('paybear-css', plugin_dir_url(__FILE__) . 'assets/form/paybear.css');
+    wp_enqueue_script('paybear-js', plugin_dir_url(__FILE__) . 'assets/form/paybear.js', array('jquery'));
+    wp_enqueue_script('paybear-widget-js', plugin_dir_url(__FILE__) . 'assets/form/widget.js', array('paybear-js'));
+
+    $order_id = null;
+    $order = null;
+    if (isset($_GET['order_id'])) {
+        $order_id = (int) $_GET['order_id'];
+        $order = wc_get_order($order_id);
+    }
+
+    if (!$order_id || !$order) {
+        return '';
+    }
+
+    if (!isset($_GET['key']) || $_GET['key'] != $order->get_order_key()) {
+        return '';
+    }
+
+    $gateway = WC_Gateway_Paybear::get_instance();
+    $to_pay = 0;
+    $total_paid = 0;
+    $total_paid_fiat = 0;
+    $fiat_currency = strtoupper(get_woocommerce_currency());
+    $fiat_sign = get_woocommerce_currency_symbol();
+    $min_overpayment_fiat = $gateway->get_option('min_overpayment');
+    $max_underpayment_fiat = $gateway->get_option('max_underpayment');
+    $max_underpayment = 0;
+    $min_overpayment = 0;
+    $overpaid = false;
+
+    $currencies = $gateway->get_currency_json($order_id);
+    if ($token = get_post_meta($order_id, 'Token Selected', true)) {
+        $payments_unconfirmed = $gateway->get_unconfirmed_payments( $order_id, $token);
+        $rate = round($order->get_total() / get_post_meta($order_id, $token . ' total', true), 8);
+        $orderTimestamp = get_post_meta($order_id, $token . ' order timestamp', true);
+        //$paymentTimestamp = get_post_meta($order_id, $token . ' payment timestamp', true);
+        $deadline = $orderTimestamp + $gateway->get_option('rate_lock_time', 15 )*60;
+        if (time()>$deadline) {
+            $rate = $gateway->get_exchange_rate($token);
+        }
+
+        $total_paid = array_sum($payments_unconfirmed);
+        $total_paid_fiat = $total_paid * $rate;
+        $to_pay = get_post_meta($order_id, $token . ' total', true);
+        $max_underpayment = $max_underpayment_fiat / $rate;
+        $min_overpayment = $min_overpayment_fiat / $rate;
+        if ($total_paid > 0) {
+            $currencies = array($gateway->get_currency_json($order_id, $token));
+        }
+
+        if ($total_paid - $to_pay > $min_overpayment) {
+            $overpaid = true;
+        }
+    }
+
+    $fiat_value = doubleval($order->get_total());
+    $status_url = $gateway->get_status_link($order_id);
+
+    $redirect_url = $gateway->get_return_url( $order );
+
+    $status = $order->get_status();
+    $payment_status = 'pending payment';
+    if ($status == 'completed' || $status == 'processing') {
+        $payment_status = 'paid';
+    }
+
+    if ($status == 'on-hold' && ($fiat_value - $total_paid_fiat) < $max_underpayment_fiat) {
+        $payment_status = 'waiting for confirmations';
+    } elseif ($status == 'on-hold' && $total_paid_fiat > 0) {
+        $payment_status = 'partial payment';
+    }
+
+    $content = '<div class="woocommerce">';
+    $content .= '<h2 class="section-title section-title-normal">
+                    <span class="section-title-main">Order overview</span>
+                    <small>#'. $order->get_id() .'</small>
+                </h2>';
+    $content .= '<div class="row">';
+    $content .= '<div class="col medium-3">&nbsp;</div>';
+    $content .= '<div class="col medium-6">';
+    $content .= '<table class="woocommerce-table woocommerce-table--order-details shop_table order_details">
+                    <tr class="woocommerce-table__line-item order_item">
+                        <th>Payment status</th>
+                        <td>' . ucwords($payment_status) . '</td>
+                    </tr>';
+    if ($token && $payment_status !== 'pending payment') {
+        $content .= '<tr class="woocommerce-table__line-item order_item">
+                        <th>Selected token</th>
+                        <td>' . strtoupper($token) . '</td>
+                    </tr>';
+
+        $blockExplorer = null;
+        $address = get_post_meta($order_id, $token . ' address', true);
+        foreach ($currencies as $currency) {
+            if ($currency['code'] == strtoupper($token)) {
+                $blockExplorer = sprintf($currency['blockExplorer'], $address);
+            }
+        }
+
+        if ($address && $blockExplorer) {
+            $content .= '<tr class="woocommerce-table__line-item order_item">
+                            <th>Payment address</th>
+                            <td><a href="'.$blockExplorer.'" target="_blank">' . $address . '</a></td>
+                        </tr>';
+        }
+    }
+
+    if (!$overpaid) {
+        $content .= '<tr class="woocommerce-table__line-item order_item">
+                         <th>Total</th>
+                         <td>' . wc_price($fiat_value) . '</td>
+                     </tr>';
+    }
+    if ($total_paid > 0 && !$overpaid) {
+        $content .= '<tr class="woocommerce-table__line-item order_item">
+                         <th>Paid</th>
+                         <td>' . wc_price($total_paid_fiat) . '</td>
+                     </tr>';
+        if (($to_pay - $total_paid) > $max_underpayment) {
+            $content .= '<tr class="woocommerce-table__line-item order_item">
+                             <th>To pay</th>
+                             <td>' . wc_price($fiat_value - $total_paid_fiat) . '</td>
+                         </tr>';
+        }
+    }
+    $content .= '</table>';
+
+
+
+    // $content .= '<h6 class="section-title section-title-normal">
+    //                 <span class="section-title-main">Payment status</span>
+    //                 <small>#'. $payment_status .'</small>
+    //             </h6>';
+    // $content .= '</div>';
+
+    // $content .= '<div class="col medium-6 text-right">';
+    $content .= '<div class="text-right">';
+        if (!in_array($payment_status, array('waiting for confirmations', 'paid'))) {
+            $content .= '<a href="#" class="button" id="paybear-all">Pay with Crypto</a>';
+            $content .= '<div id="paybear" data-autoopen="true" style="display: none" data-fiat-value="'.$fiat_value.'"
+                                                         data-currencies="'.esc_html(json_encode($currencies)).'"
+                                                         data-status="'.$status_url.'"
+                                                         data-redirect="'.$redirect_url.'"
+                                                         data-fiat-currency="'.$fiat_currency.'"
+                                                         data-fiat-sign="'.$fiat_sign.'"
+                                                         data-min-overpayment-fiat="'.$min_overpayment_fiat.'"
+                                                         data-max-underpayment-fiat="'.$max_underpayment_fiat.'">';
+            $content .= file_get_contents(plugin_dir_url(__FILE__) . 'assets/form/index.html');
+        }
+        if ($payment_status == 'waiting for confirmations') {
+            $content .= '<a href="" class="button">Refresh</a>';
+        }
+
+        if ($payment_status == 'paid') {
+            $content .= '<a href="'.$redirect_url.'" class="button">Continue</a>';
+        }
+    $content .= '</div>';
+
+    $content .= '</div>';
+    $content .= '</div>';
+
+    // $content = '<h3 class="section-title section-title-normal">Order overview <small>#'.$order->get_id().' ('.$order->get_status().')</small></h3>';
+    // $content .= '<h3 class="section-title section-title-normal">Status <small>' . $payment_status . '</small></h3>';
+    // // $content .= '<div>Payment status - ' . $payment_status . '</div>';
+    // if ($token && $total_paid > 0) {
+    //     $content .= '<div>Selected token - '.$token.'</div>';
+    //     $content .= '<div>Total to pay - ' . $fiat_value . '</div>';
+    //     if (($fiat_value - $total_paid_fiat) > 0) {
+    //         $content .= '<div>Paid - '. $total_paid_fiat .' ('.$total_paid.')</div>';
+    //         $content .= '<div>Left to pay - ' . round($fiat_value - $total_paid_fiat, 2) . '</div>';
+    //     }
+    // }
+    //
+    // if (!in_array($payment_status, array('waiting for confirmations', 'paid'))) {
+    //     $content .= '<div><a href="#" class="button" id="paybear-all">Confirm & Pay</a></div>';
+    //     $content .= '<div id="paybear" style="display: none" data-fiat-value="'.$fiat_value.'"
+    //                                                      data-currencies="'.esc_html(json_encode($currencies)).'"
+    //                                                      data-status="'.$status_url.'"
+    //                                                      data-redirect="'.$redirect_url.'"
+    //                                                      data-fiat-currency="'.$fiat_currency.'"
+    //                                                      data-fiat-sign="'.$fiat_sign.'"
+    //                                                      data-min-overpayment-fiat="'.$min_overpayment_fiat.'"
+    //                                                      data-max-underpayment-fiat="'.$max_underpayment_fiat.'">';
+    //     $content .= file_get_contents(plugin_dir_url(__FILE__) . 'assets/form/index.html');
+    // }
+
+    return $content;
+}
+
 function paybear_gateway_load() {
 
     if ( ! class_exists( 'WC_Payment_Gateway' ) ) {
@@ -33,7 +268,7 @@ function woocommerce_paybear_add_gateway( $methods ) {
      *
      * @class 		WC_Gateway_Paybear
      * @extends		WC_Gateway_Paybear
-     * @version		1.0
+     * @version		1.1
      * @package		WooCommerce/Classes/Payment
      */
 class WC_Gateway_Paybear extends WC_Payment_Gateway {
@@ -53,7 +288,7 @@ class WC_Gateway_Paybear extends WC_Payment_Gateway {
 	/**
 	 * Returns the *Singleton* instance of this class.
 	 *
-	 * @return Singleton The *Singleton* instance.
+	 * @return WC_Gateway_Paybear The *Singleton* instance.
 	 */
 	public static function get_instance() {
 		if ( null === self::$instance ) {
@@ -114,7 +349,7 @@ protected function __construct() {
 		$plugin_url = plugin_dir_url( __FILE__ );
 
 		$this->id           = 'paybear';
-		$this->icon         = apply_filters( 'woocommerce_paybear_icon', $plugin_url.'assets/images/icons/crypto.png' );
+		// $this->icon         =
 		$this->assetDir     = $plugin_url.'assets/form/';
 		$this->enabled      = $this->get_option( 'enabled' );
 		$this->has_fields   = false;
@@ -128,8 +363,24 @@ protected function __construct() {
 		add_action( 'plugins_loaded', array( $this, 'init' ) );
 	}
 
-	public function init() {
+	public function get_icon()
+    {
+        $plugin_url = plugin_dir_url( __FILE__ );
+        $style = version_compare( WC()->version, '2.6', '>=' ) ? 'style="margin-left: 0.2em; max-height: 24px; max-width: 24px; float: left"' : '';
+
+        $icons = ['btc', 'eth', 'bch', 'ltc', 'dash'];
+        $currencies = array_keys($this->get_currencies());
+        $icon = '<span style="float: right">';
 
+        foreach (array_intersect($icons, $currencies) as $token) {
+            $icon .= '<img src="'.apply_filters( 'woocommerce_gateway_icon', $plugin_url.'assets/images/icons/'.$token.'.svg' ).'" '.$style.'>';
+        }
+        $icon .= '</span>';
+
+        return $icon;
+    }
+
+    public function init() {
 		// Define user set variables
 		$this->title 			= $this->get_option( 'title' );
 		$this->description 		= $this->get_option( 'description' );
@@ -137,7 +388,6 @@ public function init() {
 		$this->ipn_secret   = $this->get_option( 'ipn_secret' );
 		$this->debug_email			= $this->get_option( 'debug_email' );
 
-
 		$this->form_submission_method = $this->get_option( 'form_submission_method' ) == 'yes' ? true : false;
 
 		// Actions
@@ -158,7 +408,7 @@ public function init() {
 		add_filter( 'woocommerce_available_payment_gateways', array($this, 'available_gateways') );
 
 		add_filter('autoptimize_filter_js_exclude', array($this, 'autoptimize_filter'),10,1);
-
+		self::plugin_activation();
     }
 
     function autoptimize_filter($exclude) {
@@ -327,7 +577,6 @@ public function init_currencies()
      */
     function init_form_fields()
     {
-
     	$this->form_fields = array(
 			'enabled' => array(
 							'title' => __( 'Enable/Disable', 'woocommerce' ),
@@ -349,14 +598,14 @@ function init_form_fields()
 							'title' => __( 'Title', 'woocommerce' ),
 							'type' => 'text',
 							'description' => __( 'This controls the title which the user sees during checkout.', 'woocommerce' ),
-							'default' => __( 'Crypto Payments', 'woocommerce' ),
+							'default' => __( 'Crypto (PayBear.io)', 'woocommerce' ),
 							'desc_tip'      => true,
 						),
 			'description' => array(
 							'title' => __( 'Description', 'woocommerce' ),
 							'type' => 'textarea',
 							'description' => __( 'This controls the description which the user sees during checkout.', 'woocommerce' ),
-							'default' => __( 'Bitcoin (BTC), Ethereum (ETH) and other crypto currencies', 'woocommerce' )
+							'default' => __( '(BTC/ETH/LTC and more)', 'woocommerce' )
 						),
 
 			'min_overpayment' => array(
@@ -401,29 +650,35 @@ function init_form_fields()
 	function process_payment( $order_id ) {
 
 		$order          = wc_get_order( $order_id );
+		$paybear_page_id = $this->get_option('payment_page_id');
+		$redirect = add_query_arg(['order_id' => $order->get_id(), 'key' => $order->get_order_key()], get_permalink($paybear_page_id));
 
 		return array(
-			    //'result' 	=> 'failure',
 				'result' 	=> 'success',
-				'redirect'	=> $this->get_return_url( $order ),
+				'redirect'  => $redirect
 		);
 
 	}
 
+	function thankyou_page( $order_id ) {
+	    return '';
+	}
     /**
      * Order received page.
      *
      * @access public
      * @return void
      */
-    function thankyou_page( $order_id ) {
+    function thankyou_page2( $order_id ) {
         $order = wc_get_order($order_id);
 	    $status = $order->get_status();
 	    $underpaid = false;
 
+	    $str = '';
+
 	    if ($status=='on-hold' ) {
-		    echo '<p>' . __( 'Waiting for payment confirmation.', 'woocommerce' ) . '</p>';
-		    echo '<p>' . __( 'Once your payment is confirmed, your order will be processed automatically.', 'woocommerce' ) . '</p>';
+		    $str .= '<p>' . __( 'Waiting for payment confirmation.', 'woocommerce' ) . '</p>';
+		    $str .= '<p>' . __( 'Once your payment is confirmed, your order will be processed automatically.', 'woocommerce' ) . '</p>';
 
 		    $underpaid = false;
 		    if ($token = get_post_meta($order_id, 'Token Selected', true)) {
@@ -439,43 +694,44 @@ function thankyou_page( $order_id ) {
         }
 
 	    if ($status=='pending' || $status=='failed') {
-		    echo '<p>' . __( 'Once your payment is confirmed, your order will be processed automatically.', 'woocommerce' ) . '</p>';
+		    $str .= '<p>' . __( 'Once your payment is confirmed, your order will be processed automatically.', 'woocommerce' ) . '</p>';
 	    }
 
 	    if ($status=='pending' || $status=='failed' || $underpaid) {
 
 		    $js  = $this->assetDir . 'paybear.js';
 		    $css = $this->assetDir . 'paybear.css';
-		    echo '<script src="' . $js . '"></script><link rel="stylesheet" href="' . $css . '">';
-		    readfile( dirname( __FILE__ ) . '/assets/form/index.html' );
+		    $str .= '<script src="' . $js . '"></script><link rel="stylesheet" href="' . $css . '">';
+		    $str .= file_get_contents( dirname( __FILE__ ) . '/assets/form/index.html' );
 		    //readfile(dirname(__FILE__).'/assets/form/inline.html');
 
 		    //$url = $this->get_address_link( $order_id );
 		    //$this->payment_button( 'Pay Now', 'paybear-all', $url );
 
 		    $json = json_encode($this->get_json($order_id));
-		    ?>
-            <!--<button id="paybear-all">Pay with Crypto</button>-->
-            <script>
-                (function () {
-                    var options = <?php echo $json ?>;
-                    window.paybear = new Paybear(options);
-                })();
-            </script>
-		    <?php
+		    $str .= '<button id="paybear-all">Pay Now</button>';
+		    $str .= "<script>\n";
+		    $str .= "(function () {\n";
+		    $str .= "var options = $json;\n";
+		    $str .= "window.paybear = new Paybear(options);\n";
+		    $str .= "})();\n";
+		    $str .= "</script>\n";
 
 	    }
+
+	    return $str;
     }
 
 	function order_received_text( $str, $order_id ) {
 		$order = wc_get_order($order_id);
 		$status = $order->get_status();
+		$str = '';
 
 		if ($status=='pending') {
-			$str = $str . ' ' . __( 'Please select the option below to pay.' );
+			$str = $str . ' ' . __( 'Thank you. Please select the option below to pay.' );
 		}
 
-		return $str;
+		return $str . $this->thankyou_page2( $order->get_id() );
 	}
 
 
@@ -625,7 +881,7 @@ function process_ipn( $order_id, $params ) {
  
 Tip 3) Be sure to successfully send your payment before the countdown timer expires.
 This timer is setup to lock in a fixed rate for your payment. Once it expires, rates may change.', 'woocommerce'),
-                    $underpaidCrypto, strtoupper($token), get_woocommerce_currency_symbol(), $underpaid, strtoupper($token), strtoupper( $token ), get_woocommerce_currency());
+                    $underpaidCrypto, strtoupper($token), get_woocommerce_currency_symbol(), $underpaid, strtoupper( $token ), get_woocommerce_currency());
 	                $order->add_order_note( $note, 1, false );
 
 	                update_post_meta($order_id, $token . ' order timestamp', time()); //extend payment window
@@ -652,7 +908,6 @@ function process_ipn( $order_id, $params ) {
 	function check_ipn_response() {
 
 		@ob_clean();
-
 		if (isset($_GET['address']) && isset($_GET['order_id'])) { //address request
 		    $json = $this->get_currency_json($_GET['order_id'], $_GET['address']);
 			wp_send_json($json);
@@ -697,8 +952,8 @@ function get_json($order_id)
 	    }
 
 	    $response = array(
-            //'button' => '#paybear-all',
-            'modal' => false,
+            'button' => '#paybear-all',
+            'modal' => true,
             'currencies' => $currencies,
 		    //'currenciesUrl' => $this->get_address_link($order_id),
             'fiatValue' => doubleval($value),
@@ -834,7 +1089,14 @@ function get_exchange_rate( $token ) {
             }
         }
 
-        return isset($cache->$token->mid) ? $cache->$token->mid : null;
+        $rate = isset($cache->$token->mid) ? $cache->$token->mid : null;
+        $shop_currency = strtolower(get_woocommerce_currency());
+
+        if (isset($cache->$shop_currency)) {
+            return $cache->$token->mid/$cache->$shop_currency->mid;
+        }
+
+        return $rate;
     }
 
     public function update_crypto_total($token, $order_id, $total)
@@ -899,7 +1161,7 @@ public function get_address( $token, $order_id, $total )
 
     public function sanitize_token( $token ) {
 	    $token = strtolower($token);
-	    $token = preg_replace('/[^a-z]/', '', $token);
+        $token = preg_replace('/[^a-z0-9:]/', '', $token);
 	    return $token;
     }
 
@@ -910,6 +1172,60 @@ private function get_max_underpayment() {
 		return doubleval($this->get_option( 'max_underpayment', 0.01 ));
 	}
 
+    public static function plugin_activation()
+    {
+        $self = self::get_instance();
+
+        $self->settings['payment_page_id'] = null;
+        update_option( $self->get_option_key(), apply_filters( 'woocommerce_settings_api_sanitized_fields_' . $self->id, $self->settings ) );
+
+        $page_id = $self->get_option('payment_page_id');
+
+        if ($page_id && get_post_type($page_id) != 'paybear_payment') {
+            wp_delete_post($page_id);
+        }
+
+        if (!$page_id) {
+            add_action('init', function () use ($self) {
+                $guid = home_url('/paybear_payment/paybear');
+
+                $page_id = self::get_post_id_from_guid($guid);
+                if (!$page_id) {
+                    $page_data = array(
+                        'post_status'    => 'publish',
+                        'post_type'      => 'paybear_payment',
+                        // 'post_author'    => 1,
+                        // 'post_name'      => 'paybear',
+                        'post_title'     => 'Paybear',
+                        'post_content'   => '[paybear_payment_widget]',
+                        // 'post_parent'    => $parent_id,
+                        'comment_status' => 'closed',
+                        'guid' => $guid,
+                    );
+                    $page_id = wp_insert_post( $page_data );
+                }
+
+                $self->settings['payment_page_id'] = $page_id;
+                update_option( $self->get_option_key(), apply_filters( 'woocommerce_settings_api_sanitized_fields_' . $self->id, $self->settings ) );
+            });
+        }
+    }
+
+
+    public static function plugin_deactivation()
+    {
+        $post_id = self::get_instance()->get_option('payment_page_id');
+        if ($post_id) {
+            wp_delete_post($post_id, true);
+        }
+    }
+
+    public static function get_post_id_from_guid( $guid ){
+        global $wpdb;
+        return $wpdb->get_var( $wpdb->prepare( "SELECT id FROM $wpdb->posts WHERE guid=%s", $guid ) );
+
+    }
+
 }
 
 class WC_Paybear extends WC_Gateway_Paybear {
@@ -921,3 +1237,8 @@ public function __construct() {
 
 	$GLOBALS['wc_paybear'] = WC_Gateway_Paybear::get_instance();
 }
+
+register_activation_hook(__FILE__, function () {
+
+});
+register_deactivation_hook(__FILE__, array('WC_Gateway_Paybear', 'plugin_deactivation'));
diff --git a/templates/paybear_payment.php b/templates/paybear_payment.php
new file mode 100644
index 0000000..5d7fec4
--- /dev/null
+++ b/templates/paybear_payment.php
@@ -0,0 +1,51 @@
+<?php
+/**
+ * The template for displaying all pages.
+ *
+ * @package flatsome
+ */
+
+
+if(flatsome_option('pages_layout') != 'default') {
+
+    // Get default template from theme options.
+    echo get_template_part('page', flatsome_option('pages_layout'));
+    return;
+
+} else {
+
+    get_header();
+    do_action( 'flatsome_before_page' ); ?>
+    <div id="content" class="content-area page-wrapper" role="main">
+        <div class="row row-main">
+            <div class="large-12 col">
+                <div class="col-inner">
+
+                    <?php if(get_theme_mod('default_title', 0)){ ?>
+                        <header class="entry-header">
+                            <h1 class="entry-title mb uppercase"><?php the_title(); ?></h1>
+                        </header><!-- .entry-header -->
+                    <?php } ?>
+
+                    <?php while ( have_posts() ) : the_post(); ?>
+                        <?php do_action( 'flatsome_before_page_content' ); ?>
+
+                        <?php the_content(); ?>
+
+                        <?php if ( comments_open() || '0' != get_comments_number() ){
+                            comments_template(); } ?>
+
+                        <?php do_action( 'flatsome_after_page_content' ); ?>
+                    <?php endwhile; // end of the loop. ?>
+                </div><!-- .col-inner -->
+            </div><!-- .large-12 -->
+        </div><!-- .row -->
+    </div>
+
+    <?php
+    do_action( 'flatsome_after_page' );
+    get_footer();
+
+}
+
+?>