<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Silence is golden
}

?>

<div id="tve-user_profile-component" class="tve-component" data-view="UserProfile">
	<div class="dropdown-header" data-prop="docked">
		<?php echo __( 'Main Options', 'thrive-cb' ); ?>
		<i></i>
	</div>
	<div class="dropdown-content">
		<div class="tcb-text-center mb-10 mr-5 ml-5 edit-mode-hidden">
			<button class="tve-button orange click" data-fn="editElement">
				<?php echo __( 'Edit design', 'thrive-cb' ); ?>
			</button>
		</div>
		<div class="tve-control" data-view="UserProfilePalette"></div>
		<div class="tve-control full-width" data-view="FieldsLabel"></div>
		<div class="tve-control mb-5" data-view="Width"></div>
		<div class="control-grid edit-mode-hidden">
			<div class="label"><?php echo __( 'Form fields', 'thrive-cb' ); ?></div>
			<div class="full">
				<a class="tcb-right click tve-lg-add-field" data-fn="addField">
					<i class="mr-5">
						<?php tcb_icon( 'plus-regular' ); ?>
					</i>
					<?php echo __( 'Add new', 'thrive-cb' ); ?>
				</a>
			</div>
		</div>
		<div class="tve-control edit-mode-hidden" data-view="FieldsControl" data-initializer="getFieldsControl"></div>

		<div id="lg-submit-options" class="skip-api no-service mb-5 click edit-mode-hidden">
			<div id="lg-success-message" data-key="message" class="mt-10">
					<span>
						<?php echo __( 'Success message', 'thrive-cb' ); ?>
					</span>
				<div class="mt-10">
					<input type="text" class="change" data-fn="changeSuccessMsg" value=""/>
					<a href="javascript:void(0);" class="click" data-fn="previewSuccessMsg" data-tooltip="<?php echo __( 'Preview success message', 'thrive-cb' ); ?>" data-side="top"><?php tcb_icon( 'eye-light' ); ?></a>
				</div>
			</div>
		</div>
		<div class="tcb-text-center mt-5 edit-mode-hidden">
			<button class="tve-button blue long click" data-fn="manageErrorMsg">
				<?php echo __( 'Edit error messages', 'thrive-cb' ); ?>
			</button>
		</div>
	</div>
</div>

