{assign var="contentTitle" value="{$TITLE}"}
{if not $content_id}
   {assign var="content_id" value=$ID}
{/if}
<article class="col-md-3 col-6 my-3 singleproduct" itemscope itemtype="http://schema.org/product">
<div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
  	<input type="checkbox" class="btn-check" id="btncheck{$ID}" autocomplete="off" value="{$TITLE}" name="refs[]"{if isset($smarty.get.appareil) && $smarty.get.appareil == $ID} checked{/if} >
	<label class="btn btn-outline-primary" for="btncheck{$ID}">
	<span itemprop="url" tabindex="-1" class="product-image">
		{loop name="content_thumbnail" type="image" content=$content_id width="{$width}" height="{$height}" resize_mode="borders" limit="1"}
			<img itemprop="image" src="{$IMAGE_URL nofilter}" class="img-fluid" alt="{$contentTitle}" width="280">
		{/loop}
		
			{loop type="moretextarea" content="{$content_id}" name="encartbleu" id=7 }
			  {if $VALUE}
				<span class="fa-1"><span class="text">{$VALUE}</span></span>
			  {/if}
			{/loop}
		
			{loop type="moretextarea" content="{$content_id}" name="communication" id=8 }
			  {if $VALUE}
				<span class="fa-2"><span class="text">{$TITLE}</span></span>
			  {/if}
			{/loop}
		
			{loop type="moretextarea" content="{$content_id}" name="mainslibre" id=9 }
			  {if $VALUE}
				<span class="fa-3"><span class="text">{$TITLE}</span></span>
			  {/if}
			{/loop}
		

	</span>

	<div class="product-info">
		<p class="h5"><span itemprop="name">{$contentTitle}</span></p>
		{if $CHAPO}
		<div class="description" itemprop="description">
			<p class="m-0">{$CHAPO nofilter}</p>
		</div>
		{/if}
	</div>
	</label>


</article><!-- /content -->