{block name='content'}
    {$form_nonce}
    <div style="width:100%; display:flex;">
		<div style="display: inline-block; vertical-align: top; width: 80%;">

			<div class="DigitalSignage4_card DigitalSignage4_wp_card">

				{if $forfait}
					{if $forfait->getTrial()}
						<h2 id="{$forfait->getToken()}"> {$t::getTraduction( "Connexion")} </h2>
						{include file='../Form/form.tpl' myForm=$formConnection}

					{else}
						<h2>{$t::getTraduction( "Compte_ds4" , {($forfait->getTrial())?$t::getTraduction("d_essai"):""} , $t::getTraduction("Digital_Signage_4"))} </h2>
						<br>
						<h4>{$t::getTraduction( "Token_connexion")} : {$forfait->getToken()}</h4>
						{include file='../Form/form.tpl' myForm=$formLogout }
						<h4>{$t::getTraduction( "Identifiant_compte")} : {$compte->getLogin()}</h4>
						<br>
						<h2> {$t::getTraduction( "Forfait_cours")} </h2>
						<br>
						<h4>{$t::getTraduction( "Consommation")} : {$forfait->getCreditUsedPeriod()}
							/ {$forfait->getCredit()}</h4>
						<h4>{$t::getTraduction( "Date_debut_forfait")} : {$forfait->getDateDebut()}</h4>
						<h4>{$t::getTraduction( "Date_reset_forfait")} : {$forfait->getDateFin()}</h4>
						<br>
						<p>{$comtpeOnlineDs4}</p>
						<p>{$actualiteUrl}</p>
					{/if}
				{else}
					<p>{$t::getTraduction( "Recuperation_compte_impossible")}</p>
				{/if}

			</div>

			<div class="DigitalSignage4_card DigitalSignage4_wp_card">

				<h2>{$t::getTraduction( "Select_emplacement_auto_1")}</h2>
				<p>{$t::getTraduction( "Select_emplacement_auto_2")}</p>
				
				
				<br>
		
				{include file='./video_auto.tpl' placements=$placements }
				
				<div id="message_placements_alerte" style="display:none;">
				<span style="color:red">
				Attention, certains thèmes visuels ne respectent pas les recommandations officielles de WooCommerce <br>
				et dans ce cas la vidéo de Product Video Generator peut ne pas être bien positionnée. <br>
				Si c'est le cas, contactez l'éditeur de votre thème afin de lui demander de respecter<br>
				les normes "WooCommerce Single Product Page [Visual Hook Guide].
				</span>
				</div>
				
				<div class="median"></div>

				{*            <h2>Informations personnalisées sur votre site : </h2>*}
				{*            {include file='../Form/form.tpl' myForm=$urlAndNameForm}*}
				{*            <div class="median"></div>*}
				
				{include file='../Form/form.tpl' myForm=$prixDisplaySelector}

				
				<div class="median"></div>


				<h2>{$t::getTraduction( "Votre_filigrane")}</h2>
				{include file='./watermark.tpl' watermark=$watermark}
				<div class="median"></div>

				<h2>{$t::getTraduction( "Secu_espace_disk")}</h2>
				{include file='./espace_disk.tpl' espaceDisk=$espaceDisk}
				
				<div class="median"></div>
				<h2>{$t::getTraduction( "Publi_youtube")}</h2>
				{include file='./youtube.tpl' espaceDisk=$espaceDisk}

			</div>
		</div>
		<div style="display:inline-block; width:18%;">
			<div class="DigitalSignage4_card DigitalSignage4_wp_card" style="display:none;position:sticky;top:15px; vertical-align: top; width: 19%;">
				<h2>Validation</h2>
				<form action="#" method="post" class="DigitalSignage4_form">
				{literal}<?php wp_nonce_field('ds4_form_nonce'); ?>{/literal}
					<input type="submit" name="globalSet" class="btn DigitalSignage4_button btn-primary  "
						   value="{$t::getTraduction( "Enregistrer")}">
				</form>
			</div>
		</div>
	</div>
	<div class="DigitalSignage4_card DigitalSignage4_wp_card">

		<h2>{$t::getTraduction( "Infos_module")} <a
					target="_blank"
					href="https://www.productvideo.io">{$t::getTraduction( "Digital_Signage_4")}</a>
		</h2>
		<h4>{$t::getTraduction( "Auteur")} : <a target="_blank"
												href="https://www.acacia-dynamic.com/">{$pluginAuthor}</a></h4>
		<h4>{$t::getTraduction( "Version")} : {$pluginVersion} </h4>
	</div>
    
{/block}
