@extends('layouts.signup')

@section('content')

<div class="container signupDiv" style="width:60%; margin-top: 4%; margin-bottom:4%;">
	<div class="row">
			<div class="product-text ">
					<img src="{{url('/')}}/images/logo.png" width="200" height="auto" alt="Producty">
			</div>
			<br>
			<div class="text-center"><h3>New User Signup</h3></div><br>
			<div class="text-center">
				<h4>
					This form is for new organizations only. If your organization has an existing Producty subscription,
					please ask your account manager for an invitation.
				</h4>
			</div>
			<div class="signupmodal-container">
			@if($organisationUser)
			<form id="signupForm" class="form-horizontal" method="POST" action="{{ url('organisationUserSignupProcess') }}">
			@else
			<form id="signupForm" class="form-horizontal" method="POST" action="{{ url('accountManagerSignup') }}">
			@endif
				@csrf
				<input type="hidden" name="onboardcharge" id="onboardcharge" value="@if(isset($onboardcharge)){{encrypt($onboardcharge)}}@endif">
				<div class="form-group">
					<label for="firstName" class="control-label col-sm-4">First Name<sup>*<sup></label>
					<div class="col-sm-8">
						<input type="text" name="firstName" id="firstName" class="form-control login-text" value="{{ old('firstName') }}" placeholder="First name*" autofocus="">
						<span class="login_error" id="firstNameErr" role="alert">
							@if ($errors->has('firstName'))
											<strong>{{ $errors->first('firstName') }}</strong>
							@endif
						</span>
					</div>
				</div>

				<div class="form-group">
					<label for="lastName" class="control-label col-sm-4">Last Name*</label>
					<div class="col-sm-8">
						<input type="text" name="lastName" id="lastName" class="form-control login-text" value="{{ old('lastName') }}" placeholder="Last name*" autofocus="">
						<span class="login_error" id="lastNameErr" role="alert">
							@if ($errors->has('lastName'))
											<strong>{{ $errors->first('lastName') }}</strong>
							@endif
						</span>
				 </div>
				</div>


				<div class="form-group">
					<label for="email" class="control-label col-sm-4">Email*</label>
					<div class="col-sm-8">
						<input type="text" name="email" id="email" class="form-control login-text" value="{{ $email ?? old('email') }}" placeholder="Email address*" autofocus="" {{ isset($email) ? 'readonly' : '' }}>
						@if(!$organisationUser)
							<a href="#" style="float: right; text-decoration: underline; font-size: 14px; color: #000;" id="verifyEmail"> Verify email </a>
						@endif
						<span class="login_error" id="emailErr" role="alert">
							@if ($errors->has('email'))
											<strong>{{ $errors->first('email') }}</strong>
							@endif
						</span>
					</div>
				</div>

				<div class="form-group" id="verificationCodeDiv">
					<label for="emailVerificationCode" class="control-label col-sm-4">Email Verification Code*</label>
					<div class="col-sm-8">
						<input type="text" name="emailVerificationCode" id="emailVerificationCode" class="form-control login-text" value="" placeholder="Enter emailed verification code*" autofocus="">
						<span class="invalid-feedback login_error" id="emailVerificationCodeErr" role="alert">
							@if ($errors->has('emailVerificationCode'))
											<strong>{{ $errors->first('emailVerificationCode') }}</strong>
							@endif
						</span>
					</div>
				</div>

				<div class="row">
					<label for="" class="col-sm-4"></label>
					<div class="login_error col-sm-8" id="domainErr">
							{{-- display error message for blacklisted email domains --}}
					</div>
				</div>

				<div class="row">
					<label for="" class="col-sm-4"></label>
					<div class="login_error col-sm-8" id="domainErr">
							{{-- display error message for email domains existed --}}
					</div>
				</div>

				<div class="form-group">
					<label for="phone" class="control-label col-sm-4">Contact number*</label>
					<div class="col-sm-8">
						<input type="text" name="phone" id="phone" class="form-control login-text" value="{{ old('phone') }}" placeholder="Contact number*" autofocus="">
						<span class="invalid-feedback login_error" id="phoneErr" role="alert">
							@if ($errors->has('phone'))
											<strong>{{ $errors->first('phone') }}</strong>
							@endif
						</span>
					</div>
				</div>

				<div class="form-group">
					<label for="orgName" class="control-label col-sm-4">Organisation name*</label>
					<div class="col-sm-8">
						<input type="text" name="OrganisationName" id="orgName" class="form-control login-text" value="@if($organisationUser){{$organisationName}}@endif" placeholder="Organisation Name*" autofocus="">
						<span class="invalid-feedback login_error" id="orgNameErr" role="alert">
							@if ($errors->has('OrganisationName'))
											<strong>{{ $errors->first('OrganisationName') }}</strong>
							@endif
						</span>
					</div>
				</div>

		{{--
			<div class="form-group">
					<input type="text" name="location" id="location" value="" placeholder="Location*" class="login-text" autofocus="">
					<span class="invalid-feedback login_error" id="locationErr" role="alert">

					</span>
				</div>
		--}}
{{--
				<div class="form-group">
					<input type="text" name="resellerCode" value="{{ old('resellerCode') }}" placeholder="Reseller Code" class="login-text" autofocus="">
					<span class="invalid-feedback login_error" id="resellerCodeErr" role="alert">

					</span>
				</div>
--}}
				<div class="form-group">
					<label for="password" class="control-label col-sm-4">Password*</label>
					<div class="col-sm-8">
						<input type="password" name="password" id="password" class="form-control login-password" placeholder="Password*">
						<span class="login_error" role="alert" id="passwordErr">
							@if ($errors->has('password'))
											<strong>{{ $errors->first('password') }}</strong>
							@endif
						</span>
					</div>
				</div>

				<div class="form-group">
					<label for="confirmPassword" class="control-label col-sm-4">Confirm password*</label>
					<div class="col-sm-8">
						<input type="password" name="confirmPassword" id="confirmPassword" class="form-control login-password" value="{{ old('confirmPassword') }}" placeholder="Confirm password*">
						<span class="invalid-feedback login_error" role="alert" id="confirmPasswordErr">
							@if ($errors->has('confirmPassword'))
											<strong>{{ $errors->first('confirmPassword') }}</strong>
							@endif
						</span>
					</div>
				</div>

				@if(!$organisationUser)
				<div class="row">
						<div class="text-center"><h3>Plan Details</h3></div>
						<div class="text-center"><h4>{{ $planDetails->PackageName }}</h4></div>
						@if($planDetails->PackageName != 'Free')
						<div class="text-center">
							@if($locationDetails->continent_name == 'Oceania')

									@if($onboardcharge == "checked")
									<div class="radio">
										<label><input type="radio" name="onBoardingCharge" id="onBoardingCharge" value="0" data-onBoardingCharge="0" checked>On-boarding $0</label>
									</div>
									@else
									<div class="radio">
										<label><input type="radio" name="onBoardingCharge" id="onBoardingCharge" value="{{ $planDetails->PackageOneTimeCostAUD }}" data-onBoardingCharge="{{ $planDetails->PackageOneTimeCostAUD }}" checked>On-boarding ${{ $planDetails->PackageOneTimeCostAUD }}</label>
									</div>
									@endif
									<div class="radio">
										<label><input type="radio" name="charge" id="monthlyCharge" value="monthly" data-charge="{{ $planDetails->PackageMonthlyCostAUD }}" {{ $planInterval == 'monthly' ? 'checked' : ''}}>Monthly ${{ $planDetails->PackageMonthlyCostAUD }}</label>
									</div>

									<div class="">
										<span>OR</span>
									</div>

									<div class="radio">
										<label><input type="radio" name="charge" id="yearlyCharge" value="yearly" data-charge="{{ $planDetails->PackageAnnualCostAUD }}" {{ $planInterval == 'yearly' ? 'checked' : ''}}>Annual ${{ $planDetails->PackageAnnualCostAUD }} (Buy 10, get 12. Save ${{ $planDetails->PackageMonthlyCostAUD *12 - $planDetails->PackageAnnualCostAUD}}!)</label>
									</div>
									<br>
									<div class="">
										Total $<span id="totalCharge"></span>
									</div>

							@elseif($locationDetails->continent_name == 'Europe')
								@if($onboardcharge == "checked")
								<div class="radio">
									<label><input type="radio" name="onBoardingCharge" id="onBoardingCharge" value="0" data-onBoardingCharge="0" checked>On-boarding $0</label>
								</div>
								@else
								<div class="radio">
									<label><input type="radio" name="onBoardingCharge" id="onBoardingCharge" value="{{ $planDetails->PackageOneTimeCostEUR }}" data-onBoardingCharge="{{ $planDetails->PackageOneTimeCostEUR }}" checked>On-boarding ${{ $planDetails->PackageOneTimeCostEUR }}</label>
								</div>
								@endif
									<div class="radio">
										<label><input type="radio" name="charge" id="monthlyCharge" value="monthly" data-charge="{{ $planDetails->PackageMonthlyCostEUR }}" {{ $planInterval == 'monthly' ? 'checked' : ''}}>Monthly ${{ $planDetails->PackageMonthlyCostEUR }}</label>
									</div>

									<div class="">
										<span>OR</span>
									</div>

									<div class="radio">
										<label><input type="radio" name="charge" id="yearlyCharge" value="yearly" data-charge="{{ $planDetails->PackageAnnualCostEUR }}" {{ $planInterval == 'yearly' ? 'checked' : ''}}>Annual ${{ $planDetails->PackageAnnualCostEUR }} (Buy 10, get 12. Save ${{ $planDetails->PackageMonthlyCostEUR * 12 - $planDetails->PackageAnnualCostEUR }}!)</label>
									</div>
									<br>
									<div class="">
										Total $<span id="totalCharge"></span>
									</div>
							@else

								@if($onboardcharge == "checked")
								<div class="radio">
									<label><input type="radio" name="onBoardingCharge" id="onBoardingCharge" value="0" data-onBoardingCharge="0" checked>On-boarding $0</label>
								</div>
								@else
								<div class="radio">
									<label><input type="radio" name="onBoardingCharge" id="onBoardingCharge" value="{{ $planDetails->PackageOneTimeCostUSD }}" data-onBoardingCharge="{{ $planDetails->PackageOneTimeCostUSD }}" checked>On-boarding ${{ $planDetails->PackageOneTimeCostUSD }}</label>
								</div>
								@endif

									<div class="radio">
										<label><input type="radio" name="charge" id="monthlyCharge" value="monthly" data-charge="{{ $planDetails->PackageMonthlyCostUSD }}" {{ $planInterval == 'monthly' ? 'checked' : ''}}>Monthly ${{ $planDetails->PackageMonthlyCostUSD }}</label>
									</div>

									<div class="">
										<span>OR</span>
									</div>

									<div class="radio">
										<label><input type="radio" name="charge" id="yearlyCharge" value="yearly" data-charge="{{ $planDetails->PackageAnnualCostUSD }}" {{ $planInterval == 'yearly' ? 'checked' : ''}}>Annual ${{ $planDetails->PackageAnnualCostUSD }} (Buy 10, get 12. Save ${{ $planDetails->PackageMonthlyCostUSD *12 - $planDetails->PackageAnnualCostUSD }}!)</label>
									</div>
									<br>
									<div class="">
										Total $<span id="totalCharge"></span>
									</div>
							@endif
						</div>
						@endif
						<br>

						@if(isset($resellerID) && isset($onboardcharge) && isset($email))
						<div class="text-center"> <a href="{{ url('/plans') }}/{{encrypt($onboardcharge)}}/{{encrypt($email)}}/{{$resellerID}}">Change plan</a> </div><br>
						@else
						<div class="text-center"> <a href="{{ url('/plans') }}">Change plan</a> </div><br>
						@endif


				</div>
				@endif


				<input type="hidden" name="subscriptionID" id="subscriptionID" value="">
				<input type="hidden" name="subscriptionStartDate" value="" id="subscriptionStartDate">
				<input type="hidden" name="planId" id="planId" value="{{ $planId }}">
				<input type="hidden" name="packageID" id="packageID" value="">
				<input type="hidden" name="accountManagerType" id="accountManagerType" value="invited">

				<input type="hidden" name="organisationUser" id="organisationUser" value="@if($organisationUser){{ $organisationUser }}@endif">
				<input type="hidden" name="organisationID" value="@if($organisationUser){{ $organisationID }}@endif">
				<input type="hidden" name="resellerID" value="@if(!$organisationUser && isset($resellerID)){{ $resellerID }}@endif">


				<div class="text-center">
					<div class="g-recaptcha" data-sitekey="6LfWyN4ZAAAAAISEV3XSqkUj826AxUgVLNUFbk3J" style="display: inline-block;"></div>
					<br />
					<span class="invalid-feedback login_error" role="alert" id="captchaErr">
						@if ($errors->has('g-recaptcha-response'))
							<strong>{{ $errors->first('g-recaptcha-response') }}</strong>
						@endif
					</span>
				</div>

				<input type="submit" name="submit_signup" onclick="return false;" id="submit_signup" class="login loginmodal-submit" value="Signup">
			</form>

			<br>

			<div class="login-help">

				{{ __('Already have an account?') }}
				<br>
          <a class="login-catalog" href="{{ url('/') }}">
              {{ __('Sign In') }}
          </a>

			</div>
		</div>
	</div>
	<div class="" id="tnc"></div> {{-- div to display Terms and Conditions --}}
</div>

<div class="stripeFormDiv">

</div>



@endsection