hosting.old.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>OpenBoxes | Contact Us</title>
	<meta name="description" content="OpenBoxes is a logistics information management system designed to track inventory and supply chain movements for healthcare facilities.">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta property="og:title" content="OpenBoxes" />
	<meta property="og:type" content="company" />
	<meta property="og:url" content="http://openboxes.com" />
	<meta property="og:image" content="http://openboxes.com/images/logo.jpg" />
	<meta property="og:site_name" content="OpenBoxes" />
	<meta property="fb:admins" content="100001231730655" />
	<!-- Le styles -->
	<link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
	<link href="./bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
	<style type="text/css">
		body { padding-top: 60px; }
		@media (max-width: 980px) {
	    		body { padding-top: 0;} 
		}
		.center { float: none; margin-left: auto; margin-right: auto; }
		.icon-large:before { 1.3em }
		ul.features > li { margin:0 5px 5px 0; vertical-align:top;} 
		footer { text-align: center; }
		.centered-content{ text-align:center !important; vertical-align: middle !important;} 
		#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;text-align:center;}	
	</style>
	<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
</head>
<body>

<!--#include file="header.ext" -->

<div class="clear"/>

<div class="container">
	<h1>Hosting & Support</h1>	
	<p class="lead">Need someone to help with installation and hosting? Need someone to develop a custom feature?</p>
		<div class="row-fluid">	
			<div class="span12">
				<div class="well">
				    <form id="test_form" name="contact" method="post" class="form-horizontal">
					    
					    <div class="control-group">
        					<label class="control-label" for="services">Name</label>
						    <div class="controls">			
							    <input class="input-xxlarge" id="name" name="name" type="text" placeholder="Your name"/>
						    </div>
					    </div>
					    <div class="control-group">
        					<label class="control-label" for="services">Email</label>
						    <div class="controls">			
							    <div class="input-prepend">
								    <span class="add-on"><i class="icon-envelope"></i></span>
								    <input class="input-xxlarge" id="email" name="email" type="email" placeholder="Email address"/>
							    </div>
						    </div>
					    </div>
					    <div class="control-group">
        					<label class="control-label" for="services">Company / Organization</label>
						    <div class="controls">			
							    <input class="input-xxlarge" id="organization" name="organization" placeholder="Name of your company or organization" type="text">
						    </div>
					    </div>
					    <div class="control-group">
        					<label class="control-label" for="services">Services</label>
						    <div class="controls">
						
							    <div class="row-fluid">
								    <div class="span3">
									    <label class="checkbox">
										    <input type="checkbox" id="services" name="services" value="installation">Installation & Setup
									    </label>
									    <label class="checkbox">
										    <input type="checkbox" id="services" name="services" value="implementation">Implementation
									    </label>
									    <label class="checkbox">
										    <input type="checkbox" id="services" name="services" value="support">Support
									    </label>
								    </div>
								    <div class="span3">
									    <label class="checkbox">
										    <input type="checkbox" id="services" name="services" value="hosting">Hosting
									    </label>
									    <label class="checkbox">
										    <input type="checkbox" id="services" name="services" value="development">Custom Development
									    </label>
									    <label class="checkbox">
										    <input type="checkbox" id="services" name="services" value="training">Training
									    </label>
								    </div>
							    </div>
						    </div>
					    </div>
					    <div class="control-group">
        					<label class="control-label" for="services">Additional Comments</label>
						    <div class="controls">			
							    <textarea name="message" id="message" class="input-xxlarge" rows="6" 
								    placeholder="Tell us more about your operation and requirements (including details such as industry, number of products, types of products, number of facilities, warheouse staff size, number of suppliers, etc)."></textarea>
						
						    </div>
					    </div>


					    <div class="form-actions">
						    <button class="btn btn-primary" type="submit">Submit Request</button>
					    </div>
				    </form>
                </div>
			</div>
		</div>

	</div>


	
	
	<hr/>
	<!--#include file="footer.ext" -->


</div>





<script src="./ember/js/libs/jquery-1.9.1.js"></script>
<script src="./bootstrap/js/bootstrap.js"></script>
<script src="./ember/js/libs/handlebars-1.0.0-rc.4.js"></script>    
<script src="./ember/js/libs/ember-1.0.0-rc.6.1.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/jaubourg/jquery-jsonp/jquery.jsonp-2.4.0.min.js"></script>
<script type="text/javascript">

	$.fn.serializeObject = function()
	{
		var o = {};
		var a = this.serializeArray();
		$.each(a, function() {
		    if (o[this.name] !== undefined) {
		        if (!o[this.name].push) {
		            o[this.name] = [o[this.name]];
		        }
		        o[this.name].push(this.value || '');
		    } else {
		        o[this.name] = this.value || '';
		    }
		});
		return o;
	};

    $('#test_form').submit(function(evt) {
        evt.preventDefault();  // Don't do default action
 
        // Replace this with your subdomain!
        var uvSubdomain = "openboxes";
        
        // Create an API client (non-trusted) within the UserVoice settings/channels section.  Paste the key only here.
        var uvKey = "nhzUkFtBsoX9KHKKpUBTBg";
        
        // Grab the data we need to send
        var organization = $('#organization').val();
        var message = $('#message').val();        
        var email = $('#email').val();
        var name = $('#name').val();
 	
		if (message && organization && email) { 
			// Execute the JSONP request to submit the ticket
			var formSerialized = JSON.stringify($('#test_form').serializeObject());
			message += "\n\n" + formSerialized;
			
			$.jsonp({
				url: 'https://' + uvSubdomain + '.uservoice.com/api/v1/tickets/create_via_jsonp.json?callback=?',
				data: {
				    client: uvKey,
				    ticket: {
				        subject: "Hosting request from " + email, 
				        message: message
				        //"custom_fields": [],
				    },
				    name: organization,
				    email: email
				},
				success: function(data) {
				// You might want to redirect the user here, or show a stylized message to them.
				    alert('We have successfully submitted your request!');  
				    $('#organization').val('');
					$('#message').val('');
					$('#email').val('');
					$('#name').val('');
					$('input:checkbox').attr("checked", false);
				},
				error: function(d, msg) {
				// Darn -- something went wrong.  You might want to display a message to the user.
				    alert("Sorry, something went horribly wrong.  Please email support@openboxes.com with your suggestion or feedback.");  		
				}
			});	
		}	
		else { 
			alert("All fields are required.  ");
		}
        
        return false;
    });
</script>
<!--#include file="analytics.ext" -->
<!--#include file="uservoice.ext" -->
<!--#include file="chat.ext" -->

</body>
</html>