<?php

[0] Fix | Delete

/**

[1] Fix | Delete

* Chaty Analytics Pro Feature

[2] Fix | Delete

*

[3] Fix | Delete

* @author : Premio <contact@premio.io>

[4] Fix | Delete

* @license : GPL2

[5] Fix | Delete

* */

[6] Fix | Delete

[7] Fix | Delete

if (defined('ABSPATH') === false) {

[8] Fix | Delete

exit;

[9] Fix | Delete

}

[10] Fix | Delete

?>

[11] Fix | Delete

[12] Fix | Delete

<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" />

[13] Fix | Delete

<div class="container chaty-widgetanalytic-wrap wrap">

[14] Fix | Delete

<h2></h2>

[15] Fix | Delete

<div class="chaty-widgetanalytic-body">

[16] Fix | Delete

<div class="px-7 py-8 flex-1">

[17] Fix | Delete

<h2 class="chaty-widgetanalytic-heading"><?php printf(esc_html__("Unlock Chaty %s 🚀", "chaty"), "<span>".esc_html__("Analytics", "chaty")."</span>") ?></h2>

[18] Fix | Delete

[19] Fix | Delete

<div class="flex items-center mt-5 space-x-3">

[20] Fix | Delete

<a class="btn rounded-lg drop-shadow-3xl font-normal" href="<?php echo esc_url($this->getUpgradeMenuItemUrl()); ?>" >

[21] Fix | Delete

<?php esc_html_e('Upgrade to Pro 🚀', 'chaty'); ?>

[22] Fix | Delete

</a>

[23] Fix | Delete

</div>

[24] Fix | Delete

[25] Fix | Delete

<div class="chaty-licenseimage">

[26] Fix | Delete

<img class="h-full w-auto" src="<?php echo esc_url(CHT_PLUGIN_URL) ?>admin/assets/images/analytics-image.png" alt="Chaty analytics" />

[27] Fix | Delete

</div>

[28] Fix | Delete

[29] Fix | Delete

<h3><?php esc_html_e( 'What can you use it for?', 'chaty');?></h3>

[30] Fix | Delete

<ul class="mt-7 flex flex-col space-y-2">

[31] Fix | Delete

<li class="flex items-center py-6 px-7 bg-[#F9FAFB] rounded-md space-x-6 text-cht-gray-150 text-lg font-primary">

[32] Fix | Delete

<img width="42" height="59" src="<?php echo esc_url(CHT_PLUGIN_URL) ?>admin/assets/images/channel-discover.svg" alt="Channel Discover">

[33] Fix | Delete

<span class="max-w-[305px]"><?php printf(esc_html__("%s the most frequently used channels", "chaty"), "<strong>".esc_html__("Discover", "chaty")."</strong>") ?></span>

[34] Fix | Delete

</li>

[35] Fix | Delete

<li class="flex items-center py-6 px-7 bg-[#F9FAFB] rounded-md space-x-6 text-cht-gray-150 text-lg font-primary">

[36] Fix | Delete

<img width="42" height="59" src="<?php echo esc_url(CHT_PLUGIN_URL) ?>admin/assets/images/channel-tracking.svg" alt="Channel Tracking">

[37] Fix | Delete

<span><?php printf(esc_html__("Keep %s of how each widget performs", "chaty"), "<strong>".esc_html__("track", "chaty")."</strong>") ?></span>

[38] Fix | Delete

</li>

[39] Fix | Delete

<li class="flex items-center py-6 px-7 bg-[#F9FAFB] rounded-md space-x-6 text-cht-gray-150 text-lg font-primary">

[40] Fix | Delete

<img width="42" height="59" src="<?php echo esc_url(CHT_PLUGIN_URL) ?>admin/assets/images/channel-analyze.svg" alt="Channel Analyze">

[41] Fix | Delete

<span><?php printf(esc_html__("%s the number of unique clicks and the %s", "chaty"), "<strong>".esc_html__("Analyze", "chaty")."</strong>", "<strong>".esc_html__("click-through rate", "chaty")."</strong>") ?></span>

[42] Fix | Delete

</li>

[43] Fix | Delete

</ul>

[44] Fix | Delete

[45] Fix | Delete

<div class="flex items-center mt-5 space-x-3">

[46] Fix | Delete

<a class="btn rounded-lg drop-shadow-3xl font-normal" href="<?php echo esc_url($this->getUpgradeMenuItemUrl()); ?>" >

[47] Fix | Delete

<?php esc_html_e('Upgrade to Pro 🚀', 'chaty'); ?>

[48] Fix | Delete

</a>

[49] Fix | Delete

</div>

[50] Fix | Delete

</div>

[51] Fix | Delete

[52] Fix | Delete

</div>

[53] Fix | Delete

</div>

[54] Fix | Delete

[55] Fix | Delete

<style>

[56] Fix | Delete

/* Widget analytics page design */

[57] Fix | Delete

.chaty-widgetanalytic-body {

[58] Fix | Delete

display: flex;

[59] Fix | Delete

justify-content: space-evenly;

[60] Fix | Delete

}

[61] Fix | Delete

.chaty-widgetanalytic-body .px-7.py-8.flex-1 h2.chaty-widgetanalytic-heading {

[62] Fix | Delete

font-family: 'Lato';

[63] Fix | Delete

font-style: normal;

[64] Fix | Delete

font-weight: 800;

[65] Fix | Delete

font-size: 36px !important;

[66] Fix | Delete

line-height: 48px;

[67] Fix | Delete

text-align: center;

[68] Fix | Delete

color: #000000;

[69] Fix | Delete

display: block;

[70] Fix | Delete

margin: 40px auto;

[71] Fix | Delete

display: Block;

[72] Fix | Delete

justify-content: center;

[73] Fix | Delete

align-items: end;

[74] Fix | Delete

max-width: 500px;

[75] Fix | Delete

}

[76] Fix | Delete

[77] Fix | Delete

.chaty-widgetanalytic-body .px-7.py-8.flex-1 h2.chaty-widgetanalytic-heading span{

[78] Fix | Delete

color: #3C85F7;

[79] Fix | Delete

font-size: 36px !important;

[80] Fix | Delete

font-weight: 800;

[81] Fix | Delete

}

[82] Fix | Delete

[83] Fix | Delete

[84] Fix | Delete

.chaty-widgetanalytic-body .px-7.py-8.flex-1 h3{

[85] Fix | Delete

font-family: 'Lato';

[86] Fix | Delete

font-style: normal;

[87] Fix | Delete

font-weight: 600;

[88] Fix | Delete

font-size: 32px;

[89] Fix | Delete

line-height: 29px;

[90] Fix | Delete

color: #000000;

[91] Fix | Delete

text-align: center;

[92] Fix | Delete

margin:20px 0 16px;

[93] Fix | Delete

}

[94] Fix | Delete

[95] Fix | Delete

.chaty-widgetanalytic-heading {

[96] Fix | Delete

font-size: 35px !important;

[97] Fix | Delete

}

[98] Fix | Delete

[99] Fix | Delete

.chaty-widgetanalytic-body ul.mt-7.flex.flex-col.space-y-2 {

[100] Fix | Delete

display: flex;

[101] Fix | Delete

flex-direction: column;

[102] Fix | Delete

margin-top: 1.75rem;

[103] Fix | Delete

align-items: baseline;

[104] Fix | Delete

}

[105] Fix | Delete

[106] Fix | Delete

.chaty-widgetanalytic-body img {

[107] Fix | Delete

height: auto;

[108] Fix | Delete

max-width: 100%;

[109] Fix | Delete

display: block;

[110] Fix | Delete

vertical-align: middle;

[111] Fix | Delete

}

[112] Fix | Delete

[113] Fix | Delete

.chaty-widgetanalytic-body li {

[114] Fix | Delete

flex-direction:column;

[115] Fix | Delete

padding:26px 35px 26px 35px;

[116] Fix | Delete

box-sizing: border-box;

[117] Fix | Delete

width: 282px;

[118] Fix | Delete

height: 153.26px;

[119] Fix | Delete

background: #FFFFFF;

[120] Fix | Delete

border-top: 2px solid #DFDFFC;

[121] Fix | Delete

box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);

[122] Fix | Delete

border-radius: 16px;

[123] Fix | Delete

margin: 0px 10px 20px 10px;

[124] Fix | Delete

[125] Fix | Delete

display:flex;

[126] Fix | Delete

font-size: 1.125rem;

[127] Fix | Delete

line-height: 1.75rem;

[128] Fix | Delete

align-items: center;

[129] Fix | Delete

[130] Fix | Delete

}

[131] Fix | Delete

.chaty-widgetanalytic-body ul.mt-7.flex.flex-col.space-y-2 {

[132] Fix | Delete

flex-direction:column;

[133] Fix | Delete

flex-flow:wrap;

[134] Fix | Delete

margin-bottom: 1.75rem;

[135] Fix | Delete

}

[136] Fix | Delete

[137] Fix | Delete

.chaty-widgetanalytic-body .mt-5{

[138] Fix | Delete

text-align:center;

[139] Fix | Delete

border-radius:8px;

[140] Fix | Delete

margin-top:3.25rem;

[141] Fix | Delete

margin-bottom:2.25rem;

[142] Fix | Delete

}

[143] Fix | Delete

[144] Fix | Delete

.chaty-widgetanalytic-body span{

[145] Fix | Delete

font-family: 'Lato';

[146] Fix | Delete

font-style: normal;

[147] Fix | Delete

font-weight: 400;

[148] Fix | Delete

font-size: 14px;

[149] Fix | Delete

line-height: 17px;

[150] Fix | Delete

text-align: center;

[151] Fix | Delete

margin-top:20px;

[152] Fix | Delete

margin-left: 0px;

[153] Fix | Delete

color: #000000;

[154] Fix | Delete

max-width: 405px;

[155] Fix | Delete

}

[156] Fix | Delete

[157] Fix | Delete

.chaty-widgetanalytic-body a.btn.rounded-lg.drop-shadow-3xl.font-normal{

[158] Fix | Delete

padding: 15px 45px;

[159] Fix | Delete

font-size:20px;

[160] Fix | Delete

text-align:center;

[161] Fix | Delete

font-weight: 400;

[162] Fix | Delete

border-radius: 0.5rem;

[163] Fix | Delete

background-color: #3c85f7;

[164] Fix | Delete

color: #fff;

[165] Fix | Delete

text-decoration-line: none;

[166] Fix | Delete

line-height: 1.25rem;

[167] Fix | Delete

--tw-drop-shadow: drop-shadow(0px 9px 7px rgba (60 133 247 /0.37%));

[168] Fix | Delete

border: 1px solid #3c85f7;

[169] Fix | Delete

outline: none;

[170] Fix | Delete

box-shadow: none;

[171] Fix | Delete

transition: all 0.2s linear;

[172] Fix | Delete

}

[173] Fix | Delete

.chaty-widgetanalytic-body a.btn.rounded-lg.drop-shadow-3xl.font-normal:hover {

[174] Fix | Delete

box-shadow: rgba(60, 133, 247, 0.25) 0px 8px 24px;

[175] Fix | Delete

}

[176] Fix | Delete

[177] Fix | Delete

.chaty-widgetanalytic-body ul li img{

[178] Fix | Delete

width:auto;

[179] Fix | Delete

height:48px;

[180] Fix | Delete

}

[181] Fix | Delete

[182] Fix | Delete

.chaty-widgetanalytic-body img.h-full.w-auto{

[183] Fix | Delete

display: flex;

[184] Fix | Delete

margin: 0 auto;

[185] Fix | Delete

justify-content: center;

[186] Fix | Delete

align-items: center;

[187] Fix | Delete

width: auto;

[188] Fix | Delete

height:100%;

[189] Fix | Delete

}

[190] Fix | Delete

[191] Fix | Delete

[192] Fix | Delete

.chaty-widgetanalytic-body .px-7.py-8.flex-1 h2.chaty-widgetanalytic-heading img{

[193] Fix | Delete

/*float:right;*/

[194] Fix | Delete

margin-top: 8px !important;

[195] Fix | Delete

}

[196] Fix | Delete

[197] Fix | Delete

@media screen and (max-width: 768px){

[198] Fix | Delete

.chaty-widgetanalytic-body .px-7.py-8.flex-1 h2.chaty-widgetanalytic-heading span,

[199] Fix | Delete

.chaty-widgetanalytic-body .px-7.py-8.flex-1 h2.chaty-widgetanalytic-heading{

[200] Fix | Delete

font-size: 28px;

[201] Fix | Delete

}

[202] Fix | Delete

.chaty-widgetanalytic-body li {

[203] Fix | Delete

margin: 0px 20px 20px 20px;

[204] Fix | Delete

}

[205] Fix | Delete

}

[206] Fix | Delete

</style>

[207] Fix | Delete

[208] Fix | Delete