opensourcepos/app/Views/giftcards/form.php

<?php
/**
 * @var int $giftcard_id
 * @var string $selected_person_name
 * @var int $selected_person_id
 * @var string $giftcard_number
 * @var float $giftcard_value
 * @var string $controller_name
 */
?>
<div id="required_fields_message"><?php echo lang('Common.fields_required_message') ?></div>

<ul id="error_message_box" class="error_message_box"></ul>

<?php echo form_open("giftcards/save/$giftcard_id", ['id' => 'giftcard_form', 'class' => 'form-horizontal']) ?>
	<fieldset id="giftcard_basic_info">
		<div class="form-group form-group-sm">
			<?php echo form_label(lang('Giftcards.person_id'), 'person_name', ['class' => 'control-label col-xs-3']) ?>
			<div class='col-xs-8'>
				<?php echo form_input ([
					'name' => 'person_name',
					'id' => 'person_name',
					'class' => 'form-control input-sm',
					'value' => esc($selected_person_name)
				]) ?>
				<?php echo form_hidden('person_id', $selected_person_id) ?>
			</div>
		</div>

		<?php 
		$class = '';
		if($config['giftcard_number'] == 'series')
		{
			$class = ' required';
		}
		?>
		<div class="form-group form-group-sm">
			<?php echo form_label(lang('Giftcards.giftcard_number'), 'giftcard_number', ['class'=>"control-label col-xs-3$class"]) ?>
			<div class="col-xs-4'>
				<?php echo form_input ([
					'name' => 'giftcard_number',
					'id' => 'giftcard_number',
					'class' => 'form-control input-sm',
					'value' => esc($giftcard_number)
				]) ?>
			</div>
		</div>

		<div class="form-group form-group-sm">
			<?php echo form_label(lang('Giftcards.card_value'), 'giftcard_amount', ['class' => 'required control-label col-xs-3']) ?>
			<div class='col-xs-4'>
				<div class="input-group input-group-sm">
					<?php if (!currency_side()): ?>
						<span class="input-group-addon input-sm"><?php echo esc($config['currency_symbol']) ?></span>
					<?php endif; ?>
					<?php echo form_input ([
						'name' => 'giftcard_amount',
						'id' => 'giftcard_amount',
						'class' => 'form-control input-sm',
						'value'=>to_currency_no_money($giftcard_value)
					]) ?>
					<?php if (currency_side()): ?>
						<span class="input-group-addon input-sm"><b><?php echo esc($config['currency_symbol']) ?></span>
					<?php endif; ?>
				</div>
			</div>
		</div>
	</fieldset>
<?php echo form_close() ?>

<script type="text/javascript">
//validation and submit handling
$(document).ready(function()
{
	$("input[name='person_name']").change(function() {
		!$(this).val() && $(this).val('');
	});
	
	var fill_value = function(event, ui) {
		event.preventDefault();
		$("input[name='person_id']").val(ui.item.value);
		$("input[name='person_name']").val(ui.item.label);
	};

	$('#person_name').autocomplete({
		source: "<?php echo esc("customers/suggest") ?>",
		minChars: 0,
		delay: 15, 
	   	cacheLength: 1,
		appendTo: '.modal-content',
		select: fill_value,
		focus: fill_value
	});
	
	$('#giftcard_form').validate($.extend({
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				success: function(response)
				{
					dialog_support.hide();
					table_support.handle_submit("<?php echo esc($controller_name) ?>", response);
				},
				error: function(jqXHR, textStatus, errorThrown) 
				{
					table_support.handle_submit("<?php echo esc($controller_name) ?>", {message: errorThrown});
				},
				dataType: 'json'
			});
		},

		errorLabelContainer: '#error_message_box',

		rules:
		{
			<?php
			if($config['giftcard_number'] == 'series')
			{
			?>
			giftcard_number:
 			{
 				required: true,
 				number: true
 			},
 			<?php
			}
			?>
			giftcard_amount:
			{
				required: true,
				remote:
				{
					url: "<?php echo esc("$controller_name/checkNumberGiftcard") ?>",
					type: 'POST',
					data: {
						'amount': $('#giftcard_amount').val()
					},
					dataFilter: function(data) {
						var response = JSON.parse(data);
						$('#giftcard_amount').val(response.giftcard_amount);
						return response.success;
					}
				}
			}
		},

		messages:
		{
			<?php
			if($config['giftcard_number'] == 'series')
			{
			?>
				giftcard_number:
				{
					required: "<?php echo lang('Giftcards.number_required') ?>",
					number: "<?php echo lang('Giftcards.number') ?>"
				},
 			<?php
			}
			?>
			giftcard_amount:
			{
				required: "<?php echo lang('Giftcards.value_required') ?>",
				remote: "<?php echo lang('Giftcards.value') ?>"
			}
		}
	}, form_support.error));
});
</script>