@extends('layouts.whitelabel.master')

@section('title')
    {{ $marketplace->name }}
@stop

@section('header')
	<link rel="stylesheet" href="{{ URL::asset('site/css/custom.css')}}">
	<script>
		var country_code = {!! $country_code !!};
	</script>
	<script src='https://www.google.com/recaptcha/api.js'></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">{{ trans('account.Registration') }}</h1>
					<ol class="breadcrumb pull-right">
						<li>
							<a href='{{ action('Marketplace\MarketplaceController@detail', $marketplace->slug) }}'>
								{{ trans('site.Home') }}
							</a>
						</li>
						<li class="active">{{ trans('account.Registration') }}</li>
					</ol>
				</div>
			</div>
		</div>
	</header> <!-- END Page Header -->

	<section class="page-login section-4 mb40">
		<div class="container">

			@include('page_info')
			
			<div class="row">
				<!-- Login -->
				<div class="col-sm-12 col-md-5 col-md-offset-1 brsolid">
					<div class="well well-6 login-area mb0">
						<h2 class="section-title-2 st-2 mb20">{{ trans('account.Login') }}</h2>
						
						{!! Form::open(['action' => ['Marketplace\MemberController@postLogin', $marketplace->slug], 'class' => 'form-horizontal login-form', 'id' => 'login-form']) !!}

							<input type="hidden" name="redirectTo" value="{{ action('Marketplace\MarketplaceController@getEnrollment', $marketplace->slug) }}"/>
							
							@include('marketplaces.account.partials.login-option')

			 				<div>
                                <label class="control-label ">{{ trans('account.Password') }} <span class="required">* </span>
                                </label>
                                {!! Form::password('password', ['class' => 'form-control', 'data-required' => 1, 'id' => 'login_password' ]) !!}
						    </div><br/>
		  					
		  					<label class="remember">
				 				<input type="checkbox" name="remember" value="yes"> {{ trans('account.Remember_Password') }}
				 			</label>
			 				
			 				<p>
			 					<a href='{{ action('Marketplace\MemberController@getResetPassword', $marketplace->slug) }}' class="forgot"><small>{{ trans('account.Forgot_Your_Password') }}?</small></a>
			 				</p>

					 		<div class="mt10">
					 			<button type="submit" class="btn btn-default"> {{ trans('account.Login') }} </button>
					 		</div>
		  				{!! Form::close() !!}
					</div>
				</div>
				<!-- End Login -->
				
				<!-- Registration -->
				<div class="col-sm-12 col-md-5">
					<div class="well well-6 login-area mb0">
						<h2 class="section-title-2 st-2 mb20">{{ trans('account.Register') }}</h2>
						{!! Form::open(['action' => ['Marketplace\MemberController@createMember',$marketplace->slug], 'class' => 'form-horizontal register-form', 'id' => 'member-profile']) !!}

						<div class="form-body">
							<div>
								<label class="control-label">{{ trans('account.Email') }} <span class="required">*</span></label>
								{!! Form::text('email', null, ['class' => 'form-control', 'data-required' => 1, ($errors->first('email') ? 'aria-required="true" aria-invalid="false" aria-describedby="email-error"' : '')]) !!}
							</div>
							
							<div>
								<label class="control-label">{{ trans('account.Password') }}<span class="required"> *</span></label>
								{!! Form::password('password', ['class' => 'form-control', 'data-required' => 1, 'id' => 'password' ]) !!}
							</div>

							<div>
								<label class="control-label">{{ trans('account.Confirm_Password') }}<span class="required"> *</span></label>
								{!! Form::password('password_confirmation', ['class' => 'form-control', 'data-required' => 1 ]) !!}
							</div>

							<div>
								<label class="control-label">{{ trans('account.First_Name') }} <span class="required"> *</span></label>
								{!! Form::text('first_name', null, ['class' => 'form-control', 'data-required' => 1, ($errors->first('first_name') ? 'aria-required="true" aria-invalid="false" aria-describedby="first_name-error"' : '')]) !!}
							</div>

							<div>
								<label class="control-label">{{ trans('account.Last_Name') }} <span class="required"> *</span></label>
								{!! Form::text('last_name', null, ['class' => 'form-control', 'data-required' => 1, ($errors->first('lastname') ? 'aria-required="true" aria-invalid="false" aria-describedby="last_name-error"' : '')]) !!}
							</div>

							<div>
								<label class="control-label">{{ trans('account.Preferred_Name') }}</label>
								{!! Form::text('prefer_name', null, ['class' => 'form-control', 'data-required' => 1, ($errors->first('prefer_name') ? 'aria-required="true" aria-invalid="false" aria-describedby="prefer_name-error"' : '')]) !!}
							</div>

							<div>
								<label class="control-label"> {{ trans('account.Country_Of_Residence') }} <span class="required"> *</span></label>
								{!! Form::select('country_residence', $countries, 193, ['class' => 'chosen-select selectcategory form-control', 'id' => 'countryOfResidence', 'data-placeholder' => 'Choose a Country...']) !!}
							</div>
							
							<p class="mt10">
								{{ trans('account.Important_Note') }}:<br>
								{{ trans('account.Important_Note_Text') }} <a href="mailto:support@united-points.com">support@united-points.com</a>
							</p>

							<div class="mt10">
								<label class="control-label"> {{ trans('account.Gender') }} <span class="required"> *</span></label>
								<p class="mb0">
									<label>{!! Form::radio('gender', 'Male', true) !!} {{ trans('account.Male') }} </label>
									<label>{!! Form::radio('gender', 'Female') !!} {{ trans('account.Female') }}</label>
								</p>
							</div>															
							
							<div>
								<label class="control-label"> {{ trans('account.Birth_Date') }}</label>
                                {!! Form::text('date_of_birth', null, ['class' => 'form-control', 'id' => 'date-of-birth']) !!}
							</div>

							{{-- <div>
								<label class="control-label">{{ trans('account.NRIC_Passport_No') }}</label>
								{!! Form::text('nric_passport', null, ['class' => 'form-control', 'data-required' => 1, ($errors->first('nric_passport') ? 'aria-required="true" aria-invalid="false" aria-describedby="nric_passport-error"' : '')]) !!}
							</div> --}}

							<div>
								<label class="control-label"> {{ trans('account.Nationality') }} <span class="required"> *</span></label>
								{!! Form::select('nationality', $countries, 193, ['class' => 'chosen-select selectcategory form-control', 'id' => 'nationality', 'data-placeholder' => 'Choose a Country...']) !!}
							</div>	

							<div>
								<label class="control-label">{{ trans('account.Mobile_No') }} <span class="required">* </span></label>

								<div class="row">
									<div class="col-md-4">
										{!! Form::select('c_country_code', $countries, 193, ['class' => 'chosen-select selectcategory form-control', 'id' => 'mobile_country_code', 'data-placeholder' => 'Choose a Country...']) !!}
										@if ($errors->first('c_country_code') )
											<span id="email-error" class="help-block help-block-error">This field is mandatory</span>
										@endif 
									</div>
									<div class="col-md-8">
										<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('contact_no', null, ['class' => 'form-control', 'data-required' => 1]) !!}
											</div>
										</div>
										@if ($errors->first('contact_no') )
											<span id="contact_no-error" class="help-block help-block-error">{{$errors->first('contact_no')}}</span>
										@endif
									</div>
								</div>
							</div>

							<div class="mt10">
								<label>
									{!! Form::checkbox('mailing_lists[]', $marketplace->id, true) !!}
									{{ trans('account.Receive_Latest_Update_From') }} {{ $marketplace->name }}
								</label>
							</div>

							<div class="mb10">
								<div class="mb10">
									<label class="control-label">{{ trans('account.Terms_and_Conditions') }}:</label>
									
									<label>
										<span class="required">
										* </span>
										<input type="hidden" name="terms_conditions" value="true">
											{{ trans('account.By_Registration_Text') }}
											<ul>
												@if( $marketplace->terms_and_conditions )
													<li>
														<a target="_blank" href="{{ action('Marketplace\MarketplaceController@displayTermsAndConditions', [$marketplace->slug]) }}">{{ $marketplace->name }} T&Cs</a>
													</li>
												@endif

												@if( $marketplace->privacy_policy )
													<li>
														<a target="_blank" href="{{ action('Marketplace\MarketplaceController@displayPrivacyPolicy', $marketplace->slug) }}">Privacy Policy</a>
													</li>
												@endif

												<li>
													<a target="_blank" href="{{ url('terms') }}">United Points T&Cs</a>
												</li>
											</ul>
									</label>
								</div>
							</div>

							<div class="mt10">
								<div class="g-recaptcha" data-sitekey="{{ env('RECAP_SITEKEY') }}"></div>
							</div>
							
							<div class="form-actions mt20">
								<div class="row">
									<div class="col-md-12">
										<button type="submit" class="btn btn-default">{{ trans('account.Register') }}</button>
										<a href='{{ action('Marketplace\MarketplaceController@detail', $marketplace->slug) }}'
										   class="btn btn-new-o">{{ trans('account.Cancel') }}
										</a>
									</div>
								</div>							
							</div>
						</div>
						{!! Form::close() !!}
					</div>
				</div>
				<!-- End Registration -->
			</div>
		</div>
	</section>	
@stop

@section('footer')
	<script src="{{ asset('metronic/global/plugins/jquery-validation/js/jquery.validate.min.js') }}"></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() {
	  		$('#mobile_country_code, #countryOfResidence, #nationality, #countryOfResidence').select2();
		 	Login.init();

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

	 	    $('#date-of-birth').datepicker({
	      		changeMonth: true,
		        changeYear: true,
		        yearRange: '1920:2016',
		        dateFormat : 'dd-mm-yy',
		        defaultDate: new Date(1990, 00, 01)
		    });
		});
	</script>
@stop