
<br />

{if $data.state == 2}
    <div class="error_box">
	    Bitte f&uuml;llen Sie alle Felder aus und machen die Bewertung.
    </div>
{/if}
{if $data.state == 3}
    <div class="error_box">
	    Es ist ein Fehler aufgetreten, bitte wenden Sie sich an den Administrator!	
    </div>
{/if}

{if $data.state != 1}

	<form class="cashier" id="opinion_form" method="post" enctype="multipart/form-data">

		<div class="form_sub_wrapper_bg content_customer_registration_part_wrapper">
		
			<div style="position:relative;height:431px;width:284px;float:left;background: transparent url({$THEME_DIR}/media/images/bewertung_bg.png) no-repeat;">
				<div style="position:absolute;top:20px;left:33px;">
					<div class="fe_sub_title" style="color:#003c54;">Persönliche Daten</div>
		
					<br />
		
				      <div class="content_customer_registration_input_wrapper">
					      <label for="customer_field[user_salutation]" class="required_always">Anrede *</label><br />
					      <select name="customer_field[user_salutation]" style="width:70px;" size="1" id="honorific">
						      <option value="0" {if $data.form_data.user_salutation == '0'}selected="selected"{/if}>Herr</option>
						      <option value="1" {if $data.form_data.user_salutation == 1}selected="selected"{/if}>Frau</option>
					      </select>
				      </div>
					<div class="clear"></div>
					<!-- Firstname -->
				    <div class="content_customer_registration_input_wrapper">
					    <label class="required_always">Vorname *</label><br />
					    <div class="v_input_wrapper">
						    <div class="v_input_left">&nbsp;</div>
						    <div class="v_input_middle">
							    <input type="text" name="customer_field[user_firstname]" value="{$data.form_data.user_firstname}" style="color:#000000" />
						    </div>
						    <div class="v_input_right">&nbsp;</div>
						    <div class="clear"></div>
					    </div>
				    </div>
				    <div class="clear"></div>
				    <!-- Surname -->
				    <div class="content_customer_registration_input_wrapper">
					    <label class="required_always">Nachname *</label><br />
					    <div class="v_input_wrapper">
						    <div class="v_input_left">&nbsp;</div>
						    <div class="v_input_middle">
							    <input type="text" name="customer_field[user_surename]" value="{$data.form_data.user_surename}" style="color:#000000" />
						    </div>
						    <div class="v_input_right">&nbsp;</div>
						    <div class="clear"></div>
					    </div>
				    </div>
		
				<div class="clear"></div>
				<!-- Address -->
				<div class="content_customer_registration_input_wrapper">
					<label class="required_always">Ort *</label><br />
					<div class="v_input_wrapper">
						<div class="v_input_left">&nbsp;</div>
						<div class="v_input_middle">
							<input type="text" name="customer_field[user_address]" value="{$data.form_data.user_address}" style="color:#000000" />
						</div>
						<div class="v_input_right">&nbsp;</div>
						<div class="clear"></div>
					</div>
				</div>
		
					<div class="clear"></div>
					<!-- Phone -->
					<div class="content_customer_registration_input_wrapper">
						<label>Telefon</label><br />
						<div class="v_input_wrapper">
							<div class="v_input_left">&nbsp;</div>
							<div class="v_input_middle">
								<input type="text" name="customer_field[user_phone]" value="{$data.form_data.user_phone}" style="color:#000000" />
							</div>
							<div class="v_input_right">&nbsp;</div>
							<div class="clear"></div>
						</div>
					</div>
					<div class="clear"></div>
		
					<!-- Email -->
					<div class="content_customer_registration_input_wrapper">
						<label class="required_always">E-Mail *</label><br />
						<div class="v_input_wrapper">
							<div class="v_input_left">&nbsp;</div>
							<div class="v_input_middle">
								<input type="text" name="customer_field[user_email]" value="{$data.form_data.user_email}" style="color:#000000" />
							</div>
							<div class="v_input_right">&nbsp;</div>
							<div class="clear"></div>
						</div>
					</div>
		
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div style="position:relative;float:left;">
		
			<div class="content_customer_registration_part_wrapper" style="left:20px;top:20px;height:170px;">
			
				<div class="fe_sub_title" style="color:#003c54;">Jetzt bewerten</div>

				<table border="0" cellpadding="2" cellspacing="2">
				<tr style="height:40px;text-valign:top;">
				  <td><span class="opinion_rating_title">Lieferung</span></td>
				  <td>
						<div class="opinion_rating">
						    <input class="hover-star1 required" type="radio" name="customer_field[opinion_rang1]" title="Ausreichend" value="1"/>
						    <input class="hover-star1" type="radio" name="customer_field[opinion_rang1]" title="Durchschnittlich" value="2"/>
						    <input class="hover-star1" type="radio" name="customer_field[opinion_rang1]" title="Gut" value="3"/>
						    <input class="hover-star1" type="radio" name="customer_field[opinion_rang1]" title="Sehr Gut" value="4"/>
						    <input class="hover-star1" type="radio" name="customer_field[opinion_rang1]" title="Perfekt" value="5"/>
						</div>
				  </td>
				  <td><div id="hover-text1"></div></td>
				</tr>
				<tr style="height:40px;text-valign:top;">
				  <td><span class="opinion_rating_title">Ware</span></td>
				  <td>
						<div class="opinion_rating">
						    <input class="hover-star2 required" type="radio" name="customer_field[opinion_rang2]" title="Ausreichend" value="1"/>
						    <input class="hover-star2" type="radio" name="customer_field[opinion_rang2]" title="Durchschnittlich" value="2"/>
						    <input class="hover-star2" type="radio" name="customer_field[opinion_rang2]" title="Gut" value="3"/>
						    <input class="hover-star2" type="radio" name="customer_field[opinion_rang2]" title="Sehr Gut" value="4"/>
						    <input class="hover-star2" type="radio" name="customer_field[opinion_rang2]" title="Perfekt" value="5"/>
						</div>
					</td>
					<td><div id="hover-text2"></div></td>
				</tr>
				<tr style="height:40px;text-valign:top;">
				  <td><span class="opinion_rating_title">Kundenservice</span></td>
				  <td>
						<div class="opinion_rating">
						    <input class="hover-star3 required" type="radio" name="customer_field[opinion_rang3]" title="Ausreichend" value="1"/>
						    <input class="hover-star3" type="radio" name="customer_field[opinion_rang3]" title="Durchschnittlich" value="2"/>
						    <input class="hover-star3" type="radio" name="customer_field[opinion_rang3]" title="Gut" value="3"/>
						    <input class="hover-star3" type="radio" name="customer_field[opinion_rang3]" title="Sehr Gut" value="4"/>
						    <input class="hover-star3" type="radio" name="customer_field[opinion_rang3]" title="Perfekt" value="5"/>
						</div>
				  </td>
				  <td><div id="hover-text3"></div></td>
			    </tr>
			  </table>

			</div>
			
			<div class="content_customer_registration_part_wrapper" style="left:20px;top:20px;height:170px;">
				<br />
				<div class="fe_sub_title" style="color:#003c54;">Ihre Mitteilung</div>
				<br />
				
				<!-- Notiz -->
				<div class="content_customer_registration_input_wrapper">
					<label class="required_always">wird mit Vornamen veröffentlicht</label><br />
					<div class="v_input_wrapper">
						<textarea type="text" name="customer_field[opinion_text]" style="color:#000000; width:632px;height:170px;border:1px solid #cccccc;">{$data.form_data.opinion_text}</textarea>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="clear"></div>
	
		<div id="send_container" style="width:172px;height:44px;overflow:hidden;position:relative;cursor:pointer;color:#999999;">
			<div style="position:absolute;width:172px;height:44px;left:0px;background:#cccccc;text-align:center;font-weight:bold;font-size:16px;line-height:44px;">Senden</div>
		</div>
		<div class="clear"></div>
	</form>
	<br /><br />
{/if}

<script type="text/javascript" src="/libs/star-rating/jquery.MetaData.js"></script>
<script type="text/javascript" src="/libs/star-rating/jquery.rating.js"></script>
<script language="JavaScript">
$(document).ready(function() {

	$('#send_container').click(function() {
		$('#opinion_form').submit();
	});

	$('.hover-star1').rating({
		focus: function(value, link){
		var tip = $('#hover-text1');
		tip[0].data = tip[0].data || tip.html();
		tip.html(link.title || 'value: '+value);
		},
		blur: function(value, link){
		var tip = $('#hover-text1');
		$('#hover-text1').html(tip[0].data || '');
		}
	});

	$('.hover-star2').rating({
		focus: function(value, link){
		var tip = $('#hover-text2');
		tip[0].data = tip[0].data || tip.html();
		tip.html(link.title || 'value: '+value);
		},
		blur: function(value, link){
		var tip = $('#hover-text2');
		$('#hover-text2').html(tip[0].data || '');
		}
	});

	$('.hover-star3').rating({
		focus: function(value, link){
		var tip = $('#hover-text3');
		tip[0].data = tip[0].data || tip.html();
		tip.html(link.title || 'value: '+value);
		},
		blur: function(value, link){
		var tip = $('#hover-text3');
		$('#hover-text3').html(tip[0].data || '');
		}
	});

});
</script>



