<?php
//==============================================================================
// Flexible Form v151.1
// 
// Author: Clear Thinking, LLC
// E-mail: johnathan@getclearthinking.com
// Website: http://www.getclearthinking.com
//==============================================================================
?>

<?php echo $header; ?>

<?php $v14x = (!defined('VERSION') || VERSION < 1.5); ?>

<style type="text/css">
.list td {
	padding: 7px !important;
}
table.list tr td:first-child {
	width: auto;
}
a[tab] img {
	vertical-align: text-top;
}
</style>

<?php if ($v14x) { ?>
	<?php if ($error_warning) echo '<div class="warning">' . $error_warning . '</div>'; ?>
	<?php if ($success) echo '<div class="success">' . $success . '</div>'; ?>
	<div class="box">
		<div class="left"></div>
		<div class="right"></div>
		<div class="heading">
			<h1 style="background-image: url('view/image/module.png');"><?php echo $heading_title; ?></h1>
<?php } else { ?>
	<div id="content">
		<div class="breadcrumb">
			<?php foreach ($breadcrumbs as $breadcrumb) { ?>
				<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
			<?php } ?>
		</div>
		<?php if ($error_warning) echo '<div class="warning">' . $error_warning . '</div>'; ?>
		<?php if ($success) echo '<div class="success">' . $success . '</div>'; ?>
		<div class="box">
			<div class="heading">
				<h1><img src="view/image/module.png" alt="" /> <?php echo $heading_title; ?></h1>
<?php } ?>

		<div class="buttons">
			<a id="save-exit" onclick="$('#form').attr('action', '<?php echo $save_exit; ?>'); $('#form').submit();" class="button"><span><?php echo $button_save_exit; ?></span></a>
			<a id="save-keep-editing" onclick="$('#form').attr('action', '<?php echo $save_keep_editing; ?>'); $('#form').submit();" class="button"><span><?php echo $button_save_keep_editing; ?></span></a>
			<a id="cancel" onclick="location = '<?php echo $cancel; ?>';" class="button"><span><?php echo $button_cancel; ?></span></a>
		</div>
	</div>
	<div class="content">
		<form action="" method="post" enctype="multipart/form-data" id="form">
			<input type="hidden" name="form_status" value="1" />
			<div id="tab-container" style="display: inline-block; width: 100%;">
				<div id="tabs" class="vtabs">
					<a <?php echo $v14x ? 'tab' : 'href'; ?>="#tab-add-form" id="sidetab-add-form" onclick="event.preventDefault()">
						<input type="text" size="17" id="new-form-keyword" />
						<img src="view/image/add_form.png" alt="add_form" onclick="nfk = $.trim($('#new-form-keyword').val()); if (nfk) addForm(nfk)" />
					</a>
					<?php foreach ($form_data as $id => $data) { ?>
						<a <?php echo $v14x ? 'tab' : 'href'; ?>="#tab-form-<?php echo $id; ?>" id="sidetab-form-<?php echo $id; ?>" onclick="event.preventDefault()">
							<?php echo $id; ?>
							<img src="view/image/delete_form.png" alt="delete_form" onclick="$('#tab-form-<?php echo $id; ?>').remove(); $(this).parent().remove(); event.preventDefault(); $('#save-keep-editing').click();" />
						</a>
					<?php } ?>
				</div>
				<div id="tab-add-form" class="vtabs<?php echo $v14x ? '_page' : '-content'; ?>"><?php echo $text_add_new_form; ?></div>
				<?php $field_count = 0; ?>
				<?php foreach ($form_data as $id => $data) { ?>
					<div id="tab-form-<?php echo $id; ?>" class="vtabs<?php echo $v14x ? '_page' : '-content'; ?>">
						<table class="form">
						<tr>
							<td><?php echo $entry_html_code; ?></td>
							<td><input id="form-<?php echo $id; ?>-htmlcode" type="text" style="font-size: 11px; width: 70%; background: #F8F8F8" readonly="readonly" onclick="this.select()" value='<a href="<?php echo HTTP_CATALOG . 'index.php?route=information/form&form=' . $id; ?>"><?php echo $id; ?></a>' /></td>
						</tr>
						<tr>
							<td><?php echo $entry_title; ?></td>
							<td><input type="text" size="40" name="form_data[<?php echo $id; ?>][title]" value="<?php echo $form_data[$id]['title']; ?>" /></td>
						</tr>
						<tr>
							<td><?php echo $entry_send_to; ?></td>
							<td><input type="text" size="40" name="form_data[<?php echo $id; ?>][email]" value="<?php echo $form_data[$id]['email']; ?>" /></td>
						</tr>
						<tr>
							<td><?php echo $entry_captcha; ?></td>
							<td><select name="form_data[<?php echo $id; ?>][captcha]">
									<option value="1" <?php if ($data['captcha']) echo 'selected="selected"'; ?>><?php echo $text_yes; ?></option>
									<option value="0" <?php if (!$data['captcha']) echo 'selected="selected"'; ?>><?php echo $text_no; ?></option>
								</select>
							</td>
						</tr>
						<tr>
							<td><?php echo $entry_file_size_limit; ?></td>
							<td><input type="text" size="10" name="form_data[<?php echo $id; ?>][filesize_limit]" value="<?php echo $form_data[$id]['filesize_limit']; ?>" /> <?php echo $text_kb; ?></td>
						</tr>
						<tr>
							<td><?php echo $entry_allowed_extensions; ?></td>
							<td><input type="text" size="40" name="form_data[<?php echo $id; ?>][allowed_ext]" value="<?php echo $form_data[$id]['allowed_ext']; ?>" /></td>
						</tr>
						<tr>
							<td><?php echo $entry_description; ?></td>
							<td><textarea name="form_data[<?php echo $id; ?>][description]" id="form-<?php echo $id; ?>-description"><?php echo $form_data[$id]['description']; ?></textarea></td>
						</tr>
						<tr>
							<td colspan="2">
								<table id="form-<?php echo $id; ?>-fields" class="list" cellpadding="7">
								<thead>
									<tr>
										<td><?php echo $text_required; ?></td>
										<td><?php echo $text_name; ?></td>
										<td><?php echo $text_type; ?></td>
										<td><?php echo $text_value; ?></td>
										<td><?php echo $text_column; ?></td>
										<td style="white-space: nowrap"><?php echo $text_sort_order; ?></td>
										<td>&nbsp;</td>
									</tr>
								</thead>
								<?php if (isset($form_data[$id]['fields'])) { ?>
									<?php foreach ($form_data[$id]['fields'] as $field) { ?>
										<tr>
											<td><select name="form_data[<?php echo $id; ?>][fields][<?php echo $field_count; ?>][required]">
													<option value="1" <?php if ($field['required'] == 1) echo 'selected="selected"'; ?>><?php echo $text_yes; ?></option>
													<option value="0" <?php if ($field['required'] == 0) echo 'selected="selected"'; ?>><?php echo $text_no; ?></option>
												</select>
											</td>
											<td><input type="text" name="form_data[<?php echo $id; ?>][fields][<?php echo $field_count; ?>][name]" style="width: 95%" value="<?php echo $field['name']; ?>" /></td>
											<td><select name="form_data[<?php echo $id; ?>][fields][<?php echo $field_count; ?>][type]" onchange="$(this).parent().next().find('input').attr('class', $(this).val()); attachDatePickers()">
													<optgroup label="<?php echo $field_selection_based; ?>">
														<option value="checkbox" <?php if ($field['type'] == 'checkbox') echo 'selected="selected"'; ?>><?php echo $field_checkbox; ?></option>
														<option value="radio" <?php if ($field['type'] == 'radio') echo 'selected="selected"'; ?>><?php echo $field_radio; ?></option>
														<option value="select" <?php if ($field['type'] == 'select') echo 'selected="selected"'; ?>><?php echo $field_select; ?></option>
													</optgroup>
													<optgroup label="<?php echo $field_text_based; ?>">
														<option value="text" <?php if ($field['type'] == 'text') echo 'selected="selected"'; ?>><?php echo $field_text; ?></option>
														<option value="textarea" <?php if ($field['type'] == 'textarea') echo 'selected="selected"'; ?>><?php echo $field_textarea; ?></option>
													</optgroup>
													<optgroup label="<?php echo $field_time_based; ?>">
														<option value="date" <?php if ($field['type'] == 'date') echo 'selected="selected"'; ?>><?php echo $field_date; ?></option>
														<option value="time" <?php if ($field['type'] == 'time') echo 'selected="selected"'; ?>><?php echo $field_time; ?></option>
														<option value="datetime" <?php if ($field['type'] == 'datetime') echo 'selected="selected"'; ?>><?php echo $field_date_and_time; ?></option>
													</optgroup>
													<optgroup label="<?php echo $field_upload_based; ?>">
														<option value="file" <?php if ($field['type'] == 'file') echo 'selected="selected"'; ?>><?php echo $field_file; ?></option>
													</optgroup>
												</select>
											</td>
											<td><input type="text" name="form_data[<?php echo $id; ?>][fields][<?php echo $field_count; ?>][value]" style="width: 98%" value="<?php echo $field['value']; ?>" <?php if ($field['type'] == 'date' || $field['type'] == 'time' || $field['type'] == 'datetime') echo 'class="' . $field['type'] . '"'; ?> /></td>
											<td><select name="form_data[<?php echo $id; ?>][fields][<?php echo $field_count; ?>][column]">
													<option value="1" <?php if ($field['column'] == 1) echo 'selected="selected"'; ?>>1</option>
													<option value="2" <?php if ($field['column'] == 2) echo 'selected="selected"'; ?>>2</option>
												</select>
											</td>
											<td><input type="text" size="1" name="form_data[<?php echo $id; ?>][fields][<?php echo $field_count; ?>][sort_order]" value="<?php echo $field['sort_order']; ?>" /></td>
											<td><a onclick="$(this).parent().parent().remove();" class="button"><span><?php echo $button_remove; ?></span></a></td>
										</tr>
										<?php $field_count++; ?>
									<?php } ?>
								<?php } ?>
								<tfoot>
									<tr>
										<td colspan="6"></td>
										<td><a onclick="addField('<?php echo $id; ?>');" class="button"><span style="white-space: nowrap"><?php echo $button_add_field; ?></span></a></td>
									</tr>
								</tfoot>
								</table>
							</td>
						</tr>
						</table>
					</div>
				<?php } ?>
			</div>
		</form>
	</div>
</div>

<?php if ($v14x) { ?>
	<script type="text/javascript" src="view/javascript/jquery/ui/ui.datepicker.js"></script>
	<script type="text/javascript" src="view/javascript/jquery/ui/ui.dialog.js"></script>
	<script type="text/javascript" src="view/javascript/jquery/ui/ui.draggable.js"></script>
	<script type="text/javascript" src="view/javascript/jquery/ui/ui.resizable.js"></script>
	<script type="text/javascript" src="view/javascript/jquery/ui/ui.slider.js"></script>
	<script type="text/javascript" src="view/javascript/jquery/ui/external/bgiframe/jquery.bgiframe.js"></script>
<?php } else { ?>
	</div>
<?php } ?>

<script type="text/javascript" src="view/javascript/ckeditor/ckeditor.js"></script> 
<script type="text/javascript" src="view/javascript/jquery/ui/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript"><!--
function image_upload(field, preview) {
	$('#dialog').remove();
	
	$('#content').prepend('<div id="dialog" style="padding: 3px 0px 0px 0px;"><iframe src="index.php?route=common/filemanager&token=<?php echo $token; ?>&field=' + encodeURIComponent(field) + '" style="padding:0; margin: 0; display: block; width: 100%; height: 100%;" frameborder="no" scrolling="auto"></iframe></div>');
	
	$('#dialog').dialog({
		title: '<?php echo $text_image_manager; ?>',
		close: function (event, ui) {
			if ($('#' + field).attr('value')) {
				$.ajax({
					url: 'index.php?route=common/filemanager/image&token=<?php echo $token; ?>',
					type: 'POST',
					data: 'image=' + encodeURIComponent($('#' + field).val()),
					dataType: 'text',
					success: function(data) {
						$('#' + preview).replaceWith('<img src="' + data + '" alt="" id="' + preview + '" class="image" onclick="image_upload(\'' + field + '\', \'' + preview + '\');" />');
					}
				});
			}
		},	
		bgiframe: false,
		width: 700,
		height: 400,
		resizable: false,
		modal: false
	});
};
//--></script>

<script type="text/javascript"><!--
function attachCKEditor(id) {
	CKEDITOR.replace('form-' + id + '-description', {
		height: '200px',
		filebrowserBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
		filebrowserImageBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
		filebrowserFlashBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
		filebrowserUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
		filebrowserImageUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
		filebrowserFlashUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>'
	});	
}


function attachTabs() {
	<?php if ($v14x) { ?>
		$.tabs('#tabs a');
	<?php } else { ?>
		$('#tabs a').tabs(); 
	<?php } ?>
}


function attachDatePickers() {
	$('.date').datepicker({dateFormat: 'yy-mm-dd'});
	$('.datetime').datetimepicker({
		dateFormat: 'yy-mm-dd',
		timeFormat: 'h:mm tt',
		separator: ' @ ',
		ampm: true
	});
	$('.time').timepicker({
		timeFormat: 'h:mm tt',
		ampm: true
	});
}


function addForm(id) {
	$('#new-form-keyword').val('');
	
	$('#tab-container').append('\
		<div id="tab-form-' + id + '" class="vtabs<?php echo $v14x ? '_page' : '-content'; ?>">\
			<table class="form">\
			<tr>\
				<td><?php echo $entry_html_code; ?></td>\
				<td><input id="form-' + id + '-htmlcode" type="text" style="font-size: 11px; width: 100%; background: #F8F8F8" readonly="readonly" onclick="this.select()" value=\'<a href="<?php echo HTTP_CATALOG . 'index.php?route=information/form&form='; ?>' + id + '">' + id + '</a>\' /></td>\
			</tr>\
			<tr>\
				<td><?php echo $entry_title; ?></td>\
				<td><input type="text" size="40" name="form_data[' + id + '][title]" /></td>\
			</tr>\
			<tr>\
				<td><?php echo $entry_send_to; ?></td>\
				<td><input type="text" size="40" name="form_data[' + id + '][email]" /></td>\
			</tr>\
			<tr>\
				<td><?php echo $entry_captcha; ?></td>\
				<td><select name="form_data[' + id + '][captcha]">\
						<option value="1"><?php echo $text_yes; ?></option>\
						<option value="0"><?php echo $text_no; ?></option>\
					</select>\
				</td>\
			</tr>\
			<tr>\
				<td><?php echo $entry_file_size_limit; ?></td>\
				<td><input type="text" size="10" name="form_data[' + id + '][filesize_limit]" value="1024" /> <?php echo $text_kb; ?></td>\
			</tr>\
			<tr>\
				<td><?php echo $entry_allowed_extensions; ?></td>\
				<td><input type="text" size="40" name="form_data[' + id + '][allowed_ext]" value="gif, jpg, jpeg, png, pdf, txt" /></td>\
			</tr>\
			<tr>\
				<td><?php echo $entry_description; ?></td>\
				<td><textarea name="form_data[' + id + '][description]" id="form-' + id + '-description"></textarea></td>\
			</tr>\
			<tr>\
				<td colspan="2">\
					<table id="form-' + id + '-fields" class="list" cellpadding="7">\
					<thead>\
						<tr>\
							<td><?php echo $text_required; ?></td>\
							<td><?php echo $text_name; ?></td>\
							<td><?php echo $text_type; ?></td>\
							<td><?php echo $text_value; ?></td>\
							<td><?php echo $text_column; ?></td>\
							<td style="white-space: nowrap"><?php echo $text_sort_order; ?></td>\
							<td>&nbsp;</td>\
						</tr>\
					</thead>\
					<tfoot>\
						<tr>\
							<td colspan="6"></td>\
							<td><a onclick="addField(\'' + id + '\');" class="button"><span style="white-space: nowrap"><?php echo $button_add_field; ?></span></a></td>\
						</tr>\
					</tfoot>\
					</table>\
				</td>\
			</tr>\
			</table>\
		</div>\
	');
	
	$('#tabs').append('\
		<a <?php echo $v14x ? 'tab' : 'href'; ?>="#tab-form-' + id + '">\
			' + id + '\
			<img src="view/image/delete_form.png" alt="delete_form" onclick="$(\'#tab-form-' + id + '\').remove(); $(this).parent().remove(); event.preventDefault(); $(\'#save-keep-editing\').click();" />\
		</a>\
	');
	
	attachTabs();
	attachCKEditor(id);
}


var fieldCount = <?php echo $field_count; ?>;

function addField(id) {
	$('#form-' + id + '-fields tfoot').before('\
		<tr>\
			<td><select name="form_data[' + id + '][fields][' + fieldCount + '][required]">\
					<option value="1"><?php echo $text_yes; ?></option>\
					<option value="0" selected="selected"><?php echo $text_no; ?></option>\
				</select>\
			</td>\
			<td><input type="text" name="form_data[' + id + '][fields][' + fieldCount + '][name]" style="width: 95%" /></td>\
			<td><select name="form_data[' + id + '][fields][' + fieldCount + '][type]" onchange="$(this).parent().next().find(\'input\').attr(\'class\', $(this).val()); attachDatePickers()">\
				<optgroup label="<?php echo $field_selection_based; ?>">\
					<option value="checkbox"><?php echo $field_checkbox; ?></option>\
					<option value="radio"><?php echo $field_radio; ?></option>\
					<option value="select"><?php echo $field_select; ?></option>\
				</optgroup>\
				<optgroup label="<?php echo $field_text_based; ?>">\
					<option value="text"><?php echo $field_text; ?></option>\
					<option value="textarea"><?php echo $field_textarea; ?></option>\
				</optgroup>\
				<optgroup label="<?php echo $field_time_based; ?>">\
					<option value="date"><?php echo $field_date; ?></option>\
					<option value="time"><?php echo $field_time; ?></option>\
					<option value="datetime"><?php echo $field_date_and_time; ?></option>\
				</optgroup>\
				<optgroup label="<?php echo $field_upload_based; ?>">\
					<option value="file"><?php echo $field_file; ?></option>\
				</optgroup>\
				</select>\
			</td>\
			<td><input type="text" name="form_data[' + id + '][fields][' + fieldCount + '][value]" style="width: 98%" /></td>\
			<td><select name="form_data[' + id + '][fields][' + fieldCount + '][column]">\
					<option value="1">1</option>\
					<option value="2">2</option>\
				</select>\
			</td>\
			<td><input type="text" size="1" name="form_data[' + id + '][fields][' + fieldCount + '][sort_order]" /></td>\
			<td><a onclick="$(this).parent().parent().remove();" class="button"><span><?php echo $button_remove; ?></span></a></td>\
		</tr>\
	');
	fieldCount++;
}


$(document).ready(function(){
	<?php foreach ($form_data as $id => $data) { ?>
	attachCKEditor('<?php echo $id; ?>');
	<?php } ?>
	attachTabs();
	attachDatePickers();	
});
//--></script>

<?php echo $footer; ?>