{# jb-login-authenticator/itop-portal-base/portal/templates/bricks/two-factor-code/layout.html.twig #}
{# Two Factor Authentication brick base layout #}
{% extends 'itop-portal-base/portal/templates/bricks/layout.html.twig' %}

{% set oTwoFactorCodeForm = forms.twofactorcode %}

{% block pPageBodyClass %}{{ parent() }} page_two-factor-code_brick{% endblock %}

{% block pMainHeaderTitle %}
	{{ oBrick.GetTitle()|dict_s }}
{% endblock %}

{% block pMainContentHolder%}

	<div id="jb_two_factor_preferences">
		{% block pTwoFactorCodeWrapper %}
			<div class="row">
			
				<div class="col-sm-6" id="two-factor-code-row-1-col-1">
					<div class="panel panel-default" id="two-factor-code-left">
						<div class="panel-body">
							{% include 'jb-login-authenticator/templates/two-factor-code/two-factor-left.html.twig' %}
						</div>
					</div>
				</div>
				<div class="col-sm-6" id="two-factor-code-row-1-col-2">
					{% block pTwoFactorCodeFormContainer %}
						<div class="panel panel-default">
							{# 
							<div class="panel-heading">
								<h3 class="panel-title">{{ 'Class:appUserPreferences/Attribute:preferences'|dict_s }}</h3>
							</div>
							#}
							<div class="panel-body">
								<form id="{{ oTwoFactorCodeForm.id }}" class="" method="POST" action="{{ oTwoFactorCodeForm.renderer.GetEndpoint()|raw }}">
								
									{% include 'jb-login-authenticator/templates/two-factor-code/two-factor-right.html.twig' %}
									
									<div class="form_alerts">
										<div class="alert alert-success" role="alert" style="display: none;"></div>
										<div class="alert alert-warning" role="alert" style="display: none;"></div>
										<div class="alert alert-error alert-danger" role="alert" style="display: none;"></div>
									</div>
									
									<div class="form_fields">
										{{ oTwoFactorCodeForm.renderer.GetBaseLayout()|raw }}
									</div>
									<div class="form_buttons">
										
										<div class="form_btn_regular">
										
											{# Reset. Only allowed for users if two factor authentication is NOT enforced. #}
											{% if twofactorcode.enforced == false and twofactorcode.secret_enabled == true %}
										
												<input class="btn btn-primary form_btn_reset" type="submit" value="{{ 'UI:TwoFactorCode:DeleteSecret'|dict_s }}">
											
											{% endif %}
										
										
											<input class="btn btn-primary form_btn_setup" type="submit" value="{{ 'UI:Button:Apply'|dict_s }}">
										</div>
									</div>
								</form>
							</div>
						</div>
					{% endblock pTwoFactorCodeFormContainer %}
				</div>
			</div>
		{% endblock %}
	</div>
{% endblock %}

{% block pPageReadyScripts %}

	// Ready scripts Two factor code
	
	{{ parent() }}
	
	// TwoFactorCode form
	var oTwoFactorCodeFormFieldSet = $('#{{ oTwoFactorCodeForm.id }} > .form_fields').field_set({{ oTwoFactorCodeForm.fieldset|json_encode()|raw }});
	$('#{{ oTwoFactorCodeForm.id }}').portal_form_handler({
		formmanager_class: "{{ oTwoFactorCodeForm.formmanager_class|escape('js') }}",
		formmanager_data: {{ oTwoFactorCodeForm.formmanager_data|json_encode()|raw }},
		field_set: oTwoFactorCodeFormFieldSet,
		endpoint: "{{ oTwoFactorCodeForm.renderer.GetEndpoint()|raw }}"
	});
	
	
	// Setup/submit button
	$('#{{ oTwoFactorCodeForm.id }} .form_buttons .form_btn_setup').off('click').on('click', function(oEvent){
	
		oEvent.preventDefault();
		
		$('#{{ oTwoFactorCodeForm.id }} [name="two_factor_operation"]').val('do_setup_two_factor_secret');

		// Resetting feedback
		$('#two-factor-code-wrapper .form_alerts .alert').hide();
		$('#two-factor-code-wrapper .form_alerts .alert > p').remove();
		$('#two-factor-code-wrapper .form_field').removeClass('has-error');
		$('#two-factor-code-wrapper .form_field .help-block > p').remove();

		$('#{{ oTwoFactorCodeForm.id }}').portal_form_handler('submit', oEvent);
		
	});
	
	// Reset button
	$('#{{ oTwoFactorCodeForm.id }} .form_buttons .form_btn_reset').off('click').on('click', function(oEvent){
	
		oEvent.preventDefault();
		
		$('#{{ oTwoFactorCodeForm.id }} [name="two_factor_operation"]').val('delete_two_factor_secret');

		// Resetting feedback
		$('#two-factor-code-wrapper .form_alerts .alert').hide();
		$('#two-factor-code-wrapper .form_alerts .alert > p').remove();
		$('#two-factor-code-wrapper .form_field').removeClass('has-error');
		$('#two-factor-code-wrapper .form_field .help-block > p').remove();

		$('#{{ oTwoFactorCodeForm.id }}').portal_form_handler('submit', oEvent);
		
	});
	
	// End ready Two factor code
	
{% endblock %}