{{!
	Options:
		VideoWithDescription: adds tags, information, cover and teaser text
		!VideoWithDescription: video has a fullscreen image clicable
		videoInPopbox: makes the video button trigger an action to popbox-video-lightbox
}}


<div class="video-player-wrapper
			clearfix
			{{#if VideoWithDescription}} video-player--show-metadata {{/if}}"
			{{#if VideoWithDescription }}data-has-layer="true"{{/if }}
			data-player-container>

	{{#if VideoWithDescription }}
		<div class="video-player__cover-container {{#if videoWithoutCover}}video-player__cover-container--full-height{{/if}}">
			{{#if transparent }}
				<div class="video-player__background-cover video-player__background-cover-transparent " style="background-image: url({{imgProvider}}/488/384)"></div>
			{{else}}
				<div class="video-player__background-cover" style="background-image: url({{imgProvider}}/488/288)"></div>
			{{/if }}

			<div class="aux-pos-top">
				{{#unless withoutInfo }}
					{{ render "atoms/buttons/button-information" data="data-player-info" }}
				{{/unless }}
				{{ render "atoms/text/label:label-orange" text="GHI" }}
				{{ render "atoms/text/label:label-orange" text="Video" }}
			</div>

			{{#if videoInPopbox }}
				{{#unless topicVideo }}
					<a href="javascript:;" class="btn-video js-video btn vjs-big-play-button" data-player="ab41f7b8-c0a7-42ce-a5d6-5d8f73ae7512" data-account="1430472120001" data-video-id="4134763922001" data-video="4134763922001" title="Video Title"></a>
				{{/unless }}
			{{/if }}
		</div>
		{{#if videoInPopbox }}
			{{#if topicVideo }}
				<a href="javascript:;" class="btn-video js-video btn vjs-big-play-button" data-player="ab41f7b8-c0a7-42ce-a5d6-5d8f73ae7512" data-account="1430472120001" data-video-id="4134763922001" data-video="4134763922001" title="Video Title"></a>
			{{/if }}
		{{else}}
			<a href="javascript:;"
				class="video-player__content-button"
				data-video-btn
				data-video-class="dynamic-player{{ styleModifier}}"
				data-account="1430472120001"
				data-player="ab41f7b8-c0a7-42ce-a5d6-5d8f73ae7512"
				data-embed="default"
				data-video-id="{{ id }}">

				<div class="btn-video"></div>
			</a>
		{{/if }}

		<div class="print-only">[Video: title]</div>

		{{#unless withoutInfo }}
			<div class="video-player__description teaser teaser--text {{ teaserDescriptionColor }}" data-video-description>
				<div class="teaser__body">
					<div class="video-player__body-content">
						<div class="video-player__header">
							{{ render "atoms/buttons/button-information" data="data-player-info" }}
							<a href="javascript:;" class="icons-close"></a>
						</div>
						<h2 class="teaser__title">Lorem ipsum dolor sit</h2>
						<p class="teaser__copy-cover teaser__copy--dark">With Prof. Dr. Teodoro D. Cocca</p>
					</div>

					<div class="video-player__scroll scroll--1" data-video-player-scroll>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
					</div>
				</div>
			</div>
		{{/unless }}

		{{#unless videoWithoutCover }}
		<div class="teaser video-player__cover {{videoTeaserDescription }}" data-video-preview-description>
			<div class="teaser__cover teaser__cover--full {{#unless transparent }}teaser__cover--solid{{/unless }}">
				<h2 class="teaser__title-cover">Our Value Approach</h2>
				<p class="teaser__copy-cover teaser__copy--dark">With Prof. Dr. Teodoro D. Cocca</p>
			</div>
		</div>
		{{/unless }}

	{{else}}
		<div class="video-player__background-cover" style="background-image: url({{imgProvider}}/488/288)">
		</div>

		{{#if videoInPopbox }}
			<a href="javascript:;" class="btn-video js-video btn vjs-big-play-button" data-player="ab41f7b8-c0a7-42ce-a5d6-5d8f73ae7512" data-account="1430472120001" data-video-id="4134763922001" data-video="4134763922001" title="Video Title">
			</a>
		{{else}}
			<a
				href="javascript:;"
				class="dynamic-player{{ styleModifier}} video-player__content-button-full"
				data-video-class="dynamic-player{{ styleModifier}}"
				data-account="1430472120001"
				data-player="ab41f7b8-c0a7-42ce-a5d6-5d8f73ae7512"
				data-embed="default"
				data-video-id="{{ id }}">

				<div class="btn-video">
				</div>
			</a>
		{{/if }}

	{{/if }}
</div>
