{% extends 'shared/auth.html.twig'%}
{% block title %}Sign Up{% endblock %}

	 {% block content %}
   	<!--begin::Form-->
							<form class="form w-100" novalidate="novalidate" id="kt_sign_in_form" method="post" action="#">
								<!--begin::Heading-->
								<div class="text-center mb-11">
									<!--begin::Title-->
									<h1 class="text-gray-900 fw-bolder mb-3">Request an Invite</h1>
									<!--end::Title-->
									<!--begin::Subtitle-->
									<div class="text-gray-500 fw-semibold fs-6">To Sign up for Clarify</div>
									<!--end::Subtitle=-->
								</div>
								<!--begin::Heading-->

								<!--begin::Input group=-->
								<div class="fv-row mb-8">
								<label class="form-check-label" for="kt_ecommerce_add_category_automation_0">
																<div class="fw-bold text-gray-800">Root user email address</div>
																<div class="text-gray-600">Used for account recovery and administrative functions</div>
									</label>
									<!--begin::Email-->
									<input type="text" placeholder="Email" name="email" autocomplete="off" class="form-control bg-transparent" />
									<!--end::Email-->
								</div>
							<div class="fv-row mb-8">
								<label class="form-check-label" for="kt_ecommerce_add_category_automation_0">
																<div class="fw-bold text-gray-800">Clarify account name</div>
																<div class="text-gray-600">Choose a name for your account. You can change this name in your account settings after you sign up.</div>
									</label>
									<!--begin::Email-->
									<input type="text" placeholder="Organization Name prefered" name="name" autocomplete="off" class="form-control bg-transparent" />
									<!--end::Email-->
								</div>
							
								
								<!--end::Input group=-->
								
								<!--begin::Submit button-->
								<div class="d-grid mb-10">
									<button type="submit" id="kt_sign_up_submit" class="btn btn-primary">
										<!--begin::Indicator label-->
										<span class="indicator-label">Verify Email Address</span>
										<!--end::Indicator label-->
										<!--begin::Indicator progress-->
										<span class="indicator-progress">Please wait...
										<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
										<!--end::Indicator progress-->
									</button>
								</div>
								<!--end::Submit button-->
								<!--begin::Sign up-->
								<div class="text-gray-500 text-center fw-semibold fs-6">
								<span class="font-weight-lighter red opacity-80">Currently in Beta (Version 0.34) </br>
											</span>Already have an Account?
								<a href="{{ url('app_signin')}}" class="link-primary fw-semibold">Sign in</a></div>
								<!--end::Sign up-->
							</form>
		<!--end::Form-->

      {% endblock %}

      {% block Javascript %}
      		{# <script src="{{secure_assets}}/js/custom/authentication/sign-in/general.js"></script> #}

      {% endblock %}