<?xml version="1.0"?>
    <ContentConfig xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
        <Widgets>
            <WidgetObject>
                <Name>
                    Custom Control
                </Name>
                <Controls>
                    <ControlAndLocation>
                        <Control>
                            CustomControl
                        </Control>
                    </ControlAndLocation>
                </Controls>
                <Config>
                    <?xml version="1.0"?>
<ConfigObject xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <ControlName>PopulateCustomerInformation</ControlName>
</ConfigObject>
                </Config>
                <RenderOnFullSite>
                    true
                </RenderOnFullSite>
                <RenderOnMobileSite>
                    true
                </RenderOnMobileSite>
            </WidgetObject>
            <WidgetObject>
                <Name>
                    HTML
                </Name>
                <Controls>
                    <ControlAndLocation>
                        <Control>
                            html
                        </Control>
                    </ControlAndLocation>
                </Controls>
                <Config>
                    <?xml version="1.0"?>
<ConfigObject xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <HTML><style type="text/css" rel="stylesheet" media="all">#page-Quote {
  color: #ffffff;
  min-height: 400px;
  background: #e8e8e8;
}
#page-Quote #quote-collage {
  float: right;
}
#page-Quote #quote-easy {
  clear: both;
}
#page-Quote #quote-easy img {
  display: block;
}
#voucher {
  margin-top: 1em;
}
#mobile-wrapper #page-Quote {
  max-width: 600px;
  width: 100%;
  margin: 0 auto 1em auto;
}
#mobile-wrapper #quote-collage {
  float: none;
  margin: 0 auto;
}
#mobile-wrapper #voucher {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  margin-top: 1em;
}
#row1 {
  position: relative;
}
#FormFields {
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  color: #333;
  top: 0;
  left: 0;
  margin-top: 170px;
  width: 400px;
  left: 50%;
  transform: translate(-50%,0%);
}
#FormFields h1 {
  color: #333;
}
#FormFields legend {
  font-size: 13px;
  margin-bottom: 1em;
}
#FormFields .control-group {
  line-height: 28px;
  margin-bottom: 4px;
  clear: both;
}
#FormFields .control-group label {
  float: left;
  width: 38%;
  text-align: right;
}
#FormFields .control-group .controls {
  margin-left: 40%;
}
#FormFields .control-group input[type="text"],
#FormFields .control-group textarea,
#FormFields .control-group select {
  width: 100%;
  border-radius: 4px;
  border: none;
  padding: 5px;
  border: 1px solid #888;
  box-sizing: border-box;
}
#FormFields .control-group textarea {
  height: 100px;
}
#FormFields > table {
  padding: 0 !important;
}
#mobile-wrapper #FormFields {
  max-width: 580px;
  width: 100%;
  position: static;
  margin: 0 auto;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 5px;
  overflow: auto;
  margin-top: 0 !important;
}
#mobile-wrapper #FormFields .control-group input[type="text"],
#mobile-wrapper #FormFields .control-group textarea {
  border: 1px solid #ccc;
}
#col1 {
  display: none;
}
#col2 {
  float: none;
  width: auto;
  overflow: auto;
}
#quote-collage {
  margin-bottom: 200px;
}
#FormFields {
  margin-top: 190px !important;
}
#FormFields legend {
  margin-top: 2em;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 5px;
  display: block !important;
}
#FormFields legend:first-child {
  margin-top: 0;
  border-top: none;
}
#page-Quote {
  overflow: auto;
}


  </style></HTML>
  <hide>false</hide>
</ConfigObject>
                </Config>
                <RenderOnFullSite>
                    true
                </RenderOnFullSite>
                <RenderOnMobileSite>
                    true
                </RenderOnMobileSite>
            </WidgetObject>
            <WidgetObject>
                <Name>
                    HTML
                </Name>
                <Controls>
                    <ControlAndLocation>
                        <Control>
                            html
                        </Control>
                    </ControlAndLocation>
                </Controls>
                <Config>
                    <?xml version="1.0"?>
<ConfigObject xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <HTML>
<div id="row1">
  <div id="page-Quote" style="min-height: 800px;">
    <div id="quote-masthead"><img src="http://s3.golfballs.com/images/creative/customLogo/2015-09_FreeGiftIdea/masthead.jpg"/></div>
    
  </div>
  <div id="FormFields">
    <script>
      function ajaxPostForm(response)
      {
      	if(response.replace(/\s?/g,"").replace("<!--Foo-->","") != "") document.getElementById('FormFields').innerHTML = response;
      	redirect('/Custom-Logo/Request-a-Free-Quote-Submit.html');
      }
      
      function ajaxPostForm2(response)
      {
      	redirect('/m/Custom-Logo/Request-a-Free-Quote-Submit.html');
      }
      
      function BuildErrStr(errStr,Msg){
      	ErrMsg = Msg + '\n';
      	return ErrMsg;
      }
      
      function checkEmail(str) {
      	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(str)){
      		return (true)
      	}
      	return (false)
      }
      
      function submitForm(){	
      	var errStr;
      	errStr = '';
      
      	if (document.getElementById('recipients').value == 'select qty') {
      		errStr += BuildErrStr(errStr,'Please select a quantity to continue.');
      	}
      
      	if (document.getElementById('Email').value.length < 1){
      		errStr += BuildErrStr(errStr,'An email address is required.');
      	}	else {
      		if(checkEmail(document.getElementById('Email').value) == false){
      			errStr += BuildErrStr(errStr,'The Email address appears to be invalid.');
      		}
      	}
      	
      	if(errStr.length > 1){
      		alert(errStr);
      	}
      	else {
      
      		var request;
      		request = 'FirstName|' + document.getElementById('FirstName').value;
      		request = request + '&amp;amp;' + 'LastName|' + document.getElementById('LastName').value;
      		request = request + '&amp;amp;' + 'Email|' + document.getElementById('Email').value;
      		request = request + '&amp;amp;' + 'Phone|' + document.getElementById('Phone').value;
      		request = request + '&amp;amp;' + 'Info|' + document.getElementById('Info').value;
      		request = request + '&amp;amp;' + 'Recipients|' + document.getElementById('recipients').value;
      		request = request + '&amp;amp;' + 'Budget|' + document.getElementById('budget').value;
      		request = request.replace(/\n/g, " ")
      		request = request.replace(/\r/g, " ")
      
      		if (typeof AJAX === 'function') {
      			var ajax = new AJAX();
      			ajax.callService(baseURL + "webservices/FormAjax.asmx", "PostForm","form=CustomQuote","vars=" + request);
      		} else {
      			var params = new Object();
      			params['form'] = 'CustomQuote';
      			params['vars'] = request;
      			callWebService(baseURL + "webservices/FormAjax.asmx", 'PostForm', 'ajaxPostForm2', params);
      		}
      	}
      }
      
    </script>
    <h1>Request Free Corporate Gift Ideas</h1>
    <div class="form">
      <legend>We know that gifting is a very personal experience, so to help point us in the right direction, please tell us how many recipients you are looking to purchase items for and how much you would like to spend per person:</legend>
          <div class="control-group">
            <label># of Recipients:</label>
            <div class="controls">
              <select name="recipients" id="recipients">
                <option>select qty</option>
                <option>6-11</option>
                <option>12-24</option>
                <option>25-49</option>
                <option>50-99</option>
                <option>100+</option>
              </select>
            </div>
          </div>
          <div class="control-group">
            <label>Budget per person:</label>
            <div class="controls">
              <select name="budget" id="budget">
                <option>$5+</option>
                <option>$10+</option>
                <option>$25+</option>
                <option>$50+</option>
                <option>$100+</option>
                <option>Unsure</option>
              </select>
            </div>
          </div>
      <legend>Please provide your contact information so we know who to assist:</legend>
          <div class="control-group">
            <label>First Name:</label>
            <div class="controls">
              <input name="FirstName" id="FirstName" type="text"/>
            </div>
          </div>
          <div class="control-group">
            <label>Last Name:</label>
            <div class="controls">
              <input name="LastName" id="LastName" type="text"/>
            </div>
          </div>
          <div class="control-group">
            <label>Email*:</label>
            <div class="controls">
              <input name="Email" id="Email" type="text"/>
            </div>
          </div>
          <div class="control-group">
            <label>Phone:</label>
            <div class="controls">
              <input name="Phone" id="Phone" type="text"/>
            </div>
          </div>
      <legend>The more you can tell us about your project, theme or event, the more specific we can provide ideas to make it a success. Please provide any additional information here:</legend>
          <div class="control-group">
            <label>Info:</label>
            <div class="controls">
              <textarea name="Info" id="Info"></textarea>
            </div>
          </div>
      <div class="control-group">
        <div class="controls"><a href="javascript:submitForm();" class="button btn"><span>submit</span></a></div>
      </div>
    </div>
  </div>
</div>

<script>
	document.getElementById("FirstName").value = userDataFirstName;
	document.getElementById("LastName").value = userDataLastName;
	document.getElementById("Email").value = userDataEmail;
	document.getElementById("Phone").value = userDataPhone;
</script>
</HTML>
  <hide>false</hide>
</ConfigObject>
                </Config>
                <RenderOnFullSite>
                    true
                </RenderOnFullSite>
                <RenderOnMobileSite>
                    true
                </RenderOnMobileSite>
            </WidgetObject>
        </Widgets>
    </ContentConfig>