<?php
/**
* Template Name: contact
* Description: Used as a page template to show page contents, followed by a loop through a CPT archive
*/
get_header();
$msg=$_REQUEST['msg'];
?>
<?php while ( have_posts() ) : the_post(); ?>

<section>
<div class="section_box1_frame">
    <div class="container">
		<div class="title_nous_sommes wow fadeInDown" data-wow-duration='1s'><?php echo contact_us ;?></div><!--title_expert-->
        
        <div class="box_produits_frame">
        <div class="entete_contact"> <img src="<?php bloginfo('template_url'); ?>/images/trait_contact.jpg"> </div>
        	<div class="contenu_contact">
            <div class="col-md-4 col-sm-4 col-xs-12 info_tel_page">
            <div class="icone_contact"> <img src="<?php bloginfo('template_url'); ?>/images/email.png"> </div>
              <div class="icone_adresse_page">e-mail</div>
              <div class="desc_adresse_page"><a href="mailto:<?php echo get_field('email'); ?>"><?php echo get_field('email'); ?></a></div>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12 info_tel_page">
            <div class="icone_contact"> <img src="<?php bloginfo('template_url'); ?>/images/tel.png"> </div>
              <div class="icone_adresse_page"><?php echo Tel ; ?></div>
              <div class="desc_adresse_page"><?php echo get_field('telephone'); ?></div>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12 info_tel_page">
            <div class="icone_contact"> <img src="<?php bloginfo('template_url'); ?>/images/adresse.png"> </div>
              <div class="icone_adresse_page"><?php echo Adresse ; ?></div>
              <div class="desc_adresse_page"><?php the_content(); ?></div>
            </div>
            <div class="clear"></div>
            <!--clear-->
        </div><!--contenu_contact-->
        
        <div class="row formulaire_cont wow fadeInDown">
          <!--form-->
            <?php if (($msg != "2") && ($msg != "1")){ $msg = "2"; }?>
			<?php if ($msg == "2") {?>
            <form name="form1" method="post" action="<?php bloginfo('template_url'); ?>/mail.php" class="formCNTCT" id="signupForm">
              <input type="hidden" name="f_redirect" value="<?php echo get_permalink(8); ?>?msg=1#affichage">
          <!--nom-->
          <div class="col-md-6 col-sm-6 col-xs-12">
            <input type="text" id="Nom" required name="Nom"  class="champ-input" placeholder="<?php echo Nom; ?> *" >
          </div>
          <!--col-->
          <!--prenom-->
          <div class="col-md-6 col-sm-6 col-xs-12">
            <input type="text" id="Prenom" required name="Prenom"  class="champ-input" placeholder="<?php echo Prenom; ?>*" >
          </div>
          <!--col-->
          <div class="clear"></div>
          <!--clear-->
          <!--adresse-->
          <div class="col-md-6 col-sm-6 col-xs-12">
            <input type="text" id="Adresse" required name="Adresse"  class="champ-input" placeholder="<?php echo Adresse; ?> *" >
          </div>
          <!--col-->
          <!--Tel-->
          <div class="col-md-6 col-sm-6 col-xs-12">
            <input type="text" id="Tel" required name="Tel"  class="champ-input" placeholder="<?php echo Tel; ?>*" >
          </div>
          <!--col-->
          <div class="clear"></div>
          <!--clear-->
          <!--Fax-->
          <div class="col-md-6 col-sm-6 col-xs-12">
            <input type="text" id="fax" name="fax"  class="champ-input" placeholder="<?php echo Fax;?>" >
          </div>
          <!--col-->
          <!--E-mail-->
          <div class="col-md-6 col-sm-6 col-xs-12">
            <input type="email" id="mail" required name="mail"  class="champ-input" placeholder="<?php echo email;?>*" >
          </div>
          <!--col-->
          <div class="clear"></div>
          <!--clear-->
          <!--message-->
          <div class="col-xs-12">
            <textarea id="Commentaires" name="Commentaires" class="textarea-message" required placeholder="<?php echo Message2;?>*"></textarea>
          </div>
          <!--col-->
          <div class="clear"></div>
          <!--clear-->
          <div class="saissiez"> <?php echo Saisissez; ?>*: </div>
          <div class="col-md-3 col-sm-3 col-xs-6">
            <input required id="userCode" class="champ-input" name="userCode" type="text">
          </div>
          <!--col-->
          <!--E-mail-->
          <div class="col-md-2 col-sm-2 col-xs-6 img_captcha"> <img src="<?php bloginfo('template_url'); ?>/captcha.php" alt="Captcha" id="captcha"  />  </div>
          <!--col-->
          <div class="clear"></div>
          <!--clear-->
          <!--btn envoyer-->
          <div class="col-xs-12">
            <div class="boutton-envoyer">
              <input type="submit" name=" envoyer " value="<?php echo Envoyer; ?>" class="input-envoyer">
            </div>
          </div>
          <!--col-->
        <?php } ?>
		  <?php if ($msg == "1") {?>
          
            <?php if(qtranxf_getLanguage()=='fr') {?>
           <p>Votre message est envoyé avec succés .</p>
           <?php }else if(qtranxf_getLanguage()=='en'){ ?>
            <p>Your message is sent successfully.</p>
        <?php } }?>
              </form>
            </div><!--formulaire_cont-->
            
            
          
        </div><!--box_derniers_nv-->
        
        
    </div><!--container-->
     
</div><!--bloc_nous_sommes-->
<div class="map_frame" id="canvas1">
   		 <iframe id="map_canvas1" frameborder="0" width="100%" height="100%" marginheight="0" marginwidth="0" scrolling="no" src="<?php echo get_field('google_map'); ?>"></iframe>        
      </div><!--map_frame-->
</section>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
<?php get_footer(); ?>