{extends file="layout.tpl"}

{block name="init"}
{$folder_id={config key="contact_folder_id"}}
{/block}

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

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

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

{* Breadcrumb *}
{block name='no-return-functions' append}
    {$breadcrumbs = [['title' => {intl l="Contact Us"}, 'url'=>{url path="/contact"}]]}
{/block}


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




{block name="main-content"}
    {hook name="folder.top" folder="$folder_id"}


		{hook name="folder.main-top" folder="$folder_id"}
		{hook name="folder.content-top" folder="$folder_id"}
        {block name="contact-form"}
            {form name="thelia.front.contact"}
<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">
    <div class="bg-c5">

        <article class="container">
			<div class="row" role="main">

				{if $folder_id}
				<section class="col-md-10 offset-md-1 text-c1">
					{loop name="folder.description" type="folder" id={$folder_id} limit="1" }
						<h1 class="mt-6 h1big">{$TITLE}</h1>

						{if $CHAPO}
						<div class="description  chapo">
							{$CHAPO|nl2br nofilter}
						</div>
						{/if}

					{/loop}
				</section>

				{/if}
			</div>

				
			<div class="row text-center" >
				{loop type="folder" name="folder_list" parent=8 order="manual"}
					{loop type="content" name="content_list_2" folder=$ID  order="manual"}
						{include file="includes/single-content-contact.html" content_id=$ID hasBtn=true hasDescription=true hasQuickView=true width="560" height="560"}
					{/loop}
				{/loop}
			</div>
			{form_hidden_fields}

			{hook name="contact.form-top"}
		</article>
	</div>
				{loop name="content.description" type="content" folder={$folder_id} limit="1" }
	<div class="bg-c10 lastblock" id="remplir">
		<article class="container">
                <fieldset id="contact-info" class="panel panel-default col-md-10 m-auto">
                    <div class="panel-heading bg-c2u p-4">
						<div class="row">
						<div class="col-md-10 col-11">
                        <h2 class="m-0 p-0 h4">{$TITLE}</h2>
						{$CHAPO}
						</div>
						<div class="col-md-2 col-1 text-center">
							<img src="{image file="assets/img/logoBCb.png"}" alt="GMP Beauty Concept" width="100" class="img-fluid">
						</div>
						</div>
                    </div>
                    <div class="panel-body bg-c1-30 p-4">
                        <div class="row">
                        

		<input type="hidden" name="success_url" value="{url path='contact-success' }">

	
	
	<div class="row">
		<div class="form-group group-name col-sm-6 mb-4">
			<label class="control-label" for="nom">{intl l="Nom"} <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="prenom">{intl l="Prénom"} <span class="required">*</span></label>
			<div class="control-input">
				<input type="text" name="prenom" id="prenom" class="form-control" maxlength="255" value="{if isset($smarty.post.prenom)}{$smarty.post.prenom}{/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 class="form-group group-name col-sm-6 mb-4">
			<label class="control-label" for="raison">{intl l="Raison social"} </label>
			<div class="control-input">
				<input type="text" name="raison" id="raison" class="form-control" maxlength="255" value="{if isset($smarty.post.raison)}{$smarty.post.raison}{/if}" >
			</div>
		</div><!--/.form-group-->
	</div>
	
	</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="row mb-4">
	{$tabInfo = ["J’ai déjà une activité", "Je suis un particulier", "Je souhaite un accompagnement complet", "Je souhaite créer une activité"]}
		{foreach from=$tabInfo key=$index item=$value}
		<div class="col-sm-6">
			<div class="form-check">
				<input type="checkbox" name="info1[]" id="info1{$index}" class="form-check-input" maxlength="255" value="{$value}" {if isset($smarty.post.info1) && $smarty.post.info1 == {$value}}checked{/if} >
				<label class="form-check-label" for="info1{$index}">{$value}</label>
			</div>
		</div>
		
		{/foreach}
		</div>	
		<div class="row align-items-end mb-4">
							<div class="col-md-6">
								{*
	<div class="form-check">
		<input type="checkbox" name="conditions" id="conditions" class="form-check-input" maxlength="255" value="1" {if isset($smarty.post.conditions) && $smarty.post.conditions == 1}checked{/if} aria-required="true" required > <label class="form-check-label" for="conditions">
						{$DESCRIPTION nofilter}</label>
	</div>

	<div class="form-check">
		<input type="checkbox" name="newsletter" id="newsletter" class="form-check-input" maxlength="255" value="1" {if isset($smarty.post.newsletter) && $smarty.post.newsletter == 1}checked{/if}> <label class="form-check-label" for="newsletter">{intl l="S'inscrire à la newsletter"}</label>
	</div>
								*}
									</div>
								<div class="col-md-6">
									    
	<div class="group-action text-center">
		<button class="btn btn-gmp">{intl l="Send"}</button>
	</div>
	</div>
	</div>


                 
						
          
						
							<small>{$POSTSCRIPTUM}</small>

						   </div>
					       {hook name="contact.form-bottom"}

                </fieldset>
					</article>
				</div>

         
				{/loop}
            </form>
            {/form}
        {/block}

        {hook name="contact.bottom"}

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

    {hook name="folder.bottom" folder="$folder_id"}
{/block}

{block name="stylesheet"}
{hook name="contact.stylesheet"}
{hook name="folder.stylesheet"}
{/block}

{block name="after-javascript-include"}
{hook name="contact.after-javascript-include"}
{hook name="folder.after-javascript-include"}
{if isset($smarty.get.appareil)}
<script>
	$('document').ready(function(){
		
		 $([document.documentElement, document.body]).animate({
        scrollTop: ($("#remplir").offset().top - 100)
    }, 1000);
		
	});
	

	
</script>
{/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}

{block name="javascript-initialization"}
{hook name="contact.javascript-initialization"}
{hook name="folder.javascript-initialization"}
{/block}