<style media="screen">
#wpwrap {
  background-color: #fdfdfd
}
#wpcontent {
  padding: 0!important
}
#analytify-logo-wrapper {
  padding: 10px 0;
  width: 80%;
  margin: 0 auto;
  border-bottom: solid 1px #d5d5d5
}
#analytify-logo-wrapper-inner {
  max-width: 600px;
  width: 100%;
  margin: auto
}
#analytify-splash {
  width: calc(100% - 40px);
  margin: auto;
  background-color: #fdfdfd;
  text-align: center
}
#analytify-splash h1 {
  margin-top: 40px;
  margin-bottom: 25px;
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
}
.admin_page_analytify-optin .wp-analytify-notification.wp-analytify-danger{
  margin-left: 20px;
}
#analytify-splash-main {
  padding-bottom: 0
}
#analytify-splash-permissions-toggle {
  font-size: 12px
}
#analytify-splash-permissions-dropdown h3 {
  font-size: 16px;
  margin-bottom: 5px
}
#analytify-splash-permissions-dropdown p {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 20px
}
#analytify-splash-main-text {
  font-size: 16px;
  padding: 0;
  margin: 0
}
#analytify-splash-footer {
  width: calc(100% - 40px);
  max-width: 1260px;
  padding: 15px 0;
  border: 1px solid #d5d5d5;
  font-size: 10px;
  text-align: center;
  margin-top: 238px;
  margin-left: auto;
  margin-right: auto;
}
#analytify-ga-optout-btn {
  background: none!important;
  border: none;
  padding: 0!important;
  font: inherit;
  color: #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
  cursor: pointer;
  margin-bottom: 20px;
  font-size: 14px
}
.about-wrap .nav-tab + .nav-tab{
  border-left: 0;
}
.about-wrap .nav-tab:focus{

  box-shadow: none;
}
#analytify-ga-submit-btn {
  height: 40px;
  margin: 30px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
}
#analytify-ga-submit-btn:after{
  content: '\279C';
}
.analytify-splash-box {
  width: 100%;
  max-width: 600px;
  background-color: #fff;
  border: solid 1px #d5d5d5;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
  padding: 15px
}

.about-wrap .nav-tab{
  height: auto;
  float: none;
  display: inline-block;
  margin-right: 0;
  margin-left: 0;
  font-size: 18px;
  width: 33.333%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 15px;
}
.step-wrapper .analytify-splash-box{
  padding: 0;
  border: 0;
}
.nav-tab-wrapper{
  margin:0;
  font-size: 0;
}
.nav-tab-wrapper, .wrap h2.nav-tab-wrapper{
  margin:0;
  font-size: 0;
}
.analytify-tab-content{
  display: none;
  border:1px solid #d5d5d5;
  padding:1px 20px 20px;
  border-top: 0;
}
.analytify-tab-content.active{
  display: block;
}
.analytify-seprator{
  border:0;
  border-top: 1px solid #ccc;
  margin: 50px 0;
}
#wpbody-content{
  background: #f1f1f1;
}
#wpbody{
  padding-right: 0;
}
#analytify-splash{
  max-width: 1260px;
  background: #f1f1f1;
}
.analytify-splash-box{
  max-width: 100%;
  background: #f1f1f1;
  box-sizing: border-box;
  overflow: hidden;
}
.about-wrap {
  position: relative;
  max-width: 1260px;
  font-size: 15px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
.wp-analytify-left-screenshot{
  float: left;
}
.about-wrap p{
  font-size: 14px;
}
.analytify-text-settings h5{
  margin: 25px 0 5px;
}
.about-wrap .about-description, .about-wrap .about-text{
  font-size: 16px;
}
.about-wrap .feature-section h4{
  font-size: 1.1em;
  line-height: 1.2;
  margin: 25px 0 5px;
}
.about-wrap .changelog h3{
  font-size: 1.6em;
  line-height: 1.6;
  margin: 25px 0 10px;
}
.changelog.optin-licens-section .feature-section{
  margin-top: 0;
}
h5{
  font-size: 1em;
}
.about-wrap .feature-section img.wp-analytify-left-screenshot{
  margin-left: 0 !important;
  margin-right: 30px !important;
}
.about-wrap img{
  width: 56%;
  box-sizing: border-box;
}
.analytify-text-settings{
  overflow: hidden;
}
#analytify-splash-footer{
  margin-top: 50px;
}
.step-wrapper{
  width: 200%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.step-wrapper.slide{
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.step-wrapper:after{
  content: '';
  display: table;
  clear: both;
}
.step{
  width: 50%;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
}
.wp-analytify-welcome-screenshots{
  margin-left: 30px !important;
}
#analytify-splash-footer{
  font-size: 12px;
}
/* .about-wrap .changelog.analytify-backend-settings{
  margin-bottom: 20px;
} */
.analytify-backend-settings .feature-section{
  padding-bottom: 20px;
}
a.analytify-ga-button.button.button-primary{
  height: auto !important;
}
.changelog:last-child{
  margin-bottom: 0;
}
.changelog:last-child .feature-section{
  padding-bottom: 0;
}

#analytify-logo-text{
  margin-right: 20px;
  position: relative;
  top: -3px;
  width: 55px;
  vertical-align: middle;
}
.wp-analytify-badge {
  height: 200px;
  width: 200px;
  margin: -12px -5px;
  background: url("<?php echo plugins_url( 'assets/images/welcome-analytify.png', __FILE__ ); ?>") no-repeat;
  background-size: 100% auto;
}
.about-wrap .wp-analytify-badge {
  position: absolute;
  top: 0;
  right: 0;
}
.wp-analytify-welcome-screenshots {
  float: right;
  margin-left: 30px !important;
  /* border:1px solid #ccc; */
  padding:0;
  /* box-shadow:4px 4px 0px rgba(0,0,0,.05); */
}
.about-wrap .feature-section {
  overflow: hidden;
  margin-top: 20px;
}
.about-wrap .feature-section p{
  max-width: none !important;
}
.analytify-welcome-settings{
  clear: both;
  padding-top: 20px;
}
.wp-analytify-left-screenshot {
  float: left !important;
}
html[dir="rtl"] .step-wrapper .step{
  float: right;
}
html[dir="rtl"] .step-wrapper.slide{
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.analytify-optin-loader{
  margin-top: 35px;
  display:none;
}
.analytify-skip-loader{
  margin-left: 10px;
  display:none;
}
.newfeatures .feature-section{
  margin-bottom: 0px;
  margin-top: 0;
}
.newfeatures:not(:last-child) {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1100px){
  .about-wrap img {
    width: 100%;
    margin-bottom: 20px;
  }
  .about-wrap img {
    float: none;
    margin-left: 0px !important;
    border: 1px solid #ccc;
    padding: 0;
  }
  .analytify-text-settings {
    overflow: visible;
  }
  .about-wrap .changelog .feature-section .analytify-text-settings>h4:first-child, 
  .about-wrap .changelog .feature-section>h4{
    margin-top: 0;
  }
  .changelog.optin-licens-section h3{
    margin-top: 0;
  }
  .changelog.analytify-backend-settings{
    margin-bottom: 0;
  }
  .about-wrap .feature-section img.wp-analytify-left-screenshot {
    margin-right: 0 !important;
  }
  .about-wrap .changelog {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px){
  .about-wrap .nav-tab {
    font-size: 14px;
  }
  .about-wrap .changelog h3 {
    font-size: 1.4em;
    line-height: 1.4;
  }
  #analytify-splash h1 {
    margin-top: 40px;
    font-size: 20px;
  }
  #analytify-logo-text {
    margin-right: 10px;
    width: 40px;
  }
  #analytify-ga-submit-btn{
    margin-top: 0;
  }
}


</style>
<?php


$user = wp_get_current_user();
$name = empty( $user->user_firstname ) ? $user->display_name : $user->user_firstname;
$email = $user->user_email;
$site_link = '<a href="' . get_site_url() . '">'. get_site_url() . '</a>';
$website = get_site_url();

echo '<form method="post" action="' . admin_url( 'admin.php?page=analytify-settings' ) . '">';
// echo '<div id="analytify-logo-wrapper">';
// echo '<div id="analytify-logo-wrapper-inner">';
// echo '<img id="analytify-logo-text" src="' . plugins_url( 'assets/images/notice-logo.svg', dirname( __FILE__ ) )  . '">';
// echo '</div>';
// echo '</div>';

echo "<input type='hidden' name='email' value='$email'>";

echo '<div id="analytify-splash">';
echo '<h1> <img id="analytify-logo-text" src="' . plugins_url( 'assets/images/notice-logo.svg', dirname( __FILE__ ) )  . '"> ' . __( 'Welcome to Google Analytics by Analytify', 'wp-analytify' ) . '</h1>';

    echo '<div id="analytify-splash-main" class="analytify-splash-box">';
    echo '<div class="step-wrapper">';
    if ( get_site_option( '_analytify_optin' ) == 'no' || ! get_site_option( '_analytify_optin' ) ) {
    echo "<div class='first-step step'>";
      echo '<p id="analytify-splash-main-text">' .  sprintf ( __( 'Hey %2$s,  %4$s If you opt-in some data about your installation of Analytify will be sent to analytify.io (This doesn\'t include stats)%4$s and You will receive new feature updates, security notifications etc %7$sNo Spam, I promise.%8$s %4$s%4$s Help us %5$sImprove Google Analytics by Analytify%6$s %4$s %4$s ', 'wp-analytify' ), '<br>', '<strong>' . $name . '</strong>', '<strong>' . $website . '</strong>', '<br>', '<strong>', '</strong>', '<i>', '</i>' ) . '</p>';
      echo "<button type='submit' id='analytify-ga-submit-btn' class='analytify-ga-button button button-primary' name='analytify-submit-optin' >" . __( 'Allow and Continue  ', 'analytify-ga') . "</button><img class='analytify-optin-loader' src='". admin_url( 'images/spinner.gif' ) ."'/><br>";
      echo "<button type='submit' id='analytify-ga-optout-btn' name='analytify-submit-optout' >" . __( 'Skip This Step', 'analytify-ga') . "</button><img class='analytify-skip-loader' src='". admin_url( 'images/spinner.gif' ) ."'/>";
      echo '<div id="analytify-splash-permissions" class="analytify-splash-box">';
        echo '<a id="analytify-splash-permissions-toggle" href="#" >' . __( 'What permissions are being granted?', 'wp-analytify' ) . '</a>';
        echo '<div id="analytify-splash-permissions-dropdown" style="display: none;">';
          echo '<h3>' .  __( 'Your Website Overview', 'wp-analytify' ) . '</h3>';
          echo '<p>' .  __( 'Your Site URL, WordPress & PHP version, plugins & themes. This data lets us make sure this plugin always stays compatible with the most popular plugins and themes.', 'wp-analytify' ) . '</p>';

          echo '<h3>' .  __( 'Your Profile Overview', 'wp-analytify' ) . '</h3>';
          echo '<p>' .  __( 'Your name and email address.', 'wp-analytify' ) . '</p>';

          echo '<h3>' .  __( 'Admin Notices', 'wp-analytify' ) . '</h3>';
          echo '<p>' .  __( "Updates, Announcement, Marketing. No Spam, I promise.", 'wp-analytify' ) . '</p>';

          echo '<h3>' .  __( 'Plugin Actions', 'wp-analytify' ) . '</h3>';
          echo '<p>' .  __( "Active, Deactive, Uninstallation and How you use this plugin's features and settings. This is limited to usage data. It does not include any of your sensitive Google Analytics data, such as traffic. This data helps us learn which features are most popular, so we can improve the plugin further.", 'wp-analytify' ) . '</p>';
        echo '</div>';
      echo '</div>';
    echo '</div>';
    }

echo "<div class='second-step step'>";
echo "<h2>Thank You!</h2>";
//echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>";
if ( ! get_option( 'pa_google_token' ) ) {
  echo "<a target='_self' href='https://accounts.google.com/o/oauth2/auth?". WP_ANALYTIFY_FUNCTIONS::generate_login_url(). "' type='submit' class='analytify-ga-button button button-primary' style='height: 40px; line-height:40px; padding:0 20px; margin: 30px; margin-bottom: 15px; font-size: 16px;' >Connect Analytify With Google Analytics</a>";
} else {
  echo "<a target='_self' href='". admin_url('admin.php?page=analytify-settings') . "' type='submit' class='analytify-ga-button button button-primary' style='height: 40px !important; margin: 30px; line-height:40px; padding:0 20px; margin-bottom: 15px; font-size: 16px;' >Go to Analytify Settings</a>";

  echo "<br> <a target='_self' href='". admin_url('admin.php?page=analytify-dashboard') . "' type='submit' class='analytify-ga-button button button-primary' style='height: 40px !important; margin: 30px; line-height:40px; padding:0 20px; margin-bottom: 15px; font-size: 16px;' >Explore Analytify Dashboard</a>";

}
echo '</div>';
echo '</div>';
echo '</div>';



echo '</div>';

echo '</form>';



?>

<script type="text/javascript">
jQuery(document).ready(function(s) {
  var o = parseInt(s("#analytify-splash-footer").css("margin-top"));
  s("#analytify-splash-permissions-toggle").on('click', function(a) {
    a.preventDefault(), s("#analytify-splash-permissions-dropdown").toggle(), 1 == s("#analytify-splash-permissions-dropdown:visible").length ? s("#analytify-splash-footer").css("margin-top", o + "px") : s("#analytify-splash-footer").css("margin-top", o + "px")
  })
});

</script>
<div class="wrap about-wrap">

  <h2 class="nav-tab-wrapper">
    <a class="nav-tab nav-tab-active" href="#get-started">
      <?php esc_html_e( 'Getting Started', 'wp-analytify' ); ?>
    </a>
    <a class="nav-tab" href="#whatsnew">
      <?php esc_html_e( "What's New", 'wp-analytify' ); ?>
    </a>
    <a class="nav-tab" href="#credits">
      <?php esc_html_e( 'Credits', 'wp-analytify' ); ?>
    </a>
  </h2>
  <div class="analytify-tab-content active" id="get-started">
    <p class="about-description">
      <?php echo sprintf( esc_html__( 'Getting started with Analytify, plugin settings are very easy to use and ready to go in minutes. If there is something you don\'t understand or confusing, do ask us on %1$sWordPress.org support forum%2$s without hesitation.', 'wp-analytify' ), ' <a href="https://wordpress.org/support/plugin/wp-analytify/" target="_blank">', '</a>');?>
    </p>

    <div class="changelog">
    <br />
      <div class="feature-section">
        <img width="414" src="<?php echo plugins_url( 'assets/images/authenticate2-new.png',dirname( __FILE__ ) );?>" alt="" class="wp-analytify-welcome-screenshots">
        <div class="analytify-text-settings">

          <h4><?php esc_html_e( 'Step 1: Authentication', 'wp-analytify' );?></h4>
          <p><?php esc_html_e( 'You must have a registered Google Analytics account and setup your website profiles to use with Analytify on your WordPress based sites. Click on Login button and It will redirect you to separate Google access page. Allow this plugin to fetch the data from Google Analytics and It will take you back to your profile tab.', 'wp-analytify' );?></p>
        </div>

      </div>
    </div>



    <div class="changelog">
      <h3><?php esc_html_e( 'Step 2: Setting up profiles', 'wp-analytify' );?></h3>

      <div class="feature-section">
        <img src="<?php echo plugins_url( 'assets/images/profile-data-new.png', dirname( __FILE__ ) );?>" alt="" class="wp-analytify-welcome-screenshots wp-analytify-left-screenshot">
        <div class="analytify-text-settings">
          <h4><?php esc_html_e( 'Profile Tab', 'wp-analytify' );?></h4>
          <p><?php esc_html_e( 'This tab section consists of many important settings. After Authentication, Setup your profiles here. All of the options are easy to understand.', 'wp-analytify' );?></p>

          <h5><?php esc_html_e( 'a) Install Google Analytics tracking code', 'wp-analytify' );?></h5>
          <p><?php esc_html_e( 'First, you need to check if you want to install Google Analytics tracking code by Analytify or uncheck it if you have already installed it manually or via some other way. ', 'wp-analytify');?></p>

          <h5><?php esc_html_e( 'b) Exclude users from tracking', 'wp-analytify' );?></h5>
          <p><?php esc_html_e( 'Usually Administrators don\'t want to track themselves. So, this option can be commonly used if you want to exclude your special users from tracking data.', 'wp-analytify');?></p>

          <h5><?php esc_html_e( 'c) Tracking code type', 'wp-analytify' );?></h5>
          <p><?php esc_html_e( 'Google recommends to use Analytics.js (Universal Tracking) now. So, we recommend to use this option.', 'wp-analytify');?></p>

          <h5><?php esc_html_e( 'd) Profile for posts (Backend/Front-end)', 'wp-analytify' );?></h5>
          <p><?php esc_html_e( 'Select your website profile for wp-admin edit pages and Front-end pages. Select profile which matches your current WordPress website.', 'wp-analytify');?></p>

          <h5><?php esc_html_e( 'e) Profile for Dashboard', 'wp-analytify' );?></h5>
          <p><?php esc_html_e( 'Select your website profile for Dashboard Stats. You can select your any Website profile. It will show Analytics for your selected website profile.', 'wp-analytify');?></p>
        </div>

      </div>
    </div>

    <div class="changelog">
      <h3><?php esc_html_e( 'Step 3: Display Statistics at front-end pages', 'wp-analytify' );?></h3>

      <div class="feature-section col three-col">

        <img src="<?php echo plugins_url( 'assets/images/front-end-new.png', dirname( __FILE__ ) );?>" alt="" class="wp-analytify-welcome-screenshots">

        <h4><?php esc_html_e( 'Front Tab', 'wp-analytify' );?></h4>
        <p><?php echo sprintf( esc_html__( 'In version %4$s, We have introduced the %1$s New Front-end Analytics%2$s which will fetch the stats like backend but with an awesome UI for front-end stats. It was a long awaited feature which was under development since 1.0 but finally It is here. It can be customized (if you are good at CSS) according to your website look and feel. %3$s Below are it\'s important options: ', 'wp-analytify' ), '<em>', '</em>', '<br /><br />', ANALYTIFY_VERSION);?></p>
          <div class="analytify-text-settings">
            <div >
              <h4><?php esc_html_e( 'Disable front-end', 'wp-analytify' );?></h4>
              <p><?php esc_html_e( 'We introduced the ability to disable the front-end stats on the full site. Check it, if you don\'t want to load Analytics at all. Remember, you can use Shortcodes still.', 'wp-analytify' );?></p>

              <h4><?php esc_html_e( 'Display Analytics to Users', 'wp-analytify' );?></h4>
              <p><?php echo sprintf(esc_html__( 'Show %1$sfront-end%2$s Analytics to selected user roles only.', 'wp-analytify' ), '<em>', '</em>');?></p>
            </div>

            <div>
              <h4><?php esc_html_e( 'Analytics on Post types', 'wp-analytify' );?></h4>
              <p><?php esc_html_e( 'Show Analytics under the selected post types only. You can select your custom post types as well.' ,'wp-analytify' );?></p>

              <h4><?php esc_html_e( 'Front-end Analytics panels', 'wp-analytify' );?></h4>
              <p><?php esc_html_e( 'Select which Stats panels you want to display at front-end. We recommend to use upto 8 Panels for better page speed.', 'wp-analytify' );?></p>
            </div>

            <div class="last-feature">
              <h4><?php esc_html_e( 'Exclude Analytics on specific pages', 'wp-analytify' );?></h4>
              <p><?php esc_html_e( 'Select posts or pages on which you don\'t want to show Analytics.', 'wp-analytify' );?></p>
            </div>
          </div>
        </div>
      </div>

      <div class="changelog analytify-backend-settings">
        <h3><?php esc_html_e( 'Step 4: Display Statistics under Edit pages (backend)', 'wp-analytify' );?></h3>

        <div class="feature-section col three-col">

          <img src="<?php echo plugins_url( 'assets/images/admin-end-new.png', dirname( __FILE__ ) );?>" alt="" class="wp-analytify-welcome-screenshots wp-analytify-left-screenshot">
          <div class="analytify-text-settings">
            <h4><?php esc_html_e( 'Admin Tab', 'wp-analytify' );?></h4>
            <p><?php esc_html_e( 'Admin tab section is to manage the Analytics panels under EDIT screen of post/pages in wp-admin.', 'wp-analytify' );?></p>


            <div style="clear:both">
              <h4><?php esc_html_e( 'Disable Analytics under posts/pages.', 'wp-analytify' );?></h4>
              <p><?php esc_html_e( 'Check it, If you don\'t want to load Stats by default on all pages. If you disable it, you can still fetch the stats under each post/page on single click.', 'wp-analytify' );?></p>

              <h4><?php esc_html_e( 'Display Analytics to Users', 'wp-analytify' );?></h4>
              <p><?php echo sprintf( esc_html__( 'Show %1$s Google %2$s Analytics to selected user roles only.', 'wp-analytify' ), '<em>', '</em>');?></p>
            </div>

            <div>
              <h4><?php esc_html_e( 'Analytics on Post types', 'wp-analytify' );?></h4>
              <p><?php esc_html_e( 'Show Analytics under the selected post types only. You can select your custom post types as well.' ,'wp-analytify' );?></p>

              <h4><?php esc_html_e( 'Edit pages/posts Analytics panels', 'wp-analytify' );?></h4>
              <p><?php esc_html_e( 'Select which Stats panels you want to display at backend. We recommend to use upto 10 Panels for better page speed.', 'wp-analytify' );?></p>
            </div>

            <div class="last-feature">
              <h4><?php esc_html_e( 'Exclude Analytics on specific pages', 'wp-analytify' );?></h4>
              <p><?php esc_html_e( 'Select posts or pages on which you don\'t want to show Analytics.', 'wp-analytify' );?></p>
            </div>
          </div>

        </div>
      </div>

      <div class="changelog optin-licens-section">
        <h3><?php esc_html_e( 'Licensing', 'wp-analytify' );?></h3>

        <div class="feature-section">
          <p><?php esc_html_e( 'We have a year based pricing model as we think this is the best model to keep our normal lives easier and down the costs of support servers etc. You need a valid license key if you want to get support and updates in the future for a year. After a year, you will get discount to renew your license. ', 'wp-analytify' );?></p>
        </div>
      </div>

    </div>
    <div class="analytify-tab-content " id="whatsnew">

      <div class="newfeatures">
        <h3><?php esc_html_e( 'New features', 'wp-analytify' );?></h3>

        <div class="feature-section">

          <img width="414" src="<?php echo plugins_url( 'assets/images/authenticate2-new.png', dirname( __FILE__ ) ); ?>" class="wp-analytify-welcome-screenshots"/>
          <div class="analytify-text-settings">
            <h4><?php esc_html_e( 'Simple Authentication', 'wp-analytify' );?></h4>
            <p>
              <?php echo sprintf( esc_html__( 'You don\'t need to worry about copy and paste access code any more. ', 'wp-analytify' ) );?>
            </p>

            <h4><?php esc_html_e( 'Translation ready', 'wp-analytify' );?></h4>
            <p>
              <?php echo sprintf( esc_html__( 'Analytify %1$s contains all the strings ready to translate in any language. %2$s Click here %3$s to start translating this plugin into your language and don\'t forget to share your language files with us to ease for other users.', 'wp-analytify' ), ANALYTIFY_VERSION, '<a href="https://analytify.io/doc/can-translate-analytify-language/" style="text-decoration:none">', '</a>' ); ?>
              </p>
            </div>

          </div>
        </div>

        <div class="newfeatures">


          <div class="feature-section">

            <img src="<?php echo plugins_url( 'assets/images/analytify-shortcodes-dropdown.png', dirname( __FILE__ ) ); ?>" class="wp-analytify-welcome-screenshots wp-analytify-left-screenshot"/>
            <div class="analytify-text-settings">
              <h4><?php esc_html_e( 'Analytify Shortcodes', 'wp-analytify' );?></h4>
              <p>
                <?php echo sprintf( esc_html__( 'Analytify shortcodes can be used for multiple purposes. It gives you more flexibility than the front-end statistics. You can disable front-end stats and use these shortcodes in any of your pages/posts to show Analytics in tabular style. If you are familiar with CSS, It can be easily modified to match with your website look and feel. %1$s Following are two types of shortcodes:', 'wp-analytify' ), '<br /><br />' );?>
                </p>

                <h4><?php esc_html_e( 'a) Simple:', 'wp-analytify' );?></h4>
                <p>
                  <?php echo sprintf( esc_html__( 'Simple Analytify shortcode returns you only the numbers i.e results. It is useful when you want results of only 1 Metrics and can apply permissions using roles. You can fetch numbers of %1$s Sessions, Pageviews, Bounce Rate and Users %2$s etc', 'wp-analytify' ), '<em>', '</em> ');?>
                </p>

                <h4><?php esc_html_e( 'b) Advanced:', 'wp-analytify' );?></h4>
                <p>
                  <?php echo sprintf( esc_html__( 'With this Advanced option, You can choose %1$s more than 1 Metrics and Dimensions, Sort the results, get maximum rows, apply permissions and fetch Analytics with specified start-date and end-date. %2$s Advanced shortcode returns results in table form which can be styled according to your website.', 'wp-analytify' ), '<em>', '</em>' );?>
                </p>
              </div>

            </div>
          </div>

          <div class="newfeatures">
            <img width="414" height="" src="<?php echo plugins_url( 'assets/images/front-end-new.png', dirname( __FILE__ ) ); ?>" class="wp-analytify-welcome-screenshots"/>
            <div class="analytify-text-settings">
              <h3><?php esc_html_e( 'Front-end Statistics', 'wp-analytify' );?></h3>
              <p>
                <?php echo sprintf( esc_html__( 'We have introduced the %1$s New Front-end Analytics %2$s which will fetch the stats like backend but with an awesome UI for front-end stats. It was a long awaited feature which was under development but finally It is here. It can be customized (if you are good at CSS) according to your website look and feel. %3$s below are it\'s important options: ', 'wp-analytify' ), '<em>', '</em>', '<br /><br />' );?>
                </p>

                <div class="feature-section col three-col">
                  <div>
                    <h4><?php esc_html_e( 'Disable front-end', 'wp-analytify' );?></h4>
                    <p>
                      <?php esc_html_e( 'We introduced the ability to disable the front-end stats on the full site. Check it, if you don\'t want to load Analytics at all. Remember, you can use Shortcodes still.', 'wp-analytify' );?>
                    </p>

                    <h4><?php esc_html_e( 'Display Analytics to Users', 'wp-analytify' );?></h4>
                    <p>
                      <?php echo sprintf( esc_html__( 'Show %1$s front-end %2$s Analytics to selected user roles only.', 'wp-analytify' ), '<em>', '</em>' );?>
                    </p>
                  </div>

                  <div>
                    <h4><?php esc_html_e( 'Analytics on Post types', 'wp-analytify' );?></h4>
                    <p><?php esc_html_e( 'Show Analytics under the selected post types only. You can select your custom post types as well.' ,'wp-analytify' );?></p>

                    <h4><?php esc_html_e( 'Front-end Analytics panels', 'wp-analytify' );?></h4>
                    <p><?php esc_html_e( 'Select which Stats panels you want to display at front-end. We recommend to use upto 8 Panels for better page speed.', 'wp-analytify' );?></p>
                  </div>

                  <div class="last-feature">
                    <h4><?php esc_html_e( 'Exclude Analytics on specific pages', 'wp-analytify' );?></h4>
                    <p><?php esc_html_e( 'Select posts or pages on which you don\'t want to show Analytics.', 'wp-analytify' );?></p>
                  </div>
                </div>
              </div>
            </div>

          </div>
          <div class="analytify-tab-content" id="credits">

            <p class="about-description">Analytify is developed by <a href="https://wpbrigade.com/" target="_blank">WPBrigade</a> - A WordPress Development Agency.</p>
          </div>

        </div>
        <script>
        jQuery(document).ready(function($) {
          $('.nav-tab-wrapper .nav-tab').on('click', function(e){
            e.preventDefault();
            var tabtarget = $(this).attr('href');
            $(this).addClass('nav-tab-active').siblings().removeClass('nav-tab-active');
            $(tabtarget).addClass('active').siblings('.analytify-tab-content').removeClass('active');
          });

          $('#analytify-ga-submit-btn').on('click', function(e){
            e.preventDefault();
            // $('.step-wrapper').addClass('slide');
            $.ajax({
              url: ajaxurl,
              type: 'POST',
              data: {
                action: 'analytify_optin_yes'
              },
              beforeSend: function(){
                $('#analytify-ga-submit-btn').attr('disabled', 'disabled');
                $('.analytify-optin-loader').css('display', 'initial');
              }
            })
            .always(function() {
              $(location).attr('href', '<?php echo esc_url( admin_url( 'admin.php?page=analytify-settings') ) ?>')
            });
          });

          $('#analytify-ga-optout-btn').on('click', function(event) {
            event.preventDefault();
            // $('.step-wrapper').addClass('slide');
            $.ajax({
              url: ajaxurl,
              type: 'POST',
              data: {
                action: 'analytify_optin_skip'
              },
              beforeSend: function(){
                $('#analytify-ga-optout-btn').attr('disabled', 'disabled');
                $('.analytify-skip-loader').css('display', 'initial');
              }
            })
            .always(function() {
              $(location).attr('href', '<?php echo esc_url( admin_url( 'admin.php?page=analytify-settings') ) ?>')
            });

          });
        });

        </script>
        <?php
        echo '<div id="analytify-splash-footer">';
        echo '<a target="_blank" href="https://analytify.io/pricing/">' . _x( 'Terms', 'as in terms and conditions', 'wp-analytify' ) . '</a> | <a target="_blank" href="https://analytify.io/pricing/">' . _x( 'Privacy', 'as in privacy policy', 'wp-analytify' ) . '</a> | ';
        echo '<a href="'. esc_url( admin_url( 'admin.php?page=analytify-settings') ) .'" > '. __( 'Go to Analytify Settings', 'wp-analytify' ) .'</a>  | ';
        echo '<a href="https://analytify.io/changelog/" > '. __( 'View the Full Changelog', 'wp-analytify' ) .'</a>';
        echo '</div>';
