<link type="text/css" rel="stylesheet" href='{{app.config["app_url"]}}/app/themes/default/api/register-modal.css'>
<div id="myc-modal" class="myc-modal" style="display: none">
	<!-- Modal content -->
	<div class="myc-modal-content">
	  <div class="myc-modal-header">
	    <span class="myc-modal-close">&times;</span>
	    <div class="myc-modal-logo" >
			<img src="{{app.config['app_url']}}/app/themes/default/resources/images/{{app.config['portal_logo']}}" >
		</div>
	    <div class="myc-modal-title">{{"LBL_REGISTRATION_FORM"|trans}}</div>
	  </div>
	  
	  		{% if app.config['recaptcha_registration_enabled'] %} 
			<!-- <div class="g-recaptcha"
		          data-sitekey="{{app.config['recaptcha_client_key']}}"
		          data-callback="myc_recaptchaSuccess"
		          data-size="invisible" id="myc-form-recaptcha">
		    </div>	-->	
		    <div id="mycFormRecaptcha"></div>	    						
		    {% endif %}
		    
	   
	  <div class="myc-modal-body" id="myc-registration-form" style="display: none">
	   		
	   		{% if app.config['customer_registration_enabled'] %}
	   		
	   		<form id="contact-registration-form">
			
			<div class="myc-modal-blocklabel">{{"LBL_CONTACT_INFORMATION"|trans}}</div>
			{% for fieldname in app.config['customer_registration_fields'] %}
				{% set vars = {'fieldinfo': contact_fields[fieldname], 'print_labels': 1} %}
				<div class="myc-modal-field">
					{% include 'themes/default/modules/PortalModule/create_edit_fields.html' with vars %}						
				</div>
			{% endfor %}
			</form>
			
			<form id="org-registration-form">
			{% if app.config['customer_registration_enabled'] %} 
			<div class="clearfix"></div>
			<div class="myc-modal-blocklabel">{{"LBL_ACCOUNT_INFORMATION"|trans}}</div>
			{% for fieldname in app.config['org_registration_fields'] %}
				{% set vars = {'fieldinfo': org_fields[fieldname], 'print_labels': 1} %}
				<div class="myc-modal-field">
					{% include 'themes/default/modules/PortalModule/create_edit_fields.html' with vars %}
				</div>
			{% endfor %}
			
			{% endif %}
			</form>
			<div class="clearfix"></div><br>

		     {% endif %}
			
			<div id="myc-modal-message" style="display: none"></div>
			
			<div class="myc-modal-blocklabel  myc-modal-actions">
				<a href="javascript:myc_customerLoginPanel()"/>Login</a>&nbsp;&nbsp;
		        <button onclick="myc_customerRegister()" class="myc-success-btn" id="myc-submit-btn"/>{{"LBL_REGISTER_SUBMIT"|trans}}</button>
		        <button class="myc-close-btn" id="myc-close-btn" style="display: none"/>Close</button>
		    </div>
		    
		   
		    
	  </div>
	  
	  
	  <div class="myc-modal-body" id="myc-login-form" style="display: none">
	   		
	   		
	   		
	   		<form id="myc-contact-login-form">
			
			
			<div class="myc-modal-field">
				<label for="_username">Email</label>
				<input name="_username" type="email" class="validate" id="myc-login-email">				
			</div>
			<div class="myc-modal-field">
				<label for="_password">Password</label>
				<input name="_password" type="password" class="validate" id="myc-login-password">
			</div>
			<div class="myc-modal-field">
				<label>{{"LBL_SELECT_LANG"|trans}}</label>
				<select name="user_language" class="browser-default" id="myc-login-language">
			      {% for langcode,langname in av_languages %}
			      	  {% if langcode in app.config['limited_languages'] or app.config['limited_languages']|length==0 %}
		              <option value="{{langcode}}" {% if app.config.default_lang==langcode %}selected="selected"{% endif %}>{{langname}}</option>
					  {% endif %}
		          {% endfor %}
			    </select>
			    
			</div>
			
			</form>
			

			
			<div class="clearfix"></div><br>
			
			<div id="myc-modal-login-message" style="display: none"></div>
			
			<div class="myc-modal-blocklabel myc-modal-actions">
				 {% if app.config['customer_registration_enabled'] %}
				<a href="javascript:myc_customerRegisterPanel()"/>{{"LBL_REGISTER"|trans}}</a> {% endif %}
		        <button onclick="myc_customerLogin()"  class="myc-success-btn" id="myc-login-btn" />Login</button>&nbsp;&nbsp;		        
		        <button class="myc-close-btn" id="myc-close-btn" style="display: none"/>Close</button><br>
		        <a href="javascript:myc_customerForgotPanel()"/>{{"LBL_FORGOT_PASSWORD"|trans}}</a>
		    </div>
	  </div>
	  
	  
	  <div class="myc-modal-body" id="myc-forgot-form" style="display: none">
	   				
	   		<form id="myc-contact-forgot-form">
			
			
			<div class="myc-modal-field">
				<label for="_username">Email</label>
				<input name="_username" type="email" class="validate" id="myc-forgot-email">				
			</div>
			
			</form>
	
			<div class="clearfix"></div><br>
			
			<div id="myc-modal-forgot-message" style="display: none"></div>
			
			<div class="myc-modal-blocklabel myc-modal-actions">
				<a href="javascript:myc_customerLoginPanel()"/>Login</a>
		        <button onclick="myc_customerLogin()"  class="myc-success-btn" id="myc-forgot-btn" />Reset Password</button><br>
		        		    
		    </div>
	  </div>
	  
	  
	  
	
	</div>
</div>