@extends('layouts.whitelabel.master')

@section('header') 	
	<link rel="stylesheet" href="{{ URL::asset('voyo/inc/rs-plugin/css/settings.css') }}" media="screen">	
@stop

@section('content')
	<section class="section-4">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<h3 class="text-center">Why are you leaving us?</h3>
					
					@include('page_info')

					@if( Session::has('unsubscribeMsg') )
						<div class="alert alert-info">
							{!! Session::get('unsubscribeMsg') !!}
						</div>
					@endif

					{!! Form::open(['action' => 'MailingController@processUnsubscribe', 'class' => 'form-horizontal', 'id' => 'unsubscribe-mailing']) !!}
						<div class="form-body">

							<input type="hidden" name="data" value="{{ Request::get('data') }}">

							<div class="form-group">
								<div class="col-md-3 col-md-offset-3">
									<div class="formError"></div>
								</div>
							</div>

							<div class="form-group">
								<div class="radio col-md-9 col-md-offset-3">
								  	<label>
							    		<input type="radio" name="reason" value="Content is irrelevant">
								    	Content is irrelevant
								  </label>
								</div>
							</div>

							<div class="form-group">
								<div class="radio col-md-9 col-md-offset-3">
								  	<label>
							    		<input type="radio" name="reason" value="Too many emails">
								    	Too many emails
								  </label>
								</div>
							</div>

							<div class="form-group">
								<div class="radio col-md-9 col-md-offset-3">
								  	<label>
							    		<input type="radio" name="reason" value="Duplicate account">
								    	Duplicate account
								  </label>
								</div>
							</div>

							<div class="form-group">
								<div class="radio col-md-9 col-md-offset-3">
								  	<label>
							    		<input type="radio" name="reason" value="Change email address">
								    	Change email address
								  </label>
								</div>
							</div>

							<div class="form-group">
								<div class="radio col-md-9 col-md-offset-3">
								  	<label>
							    		<input type="radio" name="reason" value="Others">
								    	Others
								  </label>
								</div>
							</div>
							
						</div>

						<div class="form-actions">
							<div class="row">
								<div class="col-md-offset-3 col-md-9">
									<button type="submit" class="btn btn-default">Submit</button>
								</div>
							</div>
						</div>
					{!! Form::close() !!}
				</div>
			</div>
		</div>
	</section>
	
	<!-- footer links -->
	@include('site.bottom-menu')
@stop

@section('footer')
	<script>
		$(function() {
			// $('#unsubscribe-mailing').on('submit', function(e) {
			// 	e.preventDefault();
			// 	alert('hi');
			// });
			$('#unsubscribe-mailing').validate({
				rules: {
					reason: {
						required: true
					}
				},
				messages: {
					reason: {
						required: "Please select an option below."
					}
				},
				errorElement : 'div',
    			errorLabelContainer: '.formError'
			});
		})
	</script>
@stop