{{ header }}
<div id="root">
	<div class="background-white bottom-margin-large">
		<div class="container-fluid">
			<div class="row no-space-xs">
				<div class="col-xs-12 col-sm col-md">
					<div class="content-box vertical-padding-large">
						<span class="text-x-large text-dark">{{ heading_title }}</span>
						<div class="adm-breadcrumb">
							{% for breadcrumb in breadcrumbs %}
								<i class="fas fa-angle-right text-x-small text-gray horizontal-padding-small"></i>
								<a href="{{ breadcrumb.href }}" class="text-x-small text-gray text-decoration-none">{{ breadcrumb.text }}</a>
							{% endfor %}
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-width-auto col-md-width-auto">
					<div class="content-box vertical-padding-large flex flex-row middle-xs">
						<a href="{{ cancel }}" class="btn-default btn-medium btn-outline right-margin-small">
							<span>{{ button_cancel }}</span>
						</a>
						<button type="button" class="btn-default btn-medium btn-primary js-submit-main-form">
							<span>{{ button_save }}</span>
						</button>
					</div>
				</div>
				{% if error_warning %}
					<div class="warning full-width">{{ error_warning }}</div>
				{% endif %}
			</div>
		</div>
	</div>
	<form action="{{ action }}" method="post" class="js-main-form">
		<div class="container-fluid">
			<div class="row no-space-xs">
				<div class="col-xs-12 col-md-6">
					<base-manual class="top-margin-medium" title="{{text_info}}">
						<div>{{text_manual}}</div>
					</base-manual>
					<div class="background-white shadow-small padding-large">
						<label class="field field-medium">
							<span class="field-label">{{ entry_status }}</span>
							<select class="field-entry" name="coupon_status">
								{% for key, status in Type_Status.getEnumList() %}
									<option value="{{ key }}" {{ ftr_geral.isSelected(key, coupon_status ) }}>{{ status }}</option>
								{% endfor %}
							</select>
						</label>
						<label class="field field-medium top-padding-large">
							<span class="field-label">{{ entry_sort_order }}</span>
							<input class="field-entry mask-number2" type="text" name="coupon_sort_order" value="{{ coupon_sort_order }}" size="1"/>
						</label>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>

<script>
	const DATA = {{ data|json_encode() }};
</script>

{{ footer }}
