@extends('frontend.layouts.main') @section('content')

<div class="login-box">
	<div class="login-logo">
		<b>EisenVault</b> Checkout Page
	</div>
	<!-- /.login-logo -->
	<div class="login-box-body">
		<p class="login-box-msg">Please login to your existing EisenVault Licensing Account or Register for a new EisenVault Licensing Account</p>
		<div class="box box-primary">
			<div class="box-header with-border">
				<h3 class="box-title">LOGIN OR SIGNUP</h3>
			</div>
			<!-- /.box-header -->
			<!-- form start -->
			<div class="row">
				<div class="box-body">
					<div class="col-md-6 text-center">
						<a id="btn_old_user" class="btn btn-success">I already have an account</a>
					</div>
					<div class="col-md-6 text-center">
						<a id="btn_new_user" class="btn btn-primary">I am a new user</a>
					</div>
				</div>
				<!-- /.box-body -->
			</div>					
		</div>	
		@if ($errors->any())
			<div class="alert alert-danger">
				<ul>
					@foreach ($errors->all() as $error)
						<li>{{ $error }}</li>
					@endforeach
				</ul>
			</div>
		@endif

			<div class="box box-primary {{ !Session::has('login_failed') ? 'hide' : '' }}" id="dv_login">
				<div class="box-header with-border">
					<h3 class="box-title">Login Details</h3>
				</div>
				<!-- /.box-header -->
				<!-- form start -->
				<form method="post" action="{{ route('submit-user-login') }}">
					{{ csrf_field() }}
					<div class="box-body">
						<div class="form-group {{ $errors->has('email') ? 'has-error' : ''}}">
							<label for="email">Email</label>
							<input type="text" class="form-control" id="email" name="email" placeholder="you@example.com" value="{{ old('email') ?? '' }}">
							{!! $errors->first('email', '<p class="help-block">:message</p>') !!}
						</div>	
						<div class="form-group {{ $errors->has('password') ? 'has-error' : ''}}">
							<label for="password">Password</label>
							<input type="password" class="form-control" id="password" name="password" placeholder="Enter Password" value="{{ old('password')  ?? '' }}">
							{!! $errors->first('password', '<p class="help-block">:message</p>') !!}
						</div>
						<div class="form-group">
							<button type="submit" class="btn btn-success">Login</button>
						</div>
					</div>
				</form>
			<!-- /.box-body -->
			</div>
			<div class="box box-primary {{ !Session::has('registration_failed') ? 'hide' : '' }}" id="dv_register">
				<div class="box-header with-border">
					<h3 class="box-title">Personal Information</h3>
				</div>
				<!-- /.box-header -->
				<!-- form start -->
				<form method="post" action="{{ route('submit-user-registration') }}">
					{{ csrf_field() }}
					<div class="box-body">
						<div class="form-group {{ $errors->has('firstname') ? 'has-error' : ''}}">
							<label for="firstname">First Name</label>
							<input type="text" class="form-control" id="firstname" name="firstname" placeholder="Enter firstname" value="{{ old('firstname') ?? session('payment')['firstname'] ?? '' }}">
							{!! $errors->first('firstname', '<p class="help-block">:message</p>') !!}
						</div>	
						<div class="form-group {{ $errors->has('lastname') ? 'has-error' : ''}}">
							<label for="lastname">Last Name</label>
							<input type="text" class="form-control" id="lastname" name="lastname" placeholder="Enter lastname" value="{{ old('lastname')  ?? session('payment')['lastname'] ?? '' }}">
							{!! $errors->first('lastname', '<p class="help-block">:message</p>') !!}
						</div>	
						<div class="form-group {{ $errors->has('phone') ? 'has-error' : ''}}">
							<label for="phone">Phone</label>
							<input type="text" class="form-control" id="phone" name="phone" placeholder="Enter phone" value="{{ old('phone')  ?? session('payment')['phone'] ?? '' }}">
							{!! $errors->first('phone', '<p class="help-block">:message</p>') !!}
						</div>													
						<div class="form-group {{ $errors->has('email') ? 'has-error' : ''}}">
							<label for="email">Email Address</label>
								<input type="email" class="form-control" id="email2" name="email" placeholder="Enter email" value="{{ old('email')  ?? session('payment')['email'] ?? '' }}">
								{!! $errors->first('email', '<p class="help-block">:message</p>') !!}
						</div>
						<div class="form-group {{ $errors->has('password') ? 'has-error' : ''}}">
							<label for="password">Password</label>
							<input type="password" class="form-control" id="password2" name="password" placeholder="Password" value="{{ old('password') ?? '' }}">
							{!! $errors->first('password', '<p class="help-block">:message</p>') !!}
						</div>
						<div class="form-group {{ $errors->has('password_confirm') ? 'has-error' : ''}}">
							<label for="password_confirm">Confirm Password</label>
							<input type="password" class="form-control" id="password_confirm" name="password_confirm" placeholder="Confirm password" value="{{ old('password_confirm') ?? '' }}">
							{!! $errors->first('password_confirm', '<p class="help-block">:message</p>') !!}
						</div>
					</div>


					<div class="box-header with-border">
						<h3 class="box-title">Billing Information</h3>
					</div>					
					<div class="box-body">
						<div class="form-group {{ $errors->has('addressline1') ? 'has-error' : ''}}">
							<label for="addressline1">Address Line 1</label>
							<input type="text" class="form-control" id="addressline1" name="addressline1" placeholder="Address Line 1" value="{{ old('addressline1') ?? session('payment')['addressline1'] ?? '' }}">
							{!! $errors->first('addressline1', '<p class="help-block">:message</p>') !!}
						</div>	
						<div class="form-group {{ $errors->has('addressline2') ? 'has-error' : ''}}">
							<label for="addressline2">Address Line 2</label>
							<input type="text" class="form-control" id="addressline2" name="addressline2" placeholder="Address Line 2" value="{{ old('addressline2')  ?? session('payment')['addressline2'] ?? '' }}">
							{!! $errors->first('addressline2', '<p class="help-block">:message</p>') !!}
						</div>	
						<div class="form-group {{ $errors->has('zipcode') ? 'has-error' : ''}}">
							<label for="zipcode">ZipCode</label>
							<input type="text" class="form-control" id="zipcode" name="zipcode" placeholder="Zipcode" value="{{ old('zipcode')  ?? session('payment')['zipcode'] ?? '' }}">
							{!! $errors->first('zipcode', '<p class="help-block">:message</p>') !!}
						</div>						
						<div class="form-group {{ $errors->has('country_id') ? 'has-error' : ''}}">
							<label for="country_id">Select Country</label>
							<select class="form-control" id="country_id" name="country_id" >
								<option value="">Select One</option>
								@foreach ($countries as $country)
									<option value="{{ $country->id}}" {{ (old('country_id') == $country->id) ? 'selected' : null }}>{{ $country->name }}</option>
								@endforeach
							</select>
							{!! $errors->first('country_id', '<p class="help-block">:message</p>') !!}
						</div>													
						<div class="form-group {{ $errors->has('state') ? 'has-error' : ''}}">
							<label for="state">State</label>
							<select class="form-control hide" id="selstate">
							</select>
							<input type="text" name="state" id="txtstate" class="form-control" value="{{ old('state') ?? '' }}">
							{!! $errors->first('state', '<p class="help-block">:message</p>') !!}
						</div>
						<div class="form-group {{ $errors->has('city') ? 'has-error' : ''}}">
							<label for="city">City</label>
							<select class="form-control hide" id="selcity">
							</select>
							<input type="text" name="city" id="txtcity" class="form-control" value="{{ old('city') ?? '' }}">
							{!! $errors->first('city', '<p class="help-block">:message</p>') !!}
						</div>						
					</div>		

					<div class="box-header with-border">
						<h3 class="box-title">Company Information</h3>
					</div>					
					<div class="box-body">
						<div class="form-group {{ $errors->has('gst_number') ? 'has-error' : ''}}">
							<label for="gst_number">GST Number (optional)</label>
							<input type="text" class="form-control" id="gst_number" name="gst_number" placeholder="Example: 22AAAAA0000A1Z5" value="{{ old('gst_number') ?? session('payment')['gst_number'] ?? '' }}">
							{!! $errors->first('gst_number', '<p class="help-block">:message</p>') !!}
						</div>	
						<div class="form-group {{ $errors->has('company_name') ? 'has-error' : ''}}">
							<label for="company_name">Company Name</label>
							<input type="text" class="form-control" id="company_name" name="company_name" placeholder="Enter Company Name" value="{{ old('company_name')  ?? session('payment')['company_name'] ?? '' }}">
							{!! $errors->first('company_name', '<p class="help-block">:message</p>') !!}
						</div>		
					</div>
					<div class="box-body">
						<div class="form-group">
							<button type="submit" class="btn btn-primary">Register</button>
						</div>	
					</div>													
				</form>
					<!-- /.box-body -->
			</div>
	</div>
	<!-- /.login-box-body -->
	<div class="clearfix">&nbsp;</div>
	<div class="text-center">@include('frontend.includes.copyright')</div>


</div>
<!-- /.login-box -->

<script>
	$(document).ready(function(){
		$('#btn_old_user').on('click', function() {
			$('#dv_login').toggleClass('hide');
			$('#dv_register').addClass('hide');
		});

		$('#btn_new_user').on('click', function() {
			$('#dv_login').addClass('hide');
			$('#dv_register').toggleClass('hide');
		});			
	});
</script>
@include('frontend.includes.register-js')
@endsection