<?php
/**
 * @var $banner_id
 * @var $banner
 */
?>

<div class="banner-uploader-wrapper uploadifive-uploader-wrapper" data-media-type="banner" data-maxnrofpictures="1">

	<div class="hidden_input">

		<div id="queue"></div>

		<input id="file_upload_banner" name="file_upload_banner" type="file" accept="image/*">

	</div>

	<div class="banner-image-wrapper file-content-wrapper">

		<a data-attachment-id="<?php echo $banner_id; ?>" data-media-type="banner" class="js-delete-file delete-file delete-user-cover-button js-delete-user-cover-button cursor-pointer" style="<?php if ( ! $banner ) echo 'display: none'; ?>">
			<i class="close icon"></i>
		</a>

		<div class="ui small right floated labeled icon button add-user-cover-button js-add-user-cover-button js-new-file-wrapper" style="<?php if ( $banner ) echo 'display: none'; ?>">
			<i class="camera icon"></i>
			<?php _e( 'Add Cover Photo', 'wpjobster' ); ?>
		</div>

	</div>

</div>