@extends('layouts.master-voyo')

@section('header')
	<link rel="stylesheet" href="{{ url('site/css/custom.css')}}">
	<link rel="stylesheet" type="text/css" href="{{ url('voyo/inc/bootstrap-star-rating/css/star-rating.min.css') }}">
	<style type="text/css">
		.rating-page-border {
			padding:30px; 
			border-left:1px solid #e5e5e5; 
			border-right:1px solid #e5e5e5; 
			border-top:3px solid rgb(34,171,166);
			border-bottom:3px solid rgb(34,171,166);
		}
		.rating-container .rating-stars{
			color:#22ABA6;
		}
		.rating-container .rating-stars:before {
		    content: attr(data-content);
		    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
		}
		.rating-line-height {
			line-height: 30px;
		}
		.rating-xs {
			font-size: 1.7em;
		}
		.rating-sub-title {
			font-size:12px;
			padding-left: 25px;
		}
	</style>
@stop

@section('content')
	<!-- Page Header --> 
	<header class="titlebar titlebar1">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<h1 class="page-title pull-left page-title1">Feedback Survey</h1>
					<ol class="breadcrumb pull-right">
						<li><a href="{{ url('/') }}">Home</a></li>
						<li class="active">Survey</li>
					</ol>
				</div>
			</div>
		</div>
	</header> <!-- END Page Header -->

	<section class="section-4 mb40">
		<div class="container">
			<div class="row">
				<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-xs-12">
					<div class="well well-6 login-area mb0">
						<h2 class="section-title-2">Purchase Services Rating</h2>
						{!! Form::open(['action' => 'SurveyController@store', 'class' => 'form-horizontal login-form']) !!}			
							<div class="row mt50">		
								<div class="col-md-6">
									<img src="{{URL('site/images/flash_img_1.jpg')}}" alt="">
								</div> 
								<div class="col-md-6">			
									<input type="hidden" name="feedback_type" value="members">				
									<div class="mt15">
										<h3 class="color_green mb15">Product Name</h3>
										<p class="color_green"><strong>A.</strong> Are you satisfied with your purchase ?</p>
										<div class="col-md-9 col-md-offset-3 rating-sub-title">
											<em>Dissatisfied - Satisfied</em>
										</div>
										<div class="form-group mt15 rating-line-height">
											<label class="col-md-4"><strong>Quality</strong></label>
											<input name="quality_rate" type="number" class="rating" min=0 max=5 value="4" step=1 data-size="xs" data-show-clear="false" data-show-caption="false">
										</div>
										<div class="form-group rating-line-height">
											<label class="col-md-4"><strong>Price</strong></label>
											<input name="price_rate" type="number" class="rating" min=0 max=5 value="4" step=1 data-size="xs" data-show-clear="false" data-show-caption="false">
										</div>
										<div class="form-group rating-line-height">
											<label class="col-md-4"><strong>Delivery</strong></label>
											<input name="delivery_rate" type="number" class="rating" min=0 max=5 value="4" step=1 data-size="xs" data-show-clear="false" data-show-caption="false">
										</div>
										<div class="form-group rating-line-height">
											<label class="col-md-4"><strong>Seller</strong></label>
											<input name="seller_rate" type="number" class="rating" min=0 max=5 value="4" step=1 data-size="xs" data-show-clear="false" data-show-caption="false">
										</div>												
									</div>
								</div>
							</div>
							<div class="row mt30">
								<div class="col-md-12">
									<p class="color_green"><strong>B.</strong> Write Review</p>
									<textarea class="form-control" style="min-height:100px" name="review"></textarea>
									<div class="mt10">
										<button class="btn btn-default">Submit & Get 10 UP points</button>
									</div>
								</div>
							</div>		
		  				{!! Form::close() !!}	
					</div>												
				</div>
			</div>
		</div>
	</section>

	<!-- footer links -->
	@include('site.bottom-menu')
@stop

@section('footer')
	<script type="text/javascript" src="{{  url('voyo/inc/bootstrap-star-rating/js/star-rating.js') }}"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("#input-id").rating();
		});
	</script>
@stop