From 6cdd349cc527cff6f7cef9bed6918fda5a375098 Mon Sep 17 00:00:00 2001
From: Zarino Zappia <mail@zarino.co.uk>
Date: Thu, 16 Feb 2017 16:46:41 +0000
Subject: [fixmystreet.com] Clarify council contact form.

* Tweak wording to make it clearer that the form is unsuitable
  for residents wanting to report street problems.
* Record HTTP Referer when form is submitted, so we can see
  which pages are leading people to the FMS4C page.
* Tidy up capitalisation elsewhere in headings on the page.

Fixes #1553.
---
 templates/web/fixmystreet.com/about/council.html | 41 ++++++++++++------------
 web/cobrands/fixmystreet.com/fmsforcouncils.scss |  7 +++-
 2 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/templates/web/fixmystreet.com/about/council.html b/templates/web/fixmystreet.com/about/council.html
index 5419f6c11..5abbbb2ef 100644
--- a/templates/web/fixmystreet.com/about/council.html
+++ b/templates/web/fixmystreet.com/about/council.html
@@ -27,7 +27,7 @@
       <div class="councils-features__grid">
         <div class="councils-features__feature">
           <div class="councils-features__thumb councils-features__thumb--excellence"></div>
-          <h3>Digital Excellence</h3>
+          <h3>Digital excellence</h3>
           <p>FixMyStreet was co-designed with council insiders. We made it into the most user-centred, accessible approach to non-emergency issue reporting available today. And now it’s the leader in its class.</p>
         </div>
         <div class="councils-features__feature">
@@ -114,7 +114,7 @@
       <h2>Works with</h2>
       <div class="councils-compatibility__grid">
         <div class="councils-compatibility__item">
-          <h3>Customer Management</h3>
+          <h3>Customer management</h3>
           <ul>
             <li><a href="http://www.kana.com/lagan-crm/customer-experience-management">Lagan</a></li>
             <li><a href="https://www.microsoft.com/en-gb/dynamics/default.aspx">Microsoft Dynamics</a></li>
@@ -149,12 +149,12 @@
 
           <div class="pricing-table">
             <div class="pricing-table__item">
-              <h3>Simple fault reporting</h3>
+              <h3>Basic FixMyStreet integration</h3>
               <p class="pricing-table__item__price"><strong>&pound;7,500 per year</strong></p>
               <p>The award-winning FixMyStreet experience seamlessly integrated with your site. A responsive web application for reporting, viewing and discussing problems - branded to match your site’s styles and templates. Use FixMyStreet for Councils to keep your residents up to date and route problems by email to the correct individual or team. The internal dashboard eanbles you to manage performance.</p>
             </div>
             <div class="pricing-table__item">
-              <h3>Case&hyphen;management Integration</h3>
+              <h3>Case&hyphen;management integration</h3>
               <p class="pricing-table__item__price"><strong>&pound;15,000 per year</strong></p>
               <p>Our award-winning reporting solution &ndash; your existing processes and systems. We’ll integrate FixMyStreet into your customer, case or asset management system ensuring that there’s minimal impact on your organisation. Accept reports, automatically publish updates and reports from other channels via your existing tools, directly onto FixMyStreet.</p>
               <p>Supported services include: Confirm, Mayrise, MS Dynamics and Exor. If you use an alternative service or your own internal system we’ll scope and implement additional support via our Specialist Cloud Service.</p>
@@ -180,14 +180,14 @@
             <h3>Bring your own, or we can provide</h3>
             <div class="pricing-accordion accordion">
               <div class="accordion-item">
-                <a href="#" class="accordion-switch accordion-switch--closed"><h4>Custom Map Tiles</h4></a>
+                <a href="#" class="accordion-switch accordion-switch--closed"><h4>Custom map tiles</h4></a>
                 <div class="accordion-content">
                   <p class="extra-pricing__price">&pound;1,500 per year</p>
                   <p class="extra-pricing__desc">FixMyStreet comes with OpenStreetMap/Bing geographical base maps as standard. But for a completely unique look, or to key in with your existing mapping visuals, we can support the industry standard WMS maps of your choice.</p>
                 </div>
               </div>
               <div class="accordion-item">
-                <a href="#" class="accordion-switch accordion-switch--closed"><h4>Custom Geocoding</h4></a>
+                <a href="#" class="accordion-switch accordion-switch--closed"><h4>Custom geocoding</h4></a>
                 <div class="accordion-content">
                   <p class="extra-pricing__price">&pound;1,500 per year</p>
                   <p class="extra-pricing__desc">Transforming an address into a point on a map: it’s called geocoding, and we utilise Bing, OpenStreetMap and Google’s services as standard. But if you have your own geocoding system, we can integrate that to ensure a precise location for a given postcode, address or place name.</p>
@@ -223,9 +223,22 @@
 
 <div class="council-order" id="order">
   <div class="councils-content-wrapper">
-    <h2>Order</h2>
+    <h2>Request a free demo</h2>
     <form action="/contact/submit" method="post">
     <div class="council-order__form">
+      <div class="form-group">
+        <label for="product">We are interested in&hellip;</label>
+        <span class="required">required</span>
+        <div class="radio-as-buttons">
+          <label><input name="extra.product" id="product" type="radio" value="simple-fault-reporting" required>Basic FixMyStreet integration <span class="council-order__form__product__price">&pound;7,500 per year</span></label>
+          <label><input name="extra.product" id="product" type="radio" value="case-management-integration">Case-management integration <span class="council-order__form__product__price">&pound;15,000 per year</span></label>
+          <label><input name="extra.product" id="product" type="radio" value="top-to-bottom-case-management">Top-to-bottom case-management <span class="council-order__form__product__price">&pound;35,000 per year</span></label>
+        </div>
+      </div>
+      <div class="form-group">
+        <label for="message">A little more about your requirements</label>
+        <textarea name="message" id="message" required> </textarea>
+      </div>
       <div class="form-group">
         <label for="name">Name</label>
         <span class="required">required</span>
@@ -245,20 +258,8 @@
         <label for="phone">Contact telephone</label>
         <input type="tel" name="extra.phone" id="phone">
       </div>
-      <div class="form-group">
-        <label for="product">Product</label>
-        <span class="required">required</span>
-        <div class="radio-as-buttons">
-          <label><input name="extra.product" id="product" type="radio" value="simple-fault-reporting" required>Simple fault reporting</label>
-          <label><input name="extra.product" id="product" type="radio" value="case-management-integration">Case-management integration</label>
-          <label><input name="extra.product" id="product" type="radio" value="top-to-bottom-case-management">Top-to-bottom case-management</label>
-        </div>
-      </div>
-      <div class="form-group">
-        <label for="message">Message</label>
-        <textarea name="message" id="message" required> </textarea>
-      </div>
       <div class="form-group submit-group">
+        <input type="hidden" name="extra.referer" value="[% c.req.headers.referer | html %]">
         <input type="hidden" name="subject" value="Councils submission">
         <input type="hidden" name="recipient" value="enquiries">
         <input type="hidden" name="dest" value="from_council">
diff --git a/web/cobrands/fixmystreet.com/fmsforcouncils.scss b/web/cobrands/fixmystreet.com/fmsforcouncils.scss
index 49b294eac..d2d2182f8 100644
--- a/web/cobrands/fixmystreet.com/fmsforcouncils.scss
+++ b/web/cobrands/fixmystreet.com/fmsforcouncils.scss
@@ -559,7 +559,7 @@ $fms-green: #62b356;
       font-weight: normal;
     }
     textarea {
-      height: 15em;
+      height: 10em;
     }
     textarea,
     input[type="text"],
@@ -591,6 +591,11 @@ $fms-green: #62b356;
     }
   }
 
+  .council-order__form__product__price {
+      margin-left: 0.5em;
+      color: #999;
+  }
+
   .form-group {
     position: relative;
     @media (min-width: 44em) {
-- 
cgit v1.2.3