{{ header }}
<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 class="col-xs-12">
				<div class="flex js-tabs" id="tab-info"></div>
			</div>
		</div>
	</div>
</div>
<form action="{{ action }}" method="post" class="js-main-form">
	<div class="container-fluid" data-tabs-id="tab-info">

		<div class="row hidden" data-tab="{{ text_Grlconf }}">
			<div class="col-xs-12 col-md-6">
				<div class="content-box bottom-padding-large flex middle-xs">
					<span class="text-x-large text-dark">{{ text_Grlconf }}</span>
				</div>
				<div class="content-box background-white shadow-small padding-large">
					<label class="field field-medium">
						<span class="field-label">{{ text_id_empresa }}</span>
						<select class="field-entry" name="futura_id_empresa">
							{% for empresa in empresas %}
								<option value="{{ empresa.id }}" {{ empresa.select ? 'selected' : '' }}>{{ empresa.id }}
									-
									{{ empresa.name }}</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ text_conta }}</span>
						<select class="field-entry" name="select_conta_status">
							{% for key, yes_or_no in Type_DsimDnao.getEnumList() %}
								<option value="{{ key }}" {{ ftr_geral.isSelected(key, select_conta_status) }}>{{ yes_or_no }}</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ language_default }}</span>
						<select class="field-entry" name="select_language_default">
							{% for language in languages %}
								<option value="{{ language.language_id }}" {{ language.language_id == select_language_default ? 'selected' : '' }}>
									{{ language.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ store_default }}</span>
						<select class="field-entry" name="select_store_default">
							<option value="0" selected="selected">Padrao</option>
							{% for store in stores %}
								<option value="{{ store.store_id }}" {{ store.store_id == select_store_default ? 'selected' : '' }}>
									{{ store.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ unidade_peso_kg }}</span>
						<select class="field-entry" name="select_peso" readonly>
							{% for weight_class in weight_classes %}
								<option value="{{ weight_class.weight_class_id }}" {{ weight_class.weight_class_id == select_peso ? 'selected' : '' }}>
									{{ weight_class.title }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ unidade_cm }}</span>
						<select class="field-entry" name="select_comprimento" readonly>
							{% for length_class in length_classes %}
								<option value="{{ length_class.length_class_id }}" {{ length_class.length_class_id == select_comprimento ? 'selected' : '' }}>
									{{ length_class.title }}
								</option>
							{% endfor %}
						</select>
					</label>
				</div>
			</div>
		</div>

		<div class="row hidden" data-tab="{{ text_status_pedido }}">
			<div class="col-xs-12 col-md-6">
				<div class="content-box bottom-padding-large flex middle-xs">
					<span class="text-x-large text-dark">{{ text_status_pedido }}</span>
				</div>
				<div class="content-box background-white shadow-small padding-large">
					<label class="field field-medium">
						<span class="field-label">{{ entry_order_status_padrao }}</span>
						<select class="field-entry" name="select_order_status_id">
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_pagseguro }}</span>
						<select class="field-entry" name="select_order_status_pagseguro_id">
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_pagseguro_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_mercadopago }}</span>
						<select class="field-entry" name="select_order_status_mercadopago_id">
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_mercadopago_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_cielo }}</span>
						<select class="field-entry" name="select_order_status_cielo_id">
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_cielo_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_erede }}</span>
						<select class="field-entry" name="select_order_status_erede_id">
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_erede_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_BCash }}</span>
						<select class="field-entry" name="select_order_status_bcash_id">
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_bcash_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_Paypal }}</span>
						<select class="field-entry" name="select_order_status_paypal_id">
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_paypal_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_itaushopline }}</span>
						<select class="field-entry" name="select_order_status_itaushopline_id">
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_itaushopline_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_cancel }}</span>
						<select class="field-entry" name="select_order_status_canc_id">
							{% for order_status_canc in order_statuses %}
								<option value="{{ order_status_canc.order_status_id }}" {{ order_status_canc.order_status_id == select_order_status_canc_id ? 'selected' : '' }}>
									{{ order_status_canc.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_abandoned }}</span>
						<select class="field-entry" name="select_order_status_aban_id">
							<option value=""></option>
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_aban_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ entry_order_status_nota_fiscal_emitida }}</span>
						<select class="field-entry" name="select_order_status_nota_fiscal_emitida_id">
							<option value=""></option>
							{% for order_status in order_statuses %}
								<option value="{{ order_status.order_status_id }}" {{ order_status.order_status_id == select_order_status_nota_fiscal_emitida_id ? 'selected' : '' }}>
									{{ order_status.name }}
								</option>
							{% endfor %}
						</select>
					</label>
				</div>
			</div>
		</div>

		<div class="row hidden" {% if userGroup %} data-tab="{{ text_ftpconf }}" {% endif %}>
			<div class="col-xs-12 col-md-6">
				<div class="content-box bottom-padding-large flex middle-xs">
					<span class="text-x-large text-dark">{{ text_ftpconf }}</span>
				</div>
				<div class="content-box background-white shadow-small padding-large">
					<label class="field field-medium ">
						<span class="field-label required">{{ text_ServerFTP }}</span>
						<input class="field-entry" name="futura_serverftp" type="text" id="futura_serverftp" value="{{ futura_serverftp }}">
						{% if error_serverftp %}
							<span class="text-x-small text-error js-error">{{ error_serverftp }}</span>
						{% endif %}
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label required">{{ text_UserFTP }}</span>
						<input class="field-entry" name="futura_userftp" type="text" id="futura_userftp" value="{{ futura_userftp }}">
						{% if error_userftp %}
							<span class="text-x-small text-error js-error">{{ error_userftp }}</span>
						{% endif %}
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label required">{{ text_senhaFTP }}</span>
						<input class="field-entry" name="futura_senhaftp" type="password" id="futura_senhaftp" value="{{ futura_senhaftp }}">
						{% if error_senhaftp %}
							<span class="text-x-small text-error js-error">{{ error_senhaftp }}</span>
						{% endif %}
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ text_PortaFTP }}</span>
						<input class="field-entry" name="futura_portaftp" type="text" id="futura_portaftp" value="{{ futura_portaftp }}">
					</label>
					<label class="field field-medium top-padding-large">
						<span class="field-label">{{ text_diretorioftp }}</span>
						<input class="field-entry" name="futura_diretorioftp" type="text" id="futura_diretorioftp" value="{{ futura_diretorioftp }}">
					</label>
				</div>
			</div>
		</div>

		<div class="row hidden" data-tab="{{ text_futura }}">
			<div class="col-xs-12 flex">
				<div class="col-xs-12 col-sm-8">
					<div class="content-box flex middle-xs bottom-padding-large">
						<span class="text-x-large text-dark">{{ text_futura_params }}</span>
					</div>
					<div class="content-box background-white padding-large shadow-small rounded-small" id="infoRepl">

						<span class="hidden" id="parametros_replicacao">{{ parametros_replicacao }}</span>
						<span class="hidden" id="url_repl">{{ url_repl }}</span>

						<div class="flex">
							<i class="fa-solid fa-circle-info text-info"></i>
							<span class="text-info text-bold left-padding-small">{{ text_info }}</span>
						</div>

						<label class="field field-medium top-margin-medium">
							<span class="field-label">{{ text_id_empresa }}</span>
							<input type="text" class="field-entry js-parametros_container" name="param_company" id="param_company" maxlength="100" readonly>
						</label>

						<label class="field field-medium top-margin-medium">
							<span class="field-label">{{ text_order }}</span>
							<input type="text" class="field-entry js-parametros_container" name="param_order" id="param_order" maxlength="100" readonly>
						</label>

						<label class="field field-medium top-margin-medium">
							<span class="field-label">{{ text_order_budget }}</span>
							<input type="text" class="field-entry js-parametros_container" name="param_order_budget" id="param_order_budget" maxlength="100" readonly>
						</label>

						<label class="field field-medium top-margin-medium">
							<span class="field-label">{{ text_table_price }}</span>
							<input type="text" class="field-entry js-parametros_container" name="param_price_table" id="param_price_table" maxlength="100" readonly>
						</label>

						<label class="field field-medium top-margin-medium">
							<span class="field-label">{{ text_bank_account }}</span>
							<input type="text" class="field-entry js-parametros_container" name="param_bank_account" id="param_bank_account" maxlength="100" readonly>
						</label>

						<button class="btn-default btn-small btn-primary top-margin-medium" title="Clique para atualizar as informações" id="js-btn_reload" style="width: 102px;">
							<i class="fa-solid fa-circle-notch fa-spin hidden js-reload-icon"></i>
							<span class="js-text-reload text-bold">{{ text_reload }}</span>
						</button>

					</div>
				</div>
				<div class="col-xs-12 col-sm-4">
					<div class="content-box bottom-padding-large flex middle-xs">
						<span class="text-x-large text-dark">{{ text_futura }}</span>
					</div>
					<div class="content-box background-white padding-large shadow-small rounded-small">
						<label class="field field-medium">
							<span class="field-label">{{ text_desenvolvido_por }}</span>
							<select class="field-entry" name="futura_desenvolvidopor">
								{% for key, status in Type_Status.getEnumList() %}
									<option value="{{ key }}" {{ ftr_geral.isSelected(key, futura_desenvolvidopor, Type_Status.Tp_Habilitado) }}>{{ status }}</option>
								{% endfor %}
							</select>
						</label>
					</div>
				</div>
			</div>
		</div>
	</div>
</form>
{{ footer }}

