<?php if ( ! defined( 'ABSPATH' ) ) exit;



include(ULPB_PLUGIN_PATH.'admin/views/UI/tabs/form-analytics-function.php');
?>
      <?php if ( is_plugin_active( 'PluginOps-Extensions-Pack/extension-pack.php' ) ) {
        $goProLink = '';
      }else{
        $goProLink = '<a href="https://pluginops.com/page-builder/?ref=editorBar" target="_blank" ><div class="goProButton"> Unlock All Features </div></a>';
      } ?>
<div class="pluginops-tabs">
  <ul class="pluginops-tab-links">
    <li class="pluginops-active templatesTabEditor"><a href="#tab1" class="pluginops-tab_link">Editor</a></li>
    <li class="templatesTabDefault"><a href="#tab2" class="pluginops-tab_link">Templates</a></li>
    <li><a href="#tab5" class="pluginops-tab_link exportTemplateTab_ppb" style="display: none;">Insert Template</a></li>
    <li><a href="#tab7" class="pluginops-tab_link exportTemplateTab_ppb" style="display: none;">Export & Import</a></li>
    <li><a href="#tab6" class="pluginops-tab_link abTestTab_ppb">A/B Testing</a></li>
    <li><a href="#tabFormSubmissions" class="pluginops-tab_link formSubmissionsTab">Form Submissions</a></li>
    <li><a href="#tab4" class="pluginops-tab_link email_subs_tab_ppb">Email Subscribers</a></li>
    <li><a href="#tab8" class="pluginops-tab_link">Analytics</a></li>
  </ul>
  <div class="pluginops-tab-content pb_editor_tab_content" style="overflow: hidden; background: #fff;">
    <div id="tab1" class="pluginops-tab pluginops-active" style="background: #fff;">
      <div class="pb_loader_container_pageload" style="display: block;">
        <div class="pb_loader" id='pb_loader_pageinit'></div>
      </div>
      <div id="top-optionsBar">
        
        <div class="topOptionBarDivider extraTopBarSpaceDivider" style="width: 25%; display: none; height: 2px;"></div>

        <div class="topOptionBarDivider" style="width: 28%;">
          <?php echo "$goProLink"; ?>
          <div class="pb_fullScreenEditorButtonClose">Close Editor </div>
          <a href="<?php echo get_permalink($postId); ?>" target="_blank"><div class="prevPageBtn">Preview</div></a>
        </div>

        <div class="topOptionBarDivider extraTopBarSpaceDividerTwo" style="width: 7%; height: 2px;"></div>

        <div class="topOptionBarDivider"  style="width: 20%;">
          <div class=" undo-redo-btn" id="pbbtnUndo" ><span class="dashicons dashicons-undo" title="Undo Changes"></span></div>
          <div class=" undo-redo-btn" id="pbbtnRedo" style="margin-right: 18%;"><span class="dashicons dashicons-redo" title="Redo Changes"></span></div>
        </div>

        <div class="topOptionBarDivider extraTopBarSpaceDividerTwo" style="width: 10%; height: 2px;"></div>

        <div class="topOptionBarDivider"  style="width: 10%;">
          <div class="topBarResponsiveButtonContainer">
            <span class="responsiveBtn rbt-l " style="background: #2196f3;"> <i class="fa fa-desktop" aria-hidden="true"></i> </span>   
            <span class="responsiveBtn rbt-m "> <i class="fa fa-tablet" aria-hidden="true"></i> </span>
            <span class="responsiveBtn rbt-s " style="padding:20px 13px 15px !important "> <i class="fa fa-mobile-phone" aria-hidden="true"></i> </span>
          </div>
        </div>
        
        <div class="topOptionBarDivider"  style="width: 15%;">
          <div class="draftBtn SavePage">Save Draft</div>
          <div class="publishBtn SavePage">Publish</div>
        </div>
          
      </div>

    <!-- <div class="addNewWidgetContainer" style="">
      <div class="addNewWidgetTopBar"> <i class="fas fa-plus-square" aria-hidden="true"></i> </div>
    </div> -->

      <div class="pb_fullScreenEditorButton" > Open Editor <span class="dashicons dashicons-editor-expand"></span> </div>
    
      <div id="pbWrapper">
        <div id="pbWrapperContainerOverlay"></div>
        <ul id="container">
          <script type="text/template" id="item-template"></script>
        </ul>
      </div>
      <div class="newRowBtnContainerVisible" style="display: none;">  
        <div class="newRowBtnContainerSections"> <div class="addNewRowVisible  row-section-btn" style="background:#5AB1F7;" > ADD NEW SECTION</div> 
        </div>
        <div class="newRowBtnContainerSections" style="display: none;">
          <div class="addNewGlobalRowVisible  row-section-btn" style="background:#F1D204;" >INSERT GLOBAL SECTION</div>
        </div>  
        <div class="newRowBtnContainerSections" >    
          <div class="addNewRowBlockVisible  row-section-btn" style="background:#4CAF50;" >INSERT DESIGN BLOCK</div>
        </div>  
      </div>
      <div id="SavePage" class="btn-green aligncenter large-btn SavePage" style="display: none;">Save Page</div>
    </div>
    <?php include(ULPB_PLUGIN_PATH.'admin/views/UI/tabs/templates-tab.php'); ?>
    <div id="tab3" class="pluginops-tab">            
    </div>
    <div id="tab4" class="pluginops-tab">
        <?php include(ULPB_PLUGIN_PATH.'admin/views/UI/tabs/widget-form-subs-list.php'); ?>    
    </div>
    <div id="tab5" class="pluginops-tab" style="width: 100%; background: #fff;">
        <?php include(ULPB_PLUGIN_PATH.'admin/views/UI/tabs/insertTemplate.php'); ?>    
    </div>
    <div id="tab6" class="pluginops-tab" style="width: 100%; background: #fff;">
        <?php include(ULPB_PLUGIN_PATH.'admin/views/UI/tabs/abSelect.php'); ?>    
    </div>
    <div id="tabFormSubmissions" class="pluginops-tab" style="width: 100%; background: #fff;">
        <?php include(ULPB_PLUGIN_PATH.'admin/views/UI/tabs/form-submissions.php'); ?>    
    </div>
    <div id="tab7" class="pluginops-tab" style="width: 100%; background: #fff;">
        <p style="  text-indent: 50px;"> Please click on export template button to get the current template code or paste your template code in field below and click on import template to update current template with imported one.</p>
        <br>
        <br>
        <textarea class="pb_export_template" style="width: 80%; height: 400px;"></textarea>   
        <br>
        <div class="btn updateExportedTemplate large-btn" style="padding: 20px; margin-left: 45px;"> Import Template</div>
        <div class="btn btn-red populateCurrentTemplate large-btn" style="padding: 20px;"> Export Template</div>
    </div>
    <div id="tab8" class="pluginops-tab" style="width: 100%; background: #fff;">
        
      <?php include(ULPB_PLUGIN_PATH.'admin/views/UI/tabs/form-analytics.php'); ?>

    </div>
  </div>
  <br>
</div>