{{ header }}{{ column_left }}
<div id="content">
	<div class="page-header">
		<div class="container-fluid">
			<div class="pull-right">
				<button type="submit" form="form-faq" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
				<a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a>
			</div>
			<h1>{{ heading_title }}</h1>
			<ul class="breadcrumb">
				{% for breadcrumb in breadcrumbs %}
				<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
				{% endfor %}
			</ul>
		</div>
	</div>
	<div class="container-fluid">
		{% if error_warning %}
		<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
			<button type="button" class="close" data-dismiss="alert">&times;</button>
		</div>
		{% endif %}
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_form }}</h3>
			</div>
			<div class="panel-body">
				<form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-faq" class="form-horizontal">
					<div class="form-group required">
						<label class="col-sm-2 control-label" for="input-author">{{ entry_author }}</label>
						<div class="col-sm-10">
							<input type="text" name="author" value="{{ author }}" placeholder="{{ entry_author }}" id="input-author" class="form-control" />
							{% if error_author %}
							<div class="text-danger">{{ error_author }}</div>
							{% endif %}
						</div>
					</div>
					<div class="form-group required">
						<label class="col-sm-2 control-label" for="input-product"><span data-toggle="tooltip" title="{{ help_product }}">{{ entry_product }}</span></label>
						<div class="col-sm-10">
							<input type="text" name="product" value="{{ product }}" placeholder="{{ entry_product }}" id="input-product" class="form-control" />
							<input type="hidden" name="product_id" value="{{ product_id }}" />
							{% if error_product %}
							<div class="text-danger">{{ error_product }}</div>
							{% endif %}
						</div>
					</div>
					<div class="form-group required">
						<label class="col-sm-2 control-label" for="input-text">{{ entry_text }}</label>
						<div class="col-sm-10">
							<textarea name="text" cols="60" rows="8" placeholder="{{ entry_text }}" id="input-text" class="form-control">{{ text }}</textarea>
							{% if error_text %}
							<div class="text-danger">{{ error_text }}</div>
							{% endif %}
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label" for="input-text">{{ entry_answer }}</label>
						<div class="col-sm-10">
							<textarea name="answer" cols="60" rows="8" placeholder="{{ entry_answer }}" id="input-text" class="form-control">{{ answer }}</textarea>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label">{{ entry_notify }}</label>
						<div class="col-sm-10">
							<label class="radio-inline">
								{% if email %}
									<input type="radio" name="email_notify" value="1" checked="checked"/>
									{{ text_yes }}
									{% else %}
									<input type="radio" name="email_notify" data-toggle="tooltip" title="{{ error_no_email }}" disabled value="1"/>
									{{ text_yes }}
								{% endif %}
							</label>
							<label class="radio-inline">
								{% if not email %}
									<input type="radio" name="email_notify" value="0" checked="checked"/>
									{{ text_no }}
									{% else %}
									<input type="radio" name="email_notify" value="0"/>
									{{ text_no }}
								{% endif %}
							</label>
							<input type="hidden" name="email" value="{{ email }}" />
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label" for="input-date-added">{{ entry_date_added }}</label>
						<div class="col-sm-3">
							<div class="input-group datetime">
								<input type="text" name="date_added" value="{{ date_added }}" placeholder="{{ entry_date_added }}" data-date-format="YYYY-MM-DD HH:mm:ss" id="input-date-added" class="form-control" />
								<span class="input-group-btn">
                                    <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
								</span>
							</div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
						<div class="col-sm-10">
							<select name="status" id="input-status" class="form-control">
								{% if status %}
    								<option value="1" selected="selected">{{ text_enabled }}</option>
    								<option value="0">{{ text_disabled }}</option>
								{% else %}
    								<option value="1">{{ text_enabled }}</option>
    								<option value="0" selected="selected">{{ text_disabled }}</option>
								{% endif %}
							</select>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<script>
$('.datetime').datetimepicker({
	language: '{{ datepicker }}',
	pickDate: true,
	pickTime: true
});
</script>
<script>
$('input[name=\'product\']').autocomplete({
	'source': function(request, response) {
		$.ajax({
			url: 'index.php?route=catalog/product/autocomplete&user_token={{ user_token }}&filter_name=' +  encodeURIComponent(request),
			dataType: 'json',
			success: function(json) {
				response($.map(json, function(item) {
					return {
						label: item['name'],
						value: item['product_id']
					}
				}));
			}
		});
	},
	'select': function(item) {
		$('input[name=\'product\']').val(item['label']);
		$('input[name=\'product_id\']').val(item['value']);
	}
});
</script>
{{ footer }}
