{embed="_layouts/index"}

{exp:stash:set name="meta"}
   	{exp:seo_lite use_last_segment="yes"}
{/exp:stash:set}

{exp:stash:set name="css"}
   	<link href="/assets/js/validation/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
{/exp:stash:set}

{exp:stash:set name="js"}
   	<script src="/assets/js/validation/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    <script src="/assets/js/validation/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">   
    jQuery(document).ready(function(){
         $('#submit_con').click(function() {
            jQuery("form").validationEngine();
               $(".formError").css( "visibility", "visible" );
            });
            $(document).on("click","#mc_wrap a.pp_close",function(){
                $.prettyPhoto.close(); 
                return false;
            });                
    });
    function clicked(item) 
    {
        var cls = $(item).parent("div").css( "visibility", "hidden" );
    }  
    </script>
{/exp:stash:set}

{exp:stash:set name="content"}

        <section id="content">
        	<div class="inner-container">
            	<span class="logo-icon"></span>
                <span class="left-line"></span>
                <span class="right-line"></span>
                
                <div class="row">
                    {exp:channel:entries channel="contact" limit="1" dynamic="no" track_views="one" disable="categories|category_fields|member_data|pagination"}
                	<div class="col-md-8 col-sm-8">
                        <section id="left-side">
                    	
                        {embed='home/breadcumb'}
                        
                        <h1>{title}</h1>
                    	{contact_body}
                        
                        {exp:freeform:form form_name="contact" return="contact/thank-you"}
                        <div class="form">
                   
                   		<div class="cf">
                        	<div class="label-input">
                            	<label>First Name</label>
                                <input name="first_name" type="text" class="input validate[required]" />
                            </div>
                            <div class="label-input">
                            	<label>Last Name</label>
                                <input name="last_name" type="text" class="input validate[required]" />
                            </div>
                        </div>
                        
                        <div class="cf">
                        	<div class="label-input">
                            	<label>Company Name</label>
                                <input name="company_name" type="text" class="input" />
                            </div>
                            <div class="label-input">
                            	<label>Phone</label>
                                <input name="phone" type="text" class="input validate[custom[phone]]" />
                            </div>
                        </div>
                        
                        <div class="cf">
                        	<div class="label-input">
                            	<label>Website</label>
                                <input name="website" type="text" class="input validate[custom[url]]" />
                            </div>
                            <div class="label-input">
                            	<label>Email Address</label>
                                <input name="email" type="text" class="input validate[required,custom[email]]" />
                            </div>
                        </div>
                        
                        <label>Comments</label>
                        <textarea name="user_message" class="comments" class="validate[required]"></textarea>
                        
                        {if freeform:captcha}
                        <div class="captcha">
                        <div class="cf">
                            <div class="label-input">
                                {freeform:captcha}
                            </div>
                            <div class="label-input">
                                <input type="text" name="captcha" class="input validate[required]" />
                            </div>
                       	</div>
                        </div>
                        {/if}
                      
                        <input name="" type="submit" class="submit" id="submit_con" value="submit" />
                   </div>
                   {/exp:freeform:form}     
                    </section>
                	</div>

                	<div class="col-md-4 col-sm-4">
    	            	<section id="right-side">
                    	
                        <h2>CONTACT INFO</h2>
                        
                        {if contact_info}
                        <div class="address">
                        	{contact_info}
                        </div>
                        {/if}
                        
                        {if contact_phone OR contact_fax}
                        <div class="phone-fax cf">
                        	<p>Phone:<strong>{contact_phone}</strong></p>
                            <p>FAX:<strong>{contact_fax}</strong></p>
                        </div>
                        {/if}
                        {if contact_email}
                        <div class="email">
                        	<p>EMAIL:<a href="mailto:{contact_email}">{contact_email}</a></p>
                        </div>
                        {/if}
                    </section>
	                </div>
                    {/exp:channel:entries}
                </div>
                
                <div class="row cf">
            
            	<div class="col-md-12 col-sm-12 col-xs-12">
                	<div class="map">
                       <!-- <iframe width="100%" height="270" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in/maps?q=Parliament+Building,+Georgetown,+Guyana&amp;ie=UTF8&amp;hq=&amp;hnear=Guyana&amp;t=m&amp;ll=4.82826,-58.886719&amp;spn=15.281111,18.720703&amp;z=6&amp;output=embed"></iframe>-->
  <iframe width="100%" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3961.6805944501184!2d-58.1688443346698!3d6.808651921670212!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8dafef9f7d05b7cb%3A0xbeb00fd16a9aa568!2sParliament+Building%2C+Hadfield+St%2C+Georgetown!5e0!3m2!1sen!2sgy!4v1481905705566" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>                  
</div>
                </div>
            </div>
                
            </div>
        </section>
{/exp:stash:set}