<?php
/**
 * Underscore.js template.
 *
 * @since 2.0
 * @package fusion-library
 */

?>
<div class="fusion-multiple-upload-images">
	<input
		type="hidden"
		name="{{ param.param_name }}"
		id="{{ param.param_name }}"
		class="fusion-multi-image-input"
		value="{{ option_value }}"
	/>
	<input
		type='button'
		class='button button-upload fusion-builder-upload-button fusion-builder-upload-button-upload-images'
		value='{{ fusionBuilderText.select_images }}'
		data-type="image"
		data-title="{{ fusionBuilderText.select_images }}"
		data-id="fusion-multiple-images"
		data-element="{{ param.element }}"
	/>
	<div class="fusion-multiple-image-container">
		<#
		image_ids = option_value.split( ',' );
		if ( '' !== image_ids && 'object' === typeof image_ids ) {
			jQuery.ajax( {
				type: 'POST',
				url: fusionBuilderConfig.ajaxurl,
				data: {
					action: 'fusion_builder_get_image_url',
					fusion_load_nonce: fusionBuilderConfig.fusion_load_nonce,
					fusion_image_ids: image_ids
				}
			} )
			.done( function( data ) {
				var dataObj;
				dataObj = JSON.parse( data );
				_.each( dataObj.images, function( image ) {
					jQuery( '.fusion-multiple-image-container' ).append( image );
				} );
			} );
		}
		#>
	</div>
</div>
