<%
' (SS,30/04/14) added onClick="_gaq.push... to mailto, as requested by Miromedia
' also  <script>_gaq.push.. to ShowContactThankYou
' (SS,04/09/14) modified to work with Bootstrap

Sub ShowContactHeader
  ' no need to page heading/title just wasting space because we have panels in the two sections which are headings
  ' ShowPageTitle "Contact"
  ' (SS,5/10/20) added following
  ShowPageTitle "Contact", "Contact " & GetStoreName, ""  
%>
<div id="other-pages2">
<%
End Sub

' (SS,20/6/11) tidied, including replaced table attributes with class="contact-form", removed the outside table
' (SS,10/5/13) replaced Request.Form("Enquiry") with Request("Enquiry") to allow link to set default text for enquiry using query string
' (SS,4/9/14) replaced table with divs and made changes to use in Bootstrap
' (SS,14/10/16) added CustomShowHolidayNotice
' (SS,19/6/18) added GetTokenText("Opening Times Notice")
Sub ShowContactForm(AErrorMessage)
%>

<%CustomShowHolidayNotice "C", 0%>

<div class="row">

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">  

<div class="panel panel-default">
  
  <div class="panel-heading">Opening Times</div>
  
  <div class="panel-body">  
  <%=GetTokenText("Opening Times")%>
  <%=GetTokenText("Opening Times Notice")%>
  </div>
  
</div>

<div class="panel panel-default">
  
  <div class="panel-heading">Contact Details</div>
  
  <div class="panel-body">
  
  <p>If you have any enquiries or comments about our products, please fill in the contact form on the right.</p>

  <p>
  <strong>Email</strong><br />
  <a href="mailto:<%=GetStoreEmail%>" onClick="_gaq.push(['_trackEvent', 'Links', 'Contact Us', 'mailto <%=GetStoreEmail%>']);"><%=GetStoreEmail%></a><br />
  </p>
  
  <p itemscope itemtype="http://schema.org/Person">
  <strong>Telephone</strong><br />
  <span itemprop="telephone"><a href="tel:<%=StripSpaces(GetStoreTelephone)%>"><%=GetStoreTelephone%></a></span><br />
  <span itemprop="telephone"><a href="tel:02475260866">024 7526 0866</a></span>  
  </p>

  <p>
  <strong>Post</strong><br />
  <%=GetStoreAddressAsHTML%>
  </p>
  
  <p>
  <strong>Map</strong><br />
  <!--
  <a href="https://goo.gl/maps/mcLYrmHCUbP2" target="_blank">Click Here</a>
  </p>  
  <div class="embed-responsive embed-responsive-4by3" style="margin-bottom:10px">
   <iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2436.248911156481!2d-1.4192717841982752!3d52.36590647978539!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x23302256aa530eda!2sCoventry+Demolition+Company!5e0!3m2!1sen!2suk!4v1554759015673!5m2!1sen!2suk" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
  </div>
  -->
  
  <a href="https://goo.gl/maps/eJCmozaepPTLEhKS7" target="_blank">Click Here</a>
  </p>  
  <div class="embed-responsive embed-responsive-4by3" style="margin-bottom:10px">
    <iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d4872.533080466697!2d-1.422170323728798!3d52.36558680000001!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNTLCsDIxJzU2LjMiTiAxwrAyNCc1OS45Ilc!5e0!3m2!1sen!2suk!4v1608033411947!5m2!1sen!2suk" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
  </div>  
  
  </div>
  
</div>

</div> <!--cols-->

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">  

  <div class="panel panel-default">
  
    <div class="panel-heading">Contact Form</div>
    <div class="panel-body">

<form action="products.asp?page=contact" method="post" name="Contact Form" role="form">
  
<%If AErrorMessage <> "" Then
  ShowAlertMesssage "danger", AErrorMessage
End If%>
  
  <div class="form-group">
    <label for="Name">Name</label>
    <input type="text" class="form-control" name="Name" id="Name" placeholder="Enter name" value="<%=Request.Form("Name")%>"> 
  </div>        
  
  <div class="form-group">
    <label for="Address">Address</label>
    <textarea class="form-control" name="Address" id="Address" rows="4" placeholder="Enter address" ><%=Request.Form("Address")%></textarea>
  </div>
  
  <div class="form-group">
    <label for="Postcode">Postcode</label>
    <input type="text" class="form-control" name="Postcode" id="Postcode" placeholder="Enter postcode" value="<%=Request.Form("Postcode")%>"> 
  </div>    
  
  <div class="form-group">
    <label for="Telephone">Telephone</label>
    <input type="text" class="form-control" name="Telephone" id="Telephone" placeholder="Enter telephone" value="<%=Request.Form("Telephone")%>"> 
  </div>      
  
  <div class="form-group">
    <label for="Email">Email Address</label>
    <input type="email" class="form-control" name="Email" id="Email" placeholder="Enter email address" value="<%=Request.Form("Email")%>">
  </div>

  <div class="form-group">
    <label for="Enquiry">Enquiry</label>
    <textarea class="form-control" name="Enquiry" id="Enquiry" rows="4" placeholder="Enter enquiry"><%=Request("Enquiry")%></textarea>
  </div>

  <%If EmailSecurityCodeEnabled Then
    ' SetSecurityTDAttributes "", "align=right valign=center", "valign=top"
    ' AddSecurityToExistingForm
    ' (SS,4/9/14) replace above with following special bootstrap version
    Response.Write "<div class=""form-group"">"
    AddSecurityControl "bootstrap", ""
    Response.Write "</div>"
  End If%>

  <div class="form-group">
    <button type="submit" class="btn btn-success">Submit</button>
  </div>
  
  <input type="hidden" name="postform" value="yes">

</form>

  </div>

  </div> <!--panel-->

</div> <!--cols-->

</div> <!--row-->
<%
End Sub

' (SS,20/6/11) replaced <br> with <p>
' (SS,30/4/14) added <script>_gaq.push.. as requested by Miromedia
Sub ShowContactThankYou
%>
<script>_gaq.push(['_trackEvent', 'Form Submitted', 'Contact Us', 'Success']);</script>
  <div class="panel panel-default">  
    <div class="panel-heading">Contact Form Submitted</b></div>
    <div class="panel-body">
      <p>Thank you for your enquiry.</p>
      <p>We will get back to your shortly.</p>
    </div>
  </div>
<%
End Sub

Sub ShowContactFooter
%>
</div> <!-- end #other-pages2 -->
<%
End Sub

%>