{{ header }}
<header class="background-white bottom-margin-large">
	<div class="container-fluid">
		<div class="row no-space-xs">
			<div class="col-xs-12">
				<div class="content-box vertical-padding-large flex between-xs middle-xs">
					<div>
						<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 class="text-x-small text-gray text-decoration-none" href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a>
							{% endfor %}
						</div>
					</div>
					<div class="flex flex-row middle-xs">
						<a href="{{ cancel }}" class="btn-default btn-medium btn-outline right-margin-small">
							<span>Cancelar</span>
						</a>
						<button class="btn-default btn-medium btn-primary js-submit-main-form">
							<span>Salvar</span>
						</button>
					</div>
					{% if error_warning %}
						<div class="warning full-width top-margin-medium">{{ error_warning }}</div>
					{% endif %}
					{% if success %}
						<div class="success full-width top-margin-medium">{{ success }}</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
</header>
<div class="container-fluid">
	<form action="{{ action }}" method="post" class="row js-main-form">
		<div class="col-xs-12 col-md-8">
			<div class="content-box background-white padding-large shadow-small">
				<div class="field-group content-box">
					{% if warning_url %}
						<span class="text-small text-warning js-copy-content">
							<i class="fas fa-exclamation-triangle right-margin-small"></i>
							{{warning_url}}
						</span>
					{% else %}
						<div class="content-box background-warning border-info padding-medium rounded-small bottom-margin-medium">
							<div class="row no-space-xs">
								<div class="col-xs-width-auto">
									<div class="content-box right-padding-small top-padding-x-small">
										<i class="fa-exclamation-triangle fas text-medium text-warning"></i>
									</div>
								</div>
								<div class="col-xs">
									<div class="content-box">
										<span class="text-small" style="color:#000">{{ xml_info }}</span>
									</div>
								</div>
							</div>
						</div>
						<span class="text-small text-dark visible-block">{{ entry_data_feed }}</span>
						<span class="text-small text-gray js-copy-content">{{ data_feed }}</span>
						<span class="js-copy-action text-medium rel">
							<i class="far fa-clone" aria-hidden="true" title="Copiar"></i>
						</span>
					{% endif %}
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-md-4">
			<div class="content-box background-white padding-large shadow-small">
				<div class="field-group bottom-margin-medium">
					<label for="name" class="field-label">{{ entry_status }}</label>
					<select name="facebook_catalog_status" class="field-entry field-entry-medium">
						<option value="1" {{ (facebook_catalog_status) ? 'selected="selected"' : '' }}>{{ text_enabled }}</option>
						<option value="0" {{ ( not facebook_catalog_status) ? 'selected="selected"' : '' }}>{{ text_disabled }}</option>
					</select>
				</div>
				<div class="field-group bottom-margin-medium">
					<label for="name" class="field-label">{{ xml_generator }}</label>
					<a href="{{ xmlCompleteLink }}" class="btn-default btn-small btn-primary cursor-pointer text-decoration-none text-bold" download="facebookcatalog.xml">
						{{ xml_generate }}
					</a>
				</div>
			</div>
		</div>
	</form>
</div>
{{ footer }}
