<%
' (SS,04/09/14) modified to work with Bootstrap
' (SS,19/9/19) modified for Bootstrap 4

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,19/9/19) added following which also adds breadcrumb
  ' ShowPageTitle("Contact Us")
  ' (SS,5/10/20) replaced above with following, 2 new parameters added
  ShowPageTitle "contact", "Contact Us", ""  
%>
<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-12 col-md-6 mt-3">

<div class="card">
  
  <div class="card-header">Contact Details</div>
  
  <div class="card-body">
  
  <p>If you have any enquiries or comments about our products, please fill in the contact form <span class="d-none d-md-inline">on the right</span><span class="d-inline d-md-none">below</span>.</p>

  <p>
  <strong>Email</strong><br>
  <a href="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>
  </p>

  <p>
  <strong>Post</strong><br>
  <%=GetStoreAddressAsHTML%>
  </p>
  
  <p>
  <strong>Opening Times</strong><br> 
  Monday to Friday: 8:30am to 4:30pm<br>
  Saturdays: Closed<br>
  Sundays and Bank Holidays: Closed    
  </p>
  <%=GetTokenText("Opening Times Notice")%>  
  </div>
  
  </div>

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

<div class="col-12 col-md-6 mt-3">  

  <div class="card">
  
    <div class="card-header">Contact Form</div>
    <div class="card-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

Sub ShowContactThankYou
%>
  <div class="card">  
    <div class="card-header">Contact Form Submitted</b></div>
    <div class="card-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

%>