@extends('layouts.signup')

@section('content')

@php

if($opt == 'simple')
{
	$hide = 'display:none !important;';
	$smallFont = 'font-size: 15px !important;';
	$fullWidth = 'max-width: 100% !important;';
	$signupDiv = 'width:85%; margin-top: 2%; margin-bottom:2%;';
	$label = 'max-width: 25% !important; float: left; padding-right: 0px !important; margin-top: 5px;';
	$input = 'width: 74% !important;float: right;';
}
else
{
	$hide = '';
	$smallFont = '';
	$fullWidth = '';
	$signupDiv = 'width:60%; margin-top: 4%; margin-bottom:4%;';
	$label = '';
	$input = '';
}

@endphp

<div class="container signupDiv" style="{{ $signupDiv }}">
	<div class="row">
		<div class="product-text" style="{{ $hide }}">
				<img src="{{url('/')}}/images/logo.png" width="200" height="auto" alt="">
		</div>
		<br style="{{ $hide }}">
		<div class="text-center" style="{{ $hide }}"><h3>New User Signup</h3></div>
		<br style="{{ $hide }}">
		<div class="text-center">
			<h4 style="{{ $smallFont }}">
				This form is for new organizations only. If your organization has an existing Producty&reg; subscription,
				please ask your account manager for an invitation.
			</h4>
		</div>
		<div class="signupmodal-container" style="{{ $fullWidth }}">
			<form id="signupForm" class="form-horizontal" method="POST" action="{{url('accountManagerSignup')}}">
				@csrf
				<div class="form-group">
					<label style="{{ $label }}" for="firstName" class="control-label col-sm-4">First Name<sup>*<sup></label>
					<div class="col-sm-8" style="{{ $input }}">
						<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 style="{{ $label }}" for="lastName" class="control-label col-sm-4">Last Name*</label>
					<div class="col-sm-8" style="{{ $input }}">
						<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 style="{{ $label }}" for="email" class="control-label col-sm-4">Email*</label>
					<div class="col-sm-8" style="{{ $input }}">
						<input type="email" 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 style="{{ $label }}" for="emailVerificationCode" class="control-label col-sm-4">Email Verification Code*</label>
					<div class="col-sm-8" style="{{ $input }}">
						<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">
					<div class="login_error col-sm-8" id="domainErr">
							{{-- display error message for blacklisted email domains --}}
					</div>
				</div>

				<div class="form-group">
					<label style="{{ $label }}" for="phone" class="control-label col-sm-4">Contact number*</label>
					<div class="col-sm-8" style="{{ $input }}">
						<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 style="{{ $label }}" for="orgName" class="control-label col-sm-4">Organisation name*</label>
					<div class="col-sm-8" style="{{ $input }}">
						<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 style="{{ $label }}" for="password" class="control-label col-sm-4">Password*</label>
					<div class="col-sm-8" style="{{ $input }}">
						<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 style="{{ $label }}" for="confirmPassword" class="control-label col-sm-4">Confirm password*</label>
					<div class="col-sm-8" style="{{ $input }}">
						<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>

				<div class="row" style="{{ $hide }}">
						<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')

									<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>
									<div class="radio">
									  <label><input type="radio" name="charge" id="monthlyCharge" value="monthly" data-charge="{{ $planDetails->PackageMonthlyCostAUD }}" 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 }}">Annual ${{ $planDetails->PackageAnnualCostAUD }} (Buy 10, get 12. Save ${{ 2 * $planDetails->PackageMonthlyCostAUD }}!)</label>
									</div>
									<br>
									<div class="">
										Total $<span id="totalCharge"></span>
									</div>

							@elseif($locationDetails->continent_name == 'Europe')
									<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>
									<div class="radio">
										<label><input type="radio" name="charge" id="monthlyCharge" value="monthly" data-charge="{{ $planDetails->PackageMonthlyCostEUR }}" 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 }}">Annual ${{ $planDetails->PackageAnnualCostEUR }} (Buy 10, get 12. Save $598!)</label>
									</div>
									<br>
									<div class="">
										Total $<span id="totalCharge"></span>
									</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>
									<div class="radio">
										<label><input type="radio" name="charge" id="monthlyCharge" value="monthly" data-charge="{{ $planDetails->PackageMonthlyCostUSD }}" 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 }}">Annual ${{ $planDetails->PackageAnnualCostUSD }} (Buy 10, get 12. Save $598!)</label>
									</div>
									<br>
									<div class="">
										Total $<span id="totalCharge"></span>
									</div>
							@endif
						</div>
						@endif
						<br style="{{ $hide }}">
						<div class="text-center" style="{{ $hide }}"> <a href="{{ url('/plans') }}">Change plan</a> </div>
						<br style="{{ $hide }}">
				</div>

				<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="direct">

				<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 style="{{ $hide }}">

			<div class="login-help" style="{{ $hide }}">

				{{ __('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