<?php
/**
 * Default event image settings block.
 *
 * @package EventimUSEventListings
 */

defined( 'ABSPATH' ) || exit;
?>
<div class="dashboard-module">
	<div class="module-header">
		<h1><?php esc_html_e( 'Default Event Image', 'eventim-us-event-listings' ); ?></h1>
		<h4><?php esc_html_e( 'This image will appear when no event image is selected on Eventim US', 'eventim-us-event-listings' ); ?>
		</h4>
	</div>
	<input type="hidden" name="evusel_settings[default_event_image_id]" id="seetickets_default_image_id"
		value="<?php echo esc_attr( $defaultImageId ); ?>" />

	<div class="module-content">
		<div class="custom-image-unit">
			<div class="img-input">
				<img id="seetickets-preview-event-image" src="<?php echo esc_url( $defaultImageUrl ); ?>" />
			</div>
			<div class="img-input">
				<h3>Upload Image</h3>
				<p>PNG, JPG, JPEG and SVG formats, up to 2 MB.</p>
				<button class="button-select"
					id="seetickets_media_manager"><?php esc_html_e( 'Upload', 'eventim-us-event-listings' ); ?></button>
				<input type='button' class="button-remove" value="<?php esc_html_e( 'Remove', 'eventim-us-event-listings' ); ?>"
					id="seetickets_reset_default_image" />
			</div>

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