<?php
namespace W3TC;

if ( ! defined( 'W3TC' ) ) {
	die();
}
?>
<?php require W3TC_INC_DIR . '/popup/common/header.php'; ?>

<script type="text/javascript">/*<![CDATA[*/
	var files = [
		<?php
		$files_count = count( $files );
		foreach ( $files as $index => $file ) :
			echo "'" . esc_html( addslashes( $file ) ) . "'" . ( $index < $files_count - 1 ? ',' : '' );
		endforeach;
		?>
	];

	jQuery(function() {
		W3tc_Popup_Cdn_Export_File.nonce = '<?php echo esc_html( wp_create_nonce( 'w3tc' ) ); ?>';
		W3tc_Popup_Cdn_Export_File.files = files;
		W3tc_Popup_Cdn_Export_File.init();
	});
/*]]>*/</script>

<p><?php esc_html_e( 'This tool will upload files of the selected type to content delivery network provider.', 'w3-total-cache' ); ?></p>
<table cellspacing="5">
	<tr>
		<td><?php esc_html_e( 'Total files:', 'w3-total-cache' ); ?></td>
		<td><?php echo esc_html( $files_count ); ?></td>
	</tr>
	<tr>
		<td><?php esc_html_e( 'Processed:', 'w3-total-cache' ); ?></td>
		<td id="cdn_export_file_processed">0</td>
	</tr>
	<tr>
		<td><?php esc_html_e( 'Status:', 'w3-total-cache' ); ?></td>
		<td id="cdn_export_file_status">-</td>
	</tr>
	<tr>
		<td><?php esc_html_e( 'Time elapsed:', 'w3-total-cache' ); ?></td>
		<td id="cdn_export_file_elapsed">-</td>
	</tr>
	<tr>
		<td><?php esc_html_e( 'Last response:', 'w3-total-cache' ); ?></td>
		<td id="cdn_export_file_last_response">-</td>
	</tr>
</table>

<p>
	<input id="cdn_export_file_start" class="button-primary" type="button" value="<?php esc_html_e( 'Start', 'w3-total-cache' ); ?>"<?php echo ! $files_count ? ' disabled="disabled"' : ''; ?> />
</p>

<div id="cdn_export_file_progress" class="media-item">
	<div class="progress"><div class="bar"><div class="filename original"><span class="percent">0%</span></div></div></div>
	<div class="clear"></div>
</div>

<div id="cdn_export_file_log" class="log"></div>