<?php
// Defaults.
$vars = array(
	
	'identifier'   => '',
	'esign_forminator_enable'     => '',
);

/** @var array $template_vars */
foreach ( $template_vars as $key => $val ) {
	$vars[ $key ] = $val;
} ?>

<style>
.esign_switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.esign_switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.esign_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.esign_slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .esign_slider {
  background-color: #2196F3;
}

input:focus + .esign_slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .esign_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.esign_slider.esign_round {
  border-radius: 34px;
}

.esign_slider.esign_round:before {
  border-radius: 50%;
}
.esign_enable_div {
    padding-left: 40%;
}
</style>

<div class="forminator-integration-popup__header">

	<h3 id="forminator-integration-popup__title" class="sui-box-title sui-lg" style="overflow: initial; white-space: normal; text-overflow: initial;">
		<?php
			/* translators: ... */
			echo esc_html( sprintf( __( 'Enabled WP E-signature Now', 'esign' )));
		?>
	</h3>

	<p id="forminator-integration-popup__description" class="sui-description"><?php esc_html_e( 'Setup WP E-Signature For Forminator.', 'esign' ); ?></p>



</div>

<form>

<div class="esign_enable_div">



<label class="esign_switch">
  <input name="esign_forminator_enable" value="1" type="checkbox" <?php if(isset($vars['esign_forminator_enable'])){ echo 'checked'; } ?> >
  <span class="esign_slider esign_round"></span>
</label>


</div>

<div class="sui-form-field">

<label class="sui-label"><?php esc_html_e( 'Identifier', 'forminator' ); ?></label>

<input name="identifier"
  placeholder="<?php esc_attr_e( 'E.g., Business Account', 'forminator' ); ?>"
  value="<?php echo esc_attr( $vars['identifier'] ); ?>"
  class="sui-form-control" />

<span class="sui-description"><?php esc_html_e( 'Helps distinguish between integrations if connecting to the same third-party app with multiple accounts.', 'forminator' ); ?></span>


</div>



</form>
