<!DOCTYPE HTML> 
<html lang="en-US">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>boomtag{title}</title>
      <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
      <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
      <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script>
      <script src='boomtag{boomtime_path}/script/jquery.raty.min.js'></script>
      <style type="text/css">boomtag{main_css}</style>
   </head>
   <body>
      <div id="main-wrapper-ribbon">
         <div class="container">
            <div class="row">
               <div id="tag-wrapper" class="col-xs-9">
                  <div id="tag-container">
                     <div class="tag-boarder">
                        <div class="clearfix">
							<div class="reviews noprint" style="padding:5px;">
	                    	 	boomtag{thank_you_feedback}
	                    	 	<div class="inner">
	                    	 		<h2>Rate Us</h2>
	                    	 		<p>Please take a minute to rate your experience with our business.</p>
	                    	 		<div class="stars"></div>
	                    	 		<span id='feedback_err_msg' style='font-size:16px'></span>
	                    	 		<div id="low-rating">
	                    	 			<form id='myform' name='myform' method='POST' action = "boomtag{myform_post_url}" >
	                    	 				<textarea class="box" id="review_text" name="review_text"  name="reviewless" placeholder="Your feedback is important to us. We'd appreciate it if you took a second to let us know how we can serve you better."></textarea>
	                    	 				<input type='submit' name='submit' id='submit-review' value='Submit' />
	                    	 		 	</form>
	                    	 		 </div> <!-- #low-rating -->
	                    	 		<div id="high-rating">
	                    	 			<h3>Review Us</h3>
	                    	 			<p>You seem to like us, so we'd love it if you would write a review on the site of your choice below</p>
	                    	 			<div class="one-third-container">
	                    	 				<div class="one-third first">
	                    	 					<p>boomtag{org_provider_link} 
	                    	 				</div>
	                    	 			</div>
	                    	 			<p>Select one of the links above to post a review. Thanks for talking about us!</p>
	                    	 	</div> <!-- #high-rating -->
                    	 	</div>
                        </div>
                        <div class="clearfix">
                           <div id="tag-org-details">
                              <div class="row">
                                 <div class="col-md-12 tag-orgname-container"><span class="tag-orgname">boomtag{org_name}</span></div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <script type="text/javascript">
		function record_data(url_link)
		{
			$.ajax({
					url: url_link + '&s=' + $('#score').val(),
				 	type: "GET",
				 	complete: function(data){
				 		if(data){
				 			for(var x=1;x<=$('#score').val();x++)
				 				$('.stars img[alt="'+x+'"]').off();
				 		}
				 	}
			});
		}
		$(function() { 
			$('.stars').raty({
				score: 3,
				size: 45,
				path: 'boomtag{boomtime_path}/img/jslot_images',
				width: false
			});
			function handler(e){
			    e.preventDefault();
			    $(this).unbind('click');
			    setTimeout(function(){$('#submit-review').click(handler)}, 500)
			}
			$('#submit-review').click(handler);
			$('#low-rating, #high-rating').hide();
			$('.stars img[alt="1"], .stars img[alt="2"], .stars img[alt="3"]').click(function() {
				$('#high-rating').fadeOut(function() {
					$('#low-rating').fadeIn();
				});
			});
			$('.stars img[alt="4"]').click(function() {
				$('#low-rating').fadeOut();
				$('#high-rating').fadeIn();
			});
			
			$('.stars img[alt="5"]').click(function() {
				$('#low-rating').fadeOut();
				$('#high-rating').fadeIn();
			});
			boomtag{review_client_check}
			$('#review_text').val('');
			$("#submit-review").click(function() {
				$("#feedback_err_msg").html('');
				if(!$('#review_text').val())
				{
					$("#feedback_err_msg").css('color','red');
					$("#feedback_err_msg").html('Please provide your feedback message.');
					return false;
				}
				else
				 {
				 	$.ajax({
						url: '/business-review?cj=boomtag{client_journal}&s=' + $('#score').val(),
					 	type: "POST",
					 	dataType: "json",
					 	data:{
					 			submit:1,
					 			review_text: $('#review_text').val()
					 	},
					 	complete: function(data){
					 			if(data) window.location.reload();
					 	}
				 	});
				 }	 
			});
		});
	</script>
   </body>
</html>