<%
' (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
' (SS,14/02/24) changed telephone from landline to mobile, added WhatsApp
' (SS,8/11/25) for PCI compliance, replaced http://schema.org with https://schema.org
' (SS,9/11/25) for PCI compliance and to prevent cross-site scripting, replaced
' Request("Enquiry") with CleanRequestForm("Enquiry"), also Request.Form("Name") and same for Country, Telephone, Email with CleanRequestForm
' Must have forgotten to do this when I implemented XSS safe forms
' (SS,10/11/25) for PCI compliance, added HTMLEncode to all CleanRequestForm (to Sub ShowContactForm)

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,3/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,21/7/17) for HF, removed address, postcode, added country, also added GetWebTextDef("ContactFormText"..
' (SS,8/11/25) for PCI compliance, replaced http://schema.org with https://schema.org
' (SS,9/11/25) for PCI compliance, to prevent injection, replaced all Request and RequestForm with CleanRequestForm
' (SS,10/11/25) for PCI compliance, added HTMLEncode to all CleanRequestForm
Sub ShowContactForm(AErrorMessage)
%>

<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">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="https://schema.org/Person">
  <strong>Phone / Text / WhatsApp</strong><br />
  <span itemprop="telephone"><a href="tel:<%=StripSpaces(GetStoreTelephone)%>"><%=GetStoreTelephone%></a></span><br />
  </p>
  
  <p>
  <strong>WhatsApp</strong><br />  
  <a href="https://wa.me/447821351341"> <img alt="Chat on WhatsApp" src="/images/WhatsAppButtonGreenSmall.svg"></a>  
  </p>  

  <p>
  <strong>Post</strong><br />
  <%=GetStoreAddressAsHTML%>
  </p>
  
  <p>
  <strong>Map</strong><br />
  <a href="https://goo.gl/maps/kqhu4rdPxir" target="_blank">Click Here</a>
  </p>
  
  <p>
  <strong>Opening Times</strong><br /> 
  Monday to Friday: 10.00am to 5.00pm (by appointment only)<br />
  Saturdays: Closed<br />
  Sundays and Bank Holidays: Closed
  </p>
  
  </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">
  <div>
  <%=GetWebTextDef("ContactFormText", "If you have any enquiries or comments about our products, please fill in the form below.")%>
  </div>
  
<%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="<%=HTMLEncode(CleanRequestForm("Name"))%>"> 
  </div>        
  
  <div class="form-group">
    <label for="Country">Country</label>
    <input type="text" class="form-control" name="Country" id="Country" placeholder="Enter country" value="<%=HTMLEncode(CleanRequestForm("Country"))%>"> 
  </div> 
  
  <div class="form-group">
    <label for="Telephone">Telephone</label>
    <input type="text" class="form-control" name="Telephone" id="Telephone" placeholder="Enter telephone" value="<%=HTMLEncode(CleanRequestForm("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="<%=HTMLEncode(CleanRequestForm("Email"))%>">
  </div>

  <div class="form-group">
    <label for="Enquiry">Enquiry</label>
    <textarea class="form-control" name="Enquiry" id="Enquiry" rows="4" placeholder="Enter enquiry"><%=HTMLEncode(CleanRequestForm("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

%>