{extends file="layout.tpl"}

{block name="init"}
{$content_id={content attr="id"}}
{/block}

{* Body Class *}
{block name="body-class"}page-content page-folder-innosoft{/block}

{* Page Title *}
{block name='no-return-functions' append}
    {if $content_id}
        {loop name="content.seo.title" type="content" id=$content_id limit="1"}
        {$page_title = $META_TITLE}
        {/loop}
    {/if}
{/block}

{* Meta *}
{block name="meta"}
    {if $content_id}
        {loop name="content.seo.meta" type="content" id=$content_id limit="1"}
            {include file="includes/meta-seo.html"}
        {/loop}
    {/if}
{/block}

{* Breadcrumb *}
{block name='no-return-functions' append}
    {if $content_id}
        {$breadcrumbs = []}
        {loop name="content_path" type="content-path" content=$content_id}
            {$breadcrumbs[] = ['title' => {$TITLE}, 'url'=> {$URL nofilter}]}
        {/loop}
    {/if}
{/block}

{block name="feeds"}
<link rel="alternate" type="application/rss+xml" title="{intl l='All contents in'} {content attr='title'}" href="{url path="/feed/content/%lang/%content_id" lang={lang attr="locale"} content_id={content attr="id"}}" />
{/block}

{* Content *}
{block name="main-content"}
	{if $content_id}
		{$autresug = ''}
		{loop type="moretextarea" content="{$content_id}" name="autres" id=12 }
		  {if $VALUE}{$autresug=$VALUE}{/if}
		{/loop}
		{$autresug = ''}
		{loop type="moretextarea" content="{$content_id}" name="autres" id=12 }
	  		{if $VALUE}{$autresug=$VALUE}{/if}
		{/loop}
		{hook name="content.top" content="$content_id"}

        {hook name="content.main-top" content="$content_id"}
		

		{loop name="content" type="content" id=$content_id limit="1"}
			{if $DESCRIPTION}
				{$DESCRIPTION nofilter}
			{/if}
		{/loop}


		{hook name="content.content-bottom" content="$content_id"}
{$formcontact = false}
	{loop type="moretextarea" content="{$content_id}" name="formcontact" id=15 }
		{if $VALUE}
{$formcontact = true}
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
		<article class="panel-body bg-c1 p-4">
                <fieldset id="contact-info" class="panel panel-default ">
		<form class="from" method="post" action="{url path="/contact/service/envoie"}" id="form-contact">
			<input type="hidden" name="recaptcha_response" id="recaptcha_response" value="" class="rec2">
			{loop type="content" id={content attr="id"} name="contenturl"}
			<input type="hidden" name="success_url" value="{url path=$URL send='ok' }#form-contact">
			{/loop}
			<input type="hidden" name="info2" value="{content attr="title"}">
			<div class="row">
			<div class="form-group group-name col-sm-6 mb-4">
				<label class="control-label" for="nom">{intl l="Nom ou raison social"} <span class="required">*</span></label>
				<div class="control-input">
					<input type="text" name="nom" id="nom" class="form-control" maxlength="255" value="{if isset($smarty.post.nom)}{$smarty.post.nom}{/if}" aria-required="true" required >
				</div>
			</div><!--/.form-group-->
			
			<div class="form-group group-name col-sm-6 mb-4">
				<label class="control-label" for="email">{intl l="E-mail"} <span class="required">*</span></label>
				<div class="control-input">
					<input type="text" name="email" id="email" class="form-control" maxlength="255" value="{if isset($smarty.post.email)}{$smarty.post.email}{/if}" aria-required="true" required >
				</div>
			</div><!--/.form-group-->
			<div class="form-group group-name col-sm-6 mb-4">
				<label class="control-label" for="phone">{intl l="Téléphone"} <span class="required">*</span></label>
				<div class="control-input">
					<input type="text" name="phone" id="phone" class="form-control" maxlength="255" value="{if isset($smarty.post.phone)}{$smarty.post.phone}{/if}" aria-required="true" required >
				</div>
			</div><!--/.form-group-->


			<div class="form-group group-name col-sm-6 mb-4">
				<label class="control-label" for="departement">{intl l="Département"} <span class="required">*</span></label>
				<div class="control-input">
					<input type="text" name="departement" id="departement" class="form-control" maxlength="255" value="{if isset($smarty.post.departement)}{$smarty.post.departement}{/if}" aria-required="true" required >
				</div>
			</div><!--/.form-group-->
			
		</div>
		<div class="form-group group-commentaire mb-4">
			<label class="control-label" for="commentaire">{intl l="Commentaire"}</label>
			<div class="control-input">
				<textarea name="commentaire" id="commentaire" class="form-control" rows="6" >{if isset($smarty.post.commentaire)}{$smarty.post.commentaire}{/if}</textarea>
			</div>
		</div><!--/.form-group-->
			
		<div class="group-action text-center">
			<button class="btn btn-gmp bg-gris">{intl l="Send"}</button>
		</div>
			
		</form>
			</fieldset>
	</article>
</div>
</div>
</div>

{if isset($smarty.get.send)}
        <article class="container">
        <div class="row" role="main">


            <section class="col-md-8 offset-md-4 text-c1 mb-5">
                    <h1 class="mt-5 h1big">{intl l="Thanks !"}</h1>


                    <div class="description col-md-5 chapo">
                        {intl l="Thanks for your message, we will contact as soon as possible."}
                    </div>

                  

            </section>


		</div>
			
		</article>

{/if}
		{/if}
	{/loop}
	<div class="container">
		<div class="row mt-5">
			{loop type="menu_item" name="lienbaspage" menu="26"}
			{if $ID != 6 || ($ID == 6 && !$formcontact)}
			<a class="btn btn-gmp mb-3 col-8 m-auto fs-4" href="{$URL}" title="{$OBJET_TITLE}" data-id="{$ID}">{$TITLE}</a>
			{/if}
			{/loop}
		</div>
	</div>
		
		{if $autresug}
			{include file="includes/autres-techno.html"}
	  	{/if}

		{hook name="content.main-bottom" content="$content_id"}

		{hook name="content.bottom" content="$content_id"}

	{/if}
{/block}

{block name="stylesheet"}
{hook name="content.stylesheet"}
    {stylesheets file='assets/slick/slick.css'}<link rel="stylesheet" type="text/css" href="{$asset_url}?v={$smarty.now|date_format:'%y%m%d'}3">{/stylesheets}
    {stylesheets file='assets/slick/slick-theme.css'}<link rel="stylesheet" type="text/css" href="{$asset_url}?v={$smarty.now|date_format:'%y%m%d'}3">{/stylesheets}
	

		{loop type="moretextarea" content="{$content_id}" name="css" id=13 }
		  {$VALUE nofilter}
		{/loop}
   
{/block}

{block name="after-javascript-include"}
{hook name="content.after-javascript-include"}
	<script type="text/javascript" src="{javascript file='assets/slick/slick.min.js'}"></script>
{/block}

{block name="javascript-initialization"}
{hook name="content.javascript-initialization"}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>

		{loop type="moretextarea" content="{$content_id}" name="js" id=14 }
		  {$VALUE nofilter}
		{/loop}
    <script>

      new WOW().init();

    </script>

	{if $autresug}
		{include file="includes/autres-techno-js.html"}
	  {/if}

<script src="https://www.google.com/recaptcha/api.js?render=6LfilqgeAAAAAKD8sbBzpek72JCBefDIwG-iLuRa" defer></script>
<script defer>

	console.log('recaptcha_response');
		
			$("#form-contact").submit(function(){
				var verif = document.getElementById("recaptcha_response").value;
				if(!verif){
				grecaptcha.ready(function() {
					grecaptcha.execute('6LfilqgeAAAAAKD8sbBzpek72JCBefDIwG-iLuRa', { action: 'contact'}).then(function(token) {
						var recaptchaResponse = document.getElementById('recaptcha_response');
						recaptchaResponse.value = token;
						$("#form-contact").submit();
					});
				});
				return false;
				}
			});
</script>

{/block}