@extends('layouts.master-voyo')

@section('header')
<link rel="stylesheet" href="{{ URL::asset('voyo/inc/font-awesome/css/font-awesome.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ URL::asset('metronic/global/plugins/select2/select2.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ URL::asset('metronic/global/css/components-rounded.css')}}"/>

<link rel="stylesheet" href="{{ URL::asset('site/css/product.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/test.css') }}">

<link rel="stylesheet" href="{{ URL::asset('site/css/style.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/custom.css')}}">

<script>
	var country_code = {!! $country_code !!};
</script>
@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">Register</h1>
					<ol class="breadcrumb pull-right">
						<li><a href="#">Home</a></li>
						<li class="active">Register</li>
					</ol>
				</div>
			</div>
		</div>
	</header> <!-- END Page Header -->
	<section class="section-4 mb20">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					{!! Form::open(['action' => 'PaymentController@store', 'class' => 'form-horizontal register-form', 'id' => 'member-profile']) !!}
				
					<div class="form-body">
						<div class="alert alert-danger display-hide">
							<button class="close" data-close="alert"></button>
							Please fill up the mandatory fields in form.
						</div>
						<div class="alert alert-success display-hide">
							<button class="close" data-close="alert"></button>
							Your form validation is successful!
						</div>
						<div class="form-group {{ ($errors->first('username')) ? 'has-error' : '' }}">
							<label class="control-label col-md-3">Username <span class="required">
							* </span>
							</label>
							<div class="col-md-8">
								{!! Form::text('username', null, ['class' => 'form-control', 'data-required' => 1, ($errors->first('username') ? 'aria-required="true" aria-invalid="false" aria-describedby="username-error"' : '')]) !!}
								@if ($errors->first('username') )
									<span id="username-error" class="help-block help-block-error">{{ $errors->first('username') }}</span>
								@endif
							</div>
						</div>
						<div class="form-group {{ ($errors->first('password')) ? 'has-error' : '' }}">
							<label class="control-label col-md-3">Password<span class="required">
								* </span>
							</label>
							<div class="col-md-8">
								{!! Form::password('password', ['class' => 'form-control', 'data-required' => 1, 'id' => 'password' ]) !!}
								@if ($errors->first('password') )
								<span id="password-error" class="help-block help-block-error">This field is mandatory</span>
								@endif
							</div>
						</div>
						<div class="form-group {{ ($errors->first('confirm_password')) ? 'has-error' : '' }}">
							<label class="control-label col-md-3">Confirm Password<span class="required">
								* </span>
							</label>
							<div class="col-md-8">
								{!! Form::password('confirm_password', ['class' => 'form-control', 'data-required' => 1 ]) !!}
								@if ($errors->first('confirm_password') )
								<span id="confirm_password-error" class="help-block help-block-error">This field is mandatory</span>
								@endif
							</div>
						</div>
						<div class="form-group {{ ($errors->first('email')) ? 'has-error' : '' }}">
							<label class="control-label col-md-3">Email<span class="required">
								* </span>
							</label>
							<div class="col-md-8">
								{!! Form::text('email', null, ['class' => 'form-control', 'data-required' => 1 ]) !!}
								@if ($errors->first('email') )
								<span id="email-error" class="help-block help-block-error">This field is mandatory</span>
								@endif
							</div>
						</div>
						<div class="form-group {{ ($errors->first('mobile_no')) ? 'has-error' : '' }}">
							<label class="control-label col-md-3">Mobile Number<span class="required">
								* </span>
							</label>
							<div class="col-md-3">
								{!! Form::select('country', $countries, 193, ['class' => 'chosen-select selectcategory form-control', 'id' => 'country', 'data-placeholder' => 'Choose a Country...']) !!}
								@if ($errors->first('country') )
									<span id="email-error" class="help-block help-block-error">This field is mandatory</span>
								@endif 
							</div>
							<div class="col-md-5">
								<div class="row">
									<div class="col-md-2" style="padding-left:0px;padding-right:0px;">
										<span class="input-group-addon" style="padding-top:10px;padding-bottom:10px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border:none">
											<span class="addon-country-code">
												+65
											</span>
										</span>
									</div>
									<div class="col-md-10" style="padding-left:0px;">
									{!! Form::text('mobile_no', null, ['class' => 'form-control', 'data-required' => 1]) !!}
									</div>
								</div>
								@if ($errors->first('mobile_no') )
									<span id="mobile_no-error" class="help-block help-block-error">This field is mandatory</span>
								@endif
							</div>
						</div>
						
						<div class="form-actions" style="margin-top: 40px;">
							<div class="row">
								<div class="col-md-offset-3 col-md-9">
									<button type="submit" class="btn register">Register</button>
									<a href="{{ URL::to('/') }}" class="btn btn-gray">Cancel</a>
								</div>
							</div>
						</div>
					</div>
					{!! Form::close() !!}
				</div>
			</div>
		</div>
	</section>
	
   
@stop

@section('footer')
<script src="{{ asset('metronic/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('metronic/global/plugins/jquery-validation/js/jquery.validate.min.js') }}" type="text/javascript"></script>
<script type="text/javascript" src="{{ asset('metronic/global/plugins/select2/select2.min.js') }}"></script>
<script src="{{ asset('metronic/admin/pages/scripts/login.js') }}" type="text/javascript"></script>
<script type="text/javascript">

  $(document).ready(function() {
  		$('#country').select2();
	 	Login.init();

		$('#country').on('change', function() {
	 		$('.addon-country-code').html( "+" + country_code[$(this).val()] );
	 	});

	});
$('.cart_data').click(function(){
		window.location.href = baseurl+"/shop_cart";
	});
</script>

@stop