<?php

global $post;

?>
<style>
	div#wp-content-editor-container {
		position: relative;
	}

	div#wp-content-editor-container textarea {
		max-height: 500px;
		height: 500px;
	}

	div#wp-content-editor-tools {
		display: none;
	}

	table#post-status-info {
		display: none;
	}

	.cp_customizer-editor-overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #ececec;
		border: 1px solid #cacaca;
	}

	div#wp-content-wrap {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.cp_customizer-editor-overlay .middle-align {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
	}

	.cp_customizer-editor-overlay i.dashicons.dashicons-edit {
		font-size: 1.8em;
		width: auto;
		margin-right: 2px;
		line-height: 1.8em;
	}

	.cp_customizer-editor-overlay .button.button-link,
	.cp_customizer-editor-overlay .button.button-link:hover,
	.cp_customizer-editor-overlay .button.button-link:focus {
		background: transparent;
		outline: none;
		box-shadow: none;
	}

</style>

<script>
	window.cp_open_page_in_default_editor = function (page) {
		var response = confirm("<?php _e( 'This post was previously edited in Customizer. You can continue in the Default Editor, but you may lose data and formatting.', 'mesmerize-companion' ); ?>");
		if (response) {
			var data = {
				action: 'cp_open_in_default_editor',
				page: page
			};

			jQuery.post(ajaxurl, data).done(function (response) {
				setTimeout(function () {
					console.log('refresh', window.location.toString() + "&cp_default_editor=" + Date.now());
					window.location = window.location.toString() + "&cp_default_editor=" + Date.now();
				}, 500);
			});
		}

		return false;
	}
</script>

<div class="cp_customizer-editor-overlay">
	<div class="middle-align">
		<div>
			<button onclick="cp_open_page_in_customizer('<?php echo esc_js( $post->ID ); ?>')" class="button button-hero button-primary">
				<i class="dashicons dashicons-edit"></i>
				<?php echo mesmerize_get_edit_in_mesmerize_label(); ?>
			</button>
		</div>
		<div style="padding-top: 1em;">
			<a href="javascript:void();" onclick="cp_open_page_in_default_editor('<?php echo esc_js( $post->ID ); ?>')" class="button button-link"><?php _e( 'Edit In Default Editor', 'mesmerize-companion' ); ?></a>
		</div>
	</div>
</div>
