<?php
/**
 * Admin View: Page - Facebook
 */
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

$FTA         = new Feed_Them_All();
$ESF_Admin   = new ESF_Admin();
$banner_info = $ESF_Admin->esf_upgrade_banner();
if ( ! is_array( $banner_info ) ) {
	$banner_info = array( 'discount' => '', 'coupon' => '', 'button-url' => '', 'target' => '', 'button-text' => '' );
}

$fta_settings = $FTA->fta_get_settings();

$app_ID = array( '468599428373231' );
$rand_app_ID = array_rand( $app_ID, 1 );
$u_app_ID = $app_ID[ $rand_app_ID ];

$auth_url = esc_url(
	add_query_arg(
		array(
			'client_id'    => $u_app_ID,
			'redirect_uri' => 'https://maltathemes.com/efbl/app-' . $u_app_ID . '/index.php',
			'scope'        => 'manage_pages',
			'state'        => admin_url( 'admin.php?page=easy-facebook-likebox' ),
		),
		'https://www.facebook.com/dialog/oauth'
	)
);

if ( isset( $_GET['tab'] ) ) {
	$active_tab = esc_html( $_GET['tab'] );
} else {
	$active_tab = 'efbl-authentication';
}

$esf_welcome_handoff = isset( $_GET['esf_welcome_handoff'] ) ? sanitize_text_field( wp_unslash( $_GET['esf_welcome_handoff'] ) ) : '';
$esf_welcome_next    = isset( $_GET['esf_welcome_next'] ) ? sanitize_text_field( wp_unslash( $_GET['esf_welcome_next'] ) ) : '';
$esf_autostart_connect = (
	'1' === $esf_welcome_handoff &&
	'connect' === $esf_welcome_next &&
	'efbl-authentication' === $active_tab
);

?>
<div class="fta_wrap_outer">
	<div class="efbl_wrap z-depth-1">
		<div class="efbl_wrap_inner">
			<div class="efbl_tabs_holder">
				<div class="efbl_tabs_header">
					<ul id="efbl_tabs" class="tabs">
						<li class="tab col s3 <?php echo esc_attr( $active_tab == 'efbl-authentication' ? 'active' : '' ); ?>">
							<a href="<?php echo esc_url( admin_url( 'admin.php?page=easy-facebook-likebox&tab=efbl-authentication' ) ); ?>">
								<span><?php esc_html_e( '1', 'easy-facebook-likebox' ); ?>. <?php esc_html_e( 'Authenticate', 'easy-facebook-likebox' ); ?></span>
							</a>
						</li>
						<li class="tab col s3 <?php echo  esc_attr( $active_tab == 'efbl-general' ? 'active' : '' ); ?>">
							<a href="<?php echo esc_url( admin_url( 'admin.php?page=easy-facebook-likebox&tab=efbl-general' ) ); ?>">
								<span>
									<?php esc_html_e( '2', 'easy-facebook-likebox' ); ?>. <?php esc_html_e( 'Use (Display)', 'easy-facebook-likebox' ); ?>
								</span>
							</a>
						</li>
						<li class="tab col s3 <?php echo  esc_attr( $active_tab == 'efbl-skins' ? 'active' : '' ); ?>">
							<a class="" href="<?php echo esc_url( admin_url( 'admin.php?page=easy-facebook-likebox&tab=efbl-skins' ) ); ?>">
								<span><?php esc_html_e( '3', 'easy-facebook-likebox' ); ?>. <?php esc_html_e( 'Customize (skins)', 'easy-facebook-likebox' ); ?></span>
							</a>
						</li>
						<li class="tab col s3 efbl-moderate-tab-li <?php echo  esc_attr( $active_tab == 'efbl-moderate' ? 'active' : '' ); ?>">
							<a class="" href="<?php echo esc_url( admin_url( 'admin.php?page=easy-facebook-likebox&tab=efbl-moderate' ) ); ?>">
								<span>
								<?php
								esc_html_e( 'Moderate', 'easy-facebook-likebox' );
								if ( efl_fs()->is_free_plan() || efl_fs()->is_plan( 'instagram_premium', true ) ) {
									?>
										(<?php esc_html_e( 'Pro', 'easy-facebook-likebox' ); ?>)
								  <?php } ?>
								</span>
							</a>
						</li>
						<li class="tab col s3 <?php echo  esc_attr( $active_tab == 'efbl-likebox' ? 'active' : '' ); ?>">
							<a href="<?php echo esc_url( admin_url( 'admin.php?page=easy-facebook-likebox&tab=efbl-likebox' ) ); ?>">
								<span>
									<?php esc_html_e( 'Facebook Like box(Page Plugin)', 'easy-facebook-likebox' ); ?>
								</span>
							</a>
						</li>
						<?php do_action( 'efbl_admin_tab', $fta_settings ); ?>
						<li class="tab col s3 <?php echo  esc_attr( $active_tab == 'efbl-cached' ? 'active' : '' ); ?>">
							<a href="<?php echo esc_url( admin_url( 'admin.php?page=easy-facebook-likebox&tab=efbl-cached' ) ); ?>">
								<span><?php esc_html_e( 'Clear Cache', 'easy-facebook-likebox' ); ?></span>
							</a>
						</li>
					</ul>

					<div class="efbl_tabs_right">
						<?php if ( ( $fta_settings['plugins']['instagram']['status'] ) && ( 'activated' == $fta_settings['plugins']['instagram']['status'] ) ) { ?>
							<a href="<?php echo esc_url( admin_url( 'admin.php?page=mif' ) ); ?>"><?php esc_html_e( 'Instagram', 'easy-facebook-likebox' ); ?></a>
						<?php } ?>
					</div>
				</div>
			</div>
			<?php do_action( 'efbl_admin_after_tabs', $fta_settings ); ?>
			<div class="efbl_tab_c_holder">
				<?php
                if ( $active_tab == 'efbl-authentication' ) {
                  require_once EFBL_PLUGIN_DIR . 'admin/views/html-authenticate-tab.php';
                }

				if ( $active_tab == 'efbl-general' ) {
					require_once EFBL_PLUGIN_DIR . 'admin/views/html-how-to-use-tab.php';
				}

				if ( $active_tab == 'efbl-moderate' ) {
					require_once EFBL_PLUGIN_DIR . 'admin/views/html-moderate-tab.php';
				}

				if ( $active_tab == 'efbl-skins' ) {
					require_once EFBL_PLUGIN_DIR . 'admin/views/html-skins-tab.php';
				}

				if ( $active_tab == 'efbl-likebox' ) {
					require_once EFBL_PLUGIN_DIR . 'admin/views/html-likebox-tab.php';
				}

				if ( $active_tab == 'efbl-cached' ) {
					require_once EFBL_PLUGIN_DIR . 'admin/views/html-clear-cache-tab.php';
				}

				do_action( 'efbl_admin_tab_content', $fta_settings );
                ?>
			</div>
		</div>
	</div>
	<?php require_once FTA_PLUGIN_DIR . 'admin/views/html-upgrade-notice.php'; ?>
</div>

	<!-- Popup starts<!-->
	<div id="fta-auth-error" class="esf-modal fadeIn">
		<div class="modal-content">
			<span class="mif-close-modal modal-close"><span class="dashicons dashicons-no-alt"></span></span>
			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-warning"></span> </span>
				<p><?php esc_html_e( 'Sorry, the Plugin is unable to get the page data. Please delete the access token and select pages in the second step of authentication to give permission.', 'easy-facebook-likebox' ); ?></p>

				<a class=" efbl_authentication_btn btn"
				   href="<?php echo esc_url( $auth_url ); ?>"><img class="efb_icon left"
													   src="<?php echo EFBL_PLUGIN_URL; ?>/admin/assets/images/facebook-icon.png"/><?php esc_html_e( 'Connect My Facebook Pages', 'easy-facebook-likebox' ); ?>
				</a>

			</div>
		</div>

	</div>
	<!-- Popup ends<!-->

	<!-- Popup starts<!-->
	<div id="fta-remove-at" class="esf-modal fadeIn">
		<div class="modal-content">
			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-warning"></span></span>
				<h5><?php esc_html_e( 'Are you sure?', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( 'Do you really want to delete the access token? It will delete all the pages data, access tokens, and permissions given to the app.', 'easy-facebook-likebox' ); ?></p>
				<a class=" btn modal-close"
				   href="javascript:void(0)"><?php esc_html_e( 'Cancel', 'easy-facebook-likebox' ); ?></a>
				<a class=" btn efbl_delete_at_confirmed modal-close"
				   href="javascript:void(0)"><?php esc_html_e( 'Delete', 'easy-facebook-likebox' ); ?></a>
			</div>
		</div>

	</div>
	<!-- Popup ends<!-->


<?php if ( efl_fs()->is_free_plan() ) { ?>
	<div id="efbl-filter-upgrade" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">

			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span></span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( "We're sorry, posts filter is not included in your plan. Please upgrade to premium version to unlock this and all other cool features.", 'easy-facebook-likebox' ); ?>
					<a target="_blank"
					   href="https://easysocialfeed.com/custom-facebook-feed"><?php esc_html_e( 'Check out the demo', 'easy-facebook-likebox' ); ?></a>
				</p>
				<p><?php esc_html_e( 'Upgrade today and get ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
			   <?php if ( $banner_info['coupon'] ) { ?>
					<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
				<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( $banner_info['button-url'] ); ?>"
					<?php if ( $banner_info['target'] ) { ?>
						target="<?php esc_attr_e( $banner_info['target'] ); ?>"
					<?php } ?>
				   class="btn"><span class="dashicons dashicons-unlock right"></span>
					<?php esc_html_e( $banner_info['button-text'] ); ?>
				</a>

			</div>
		</div>

	</div>
	<div id="efbl-load-more-upgrade" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">

			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span></span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( 'Add load more button at the bottom of each feed to load more posts, events, photos, videos, or albums.', 'easy-facebook-likebox' ); ?>
					<a target="_blank"
					   href="https://easysocialfeed.com/custom-facebook-feed"><?php esc_html_e( 'Check out the demo', 'easy-facebook-likebox' ); ?></a>
				</p>
				<p><?php esc_html_e( 'Upgrade today and get  ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
					<?php if ( $banner_info['coupon'] ) { ?>
						<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
					<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
				   class=" btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Buy Now', 'easy-facebook-likebox' ); ?>
				</a>

			</div>
		</div>

	</div>
	<div id="efbl-live-stream-only-upgrade" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">

			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span></span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( 'We are sorry Live stream feature is not included in your plan. Please upgrade to premium version to unlock this and all other cool features.', 'easy-facebook-likebox' ); ?>
				</p>
				<p><?php esc_html_e( 'Upgrade today and get ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
					<?php if ( $banner_info['coupon'] ) { ?>
						<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
					<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
				   class=" btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Buy Now', 'easy-facebook-likebox' ); ?>
				</a>

			</div>
		</div>

	</div>
	<div id="efbl-free-grid-upgrade" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">
			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span></span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( 'We are sorry grid layout is not included in your plan. Please upgrade to premium version to unlock this and all other cool features.', 'easy-facebook-likebox' ); ?>
					<a target="_blank"
					   href="https://easysocialfeed.com/custom-facebook-feed/grid"><?php esc_html_e( 'Check out the demo', 'easy-facebook-likebox' ); ?></a>
				</p>
				<p><?php esc_html_e( 'Upgrade today and get ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
					<?php if ( $banner_info['coupon'] ) { ?>
						<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
					<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
				   class=" btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Upgrade to pro', 'easy-facebook-likebox' ); ?>
				</a>
			</div>
		</div>
	</div>
	<div id="efbl-free-masonry-upgrade" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">

			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span> </span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( 'We are sorry masonry layout is not included in your plan. Please upgrade to premium version to unlock this and all other cool features.', 'easy-facebook-likebox' ); ?>
					<a target="_blank"
					   href="https://easysocialfeed.com/custom-facebook-feed/masonry"><?php esc_html_e( 'Check out the demo', 'easy-facebook-likebox' ); ?></a>
				</p>
				<p><?php esc_html_e( 'Upgrade today and get ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
					<?php if ( $banner_info['coupon'] ) { ?>
						<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
					<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
				   class=" btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Upgrade to pro', 'easy-facebook-likebox' ); ?>
				</a>

			</div>
		</div>

	</div>
	<div id="efbl-free-carousel-upgrade" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">

			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span></span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( 'We are sorry carousel layout is not included in your plan. Please upgrade to premium version to unlock this and all other cool features.', 'easy-facebook-likebox' ); ?>
					<a target="_blank"
					   href="https://easysocialfeed.com/custom-facebook-feed/carousel"><?php esc_html_e( 'Check out the demo', 'easy-facebook-likebox' ); ?></a>
				</p>
				<p><?php esc_html_e( 'Upgrade today and get ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
					<?php if ( $banner_info['coupon'] ) { ?>
						<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
					<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
				   class=" btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Upgrade to pro', 'easy-facebook-likebox' ); ?>
				</a>

			</div>
		</div>

	</div>
	<div id="efbl-tabs-upgrade" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">

			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span> </span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( 'We are sorry showing tabs in likebox feature is not included in your plan. Please upgrade to premium version to unlock this and all other cool features.', 'easy-facebook-likebox' ); ?></p>
				<p><?php esc_html_e( 'Upgrade today and get ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
					<?php if ( $banner_info['coupon'] ) { ?>
						<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
					<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
				   class=" btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Upgrade to pro', 'easy-facebook-likebox' ); ?>
				</a>

			</div>
		</div>

	</div>
	<div id="efbl-pages-enable" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">

			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span> </span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( 'We are sorry showing popup on specific pages feature is not included in your plan. Please upgrade to premium version to unlock this and all other cool features.', 'easy-facebook-likebox' ); ?></p>
				<p><?php esc_html_e( 'Upgrade today and get ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
				 <?php if ( $banner_info['coupon'] ) { ?>
						<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
					<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
				   class=" btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Upgrade to pro', 'easy-facebook-likebox' ); ?>
				</a>

			</div>
		</div>

	</div>
	<div id="efbl-posts-enable" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">

			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span> </span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( "We're sorry, ability to display posts from other pages not managed by you is not included in your plan. Please upgrade to premium version to unlock this and all other cool features.", 'easy-facebook-likebox' ); ?></p>
				<p><?php esc_html_e( 'Upgrade today and get ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
					<?php if ( $banner_info['coupon'] ) { ?>
						<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
					<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
				   class=" btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Upgrade to pro', 'easy-facebook-likebox' ); ?>
				</a>

			</div>
		</div>

	</div>
	<div id="efbl-exit-intent" class="fta-upgrade-modal esf-modal fadeIn">
		<div class="modal-content">

			<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span> </span>
				<h5><?php esc_html_e( 'Premium Feature', 'easy-facebook-likebox' ); ?></h5>
				<p><?php esc_html_e( 'We are sorry showing popup on exit intent feature is not included in your plan. Please upgrade to premium version to unlock this and all other cool features.', 'easy-facebook-likebox' ); ?></p>
				<p><?php esc_html_e( 'Upgrade today and get ' . $banner_info['discount'] . ' discount! On the checkout click on "Have a promotional code?', 'easy-facebook-likebox' ); ?></br>
					<?php if ( $banner_info['coupon'] ) { ?>
						<code><?php esc_html_e( $banner_info['coupon'] ); ?></code>
					<?php } ?>
				</p>
				<hr/>
				<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
				   class="btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Upgrade to pro', 'easy-facebook-likebox' ); ?>
				</a>

			</div>
		</div>

	</div>
<?php } ?>

<?php if ( $esf_autostart_connect ) : ?>
	<script>
		jQuery( document ).ready( function( $ ) {
			const trigger = document.querySelector(
				'a.efbl_authentication_btn.esf-modal-trigger[href="#fta-fb-connect-info"]'
			);
			if ( trigger ) {
				trigger.click();
			}
			const url = new URL( window.location.href );
			url.searchParams.delete( 'esf_welcome_handoff' );
			url.searchParams.delete( 'esf_welcome_next' );
			window.history.replaceState( {}, '', url.toString() );
		} );
	</script>
<?php endif; ?>

<div id="efbl-addon-upgrade" class="fta-upgrade-modal esf-modal fadeIn">
	<div class="modal-content">
		<div class="mif-modal-content"><span class="mif-lock-icon"><span class="dashicons dashicons-lock"></span></span>
			<h5><?php esc_html_e( 'Multifeed', 'easy-facebook-likebox' ); ?></h5>
			<p><?php esc_html_e( 'The Multifeed gives you the ability to display multiple posts or events from multiple Facebook accounts in one single feed ordered by date.', 'easy-facebook-likebox' ); ?>
				<a target="_blank" href="https://easysocialfeed.com/custom-facebook-feed/multifeed"><?php esc_html_e( 'Check out the demo', 'easy-facebook-likebox' ); ?></a>
			</p>
			<hr>
			<a href="<?php echo esc_url( esf_get_upgrade_url( 'facebook' ) ); ?>"
			   class=" btn"><span class="dashicons dashicons-unlock"></span><?php esc_html_e( 'Get Started', 'easy-facebook-likebox' ); ?>
			</a>
		</div>
	</div>
</div>
<div class="esf-notification-holder"><?php esc_html_e( 'Copied', 'easy-facebook-likebox' ); ?></div>
</div>