<%
' (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,07/07/22) added what3words below Google Maps

Sub ShowContactHeader
  ' no need to page heading/title just wasting space because we have panels in the two sections which are headings
  ShowPageTitle "Contact", "Contact Cast Iron Radiator Centre", ""
%>
<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")
' (SS,4/11/21) added added "our showroom is currently closed until further notice" message and alert
' (SS,27/6/22) replaced text "Showroom: Closed until further notice" with "Showroom: Visitors Welcome Strictly by Appointment Only"

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">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/Organization">
  <strong>Telephone</strong><br />
  <span itemprop="telephone"><a href="tel:<%=StripSpaces(GetStoreTelephone)%>"><%=GetStoreTelephone%></a></span><br />
  <span itemprop="telephone"><a href="tel:02476303999">024 7630 3999</a></span>  
  </p>

  <p>
  <strong>Post</strong><br />
  <%=GetStoreAddressAsHTML%>
  </p>
  
  <p>
  <strong>Map</strong><br />
  <a href="https://goo.gl/maps/mYjXs9eYHE85HHN19" target="_blank">Click Here</a>
  </p>
  
  <p>
  <strong>what3words</strong><br />
  <a href="https://w3w.co/this.energy.bench" target="_blank">this.energy.bench</a>
  </p>
  
  <p>
  <strong>Opening Times</strong><br /> 
  Monday to Friday: 9:00am to 4:30pm<br />
  <!--Saturdays: 9.00am to 4.00pm<br />-->
  <!--Open 1<sup>st</sup> &amp; 3<sup>rd</sup> Saturday of each month, but call to confirm<br />-->
  Saturdays, Sundays and Bank Holidays: Closed
  <br>Showroom: Visitors Welcome Strictly by Appointment Only
  </p>
  <%=GetTokenText("Opening Times Notice")%>  
  
    <div class="alert alert-info" style="margin-bottom: 10px">
      A display of our radiators is available to view by <strong>appointment only</strong>. 
      Please contact us to enquire about slots available.
    </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

%>