{{ header }}
<header class="background-white bottom-margin-large" data-info='{{ languageForJS|json_encode() }}'>
	<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 js-header-notifications">
					<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 href="{{ breadcrumb.href }}" class="text-x-small text-gray text-decoration-none">{{ 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>{{ button_cancel }}</span>
						</a>
						{% if userFuturaApp == false %}
							<button class="btn-default btn-medium btn-primary js-submit-main-form">
								<span>{{ button_save }}</span>
							</button>
						{% endif %}
					</div>
					{% if error_warning %}
						<div class="warning full-width">{{ error_warning }}</div>
					{% endif %}
				</div>
			</div>
			<div class="col-xs-12">
				<div class="flex js-tabs" id="tab-info"></div>
			</div>
		</div>
	</div>
</header>
<form action="{{ action }}" method="post" class="js-main-form">
	<div class="container-fluid" data-tabs-id="tab-info">
		<input type="hidden" name="customer_id" value="{{ customer_id }}">

		<div class="row hidden" data-tab="{{ tab_general }}">
			<div class="col-xs-12 bottom-padding-small">
				<span class="text-x-large text-dark">{{ text_info_access }}</span>
			</div>
			<div class="col-xs-12 col-md-8">
				<div class="content-box background-white shadow-small padding-large">
					<div class="row">

						<div class="col-xs-12">
							<div class="content-box">
								<label class="field field-medium">
									<span class="field-label required">
										{{ entry_email }}
										<input class="field-entry mask-alpha-no-spaces top-margin-x-small" type="email" name="email" value="{{ email }}" placeholder="{{ text_email_placeholder }}" required maxlength="96">
									</span>
								</label>
								{% if error_email %}
									<span class="text-error text-small">{{ error_email }}</span>
								{% endif %}
							</div>
						</div>
						<div class="col-xs-6">
							<div class="content-box">
								<label class="field field-medium">
									<span class="field-label required">
										{{ entry_password }}
										<input id="nova_senha" class="field-entry top-margin-x-small" type="password" name="password" value="{{ password }}" required minlength="4" maxlength="20">
									</span>
								</label>
								{% if error_password %}
									<span class="text-error text-small">{{ error_password }}</span>
								{% endif %}
							</div>
						</div>
						<div class="col-xs-6">
							<div class="content-box">
								<label class="field field-medium">
									<span class="field-label required">
										{{ entry_confirm }}
										<input id="confirmar_nova_senha" class="field-entry top-margin-x-small" type="password" name="confirm" value="{{ confirm }}" required minlength="4" maxlength="20">
									</span>
								</label>
								{% if error_confirm %}
									<span class="text-error text-small">{{ error_confirm }}</span>
								{% endif %}
							</div>
						</div>

						<div class="col-xs-6">
							<div class="content-box">
								<label class="field field-medium">
									<span class="field-label required">
										Cadastro:
										<select name="approved" class="field-entry field-entry-medium js-identify-status top-margin-x-small">
											{% for key, status in Type_StatusAccount %}
												<option value="{{ key }}" {{ approved == key ? 'selected'}}>
													{{ status }}
												</option>
											{% endfor %}
										</select>
									</span>
								</label>
							</div>
						</div>

						<div class="col-xs-12">
							<div class="content-box">
								<label class="checkbox checkbox-medium">
									<input class="checkbox-entry" type="checkbox" name="newsletter" value="1" {{ (newsletter) ? 'checked="checked"' : '' }}>
									<span class="checkbox-text">{{ entry_newsletter }}</span>
								</label>
							</div>
						</div>


					</div>
				</div>
			</div>
			{% if customer_lock %}
				<div class="col-xs-4 col-md-4">
					<div class="content-box background-white shadow-small padding-large">
						<div class="row">
							<div class="col-xs-12 bottom-padding-small">
								<span class="text-large text-dark">{{ text_information_lock }}</span>
							</div>
							<div class="col-xs-12 bottom-padding-small">
								<span class="text-small text-dark text-justify">{{ text_limiter_information }}</span>
							</div>

							<button class="btn-default btn-error full-width btn-medium js-costumer-unlock" title="{{ column_unlock }}" data-customer-id="{{ customer_id }}">
								<span>Desbloquear
									<i class="fa-solid fa-unlock"></i>
								</span>
							</button>
						</div>
					</div>
				</div>
			{% endif %}
		</div>

		<div class="row hidden" data-tab="{{ tab_acount }}">
			<div class="col-xs-12 bottom-padding-small">
				<span class="text-x-large text-dark">{{ text_your_details }}</span>
			</div>
			<div class="col-xs-12 col-md-8">
				<div class="content-box background-white shadow-small padding-large">
					<div class="row">

						{% if tipo_pessoa == tipo_pessoa_ambos or tipo_pessoa == '' %}
							<div class="col-xs-12">
								<div class="content-box">
									<label class="field field-medium">
										<div class="select_options">
											<input type="radio" id="fisica" name="pessoa" value="F" {{ ((pessoa == 'F') or (pessoa == '')) ? 'checked' : '' }}>
											<label for="fisica" class="text-small">{{ text_fisica }}</label>
											<input type="radio" id="juridica" name="pessoa" value="J" {{ ((pessoa == 'J')) ? 'checked' : '' }}>
											<label for="juridica" class="text-small">{{ text_juridica }}</label>
										</div>
									</label>
								</div>
							</div>
						{% elseif tipo_pessoa == tipo_pessoa_juridica %}
							<input class="hidden" type="radio" id="juridica" name="pessoa" checked value="J">
						{% elseif tipo_pessoa == tipo_pessoa_fisica %}
							<input class="hidden" type="radio" id="fisica" name="pessoa" checked value="F">
						{% endif %}

						<div class="col-xs-6">
							<div class="content-box">
								<label class="field field-medium">
									<span class="field-label required">
										{{ entry_firstname }}
										<input type="text" id="firstname" class="field-entry" name="firstname" value="{{ firstname }}" minlength="1" maxlength="32" required>
									</span>
								</label>
								{% if error_firstname %}
									<span class="text-error text-small" id="error_firstname">{{ error_firstname }}</span>
								{% endif %}
							</div>
						</div>
						<div class="col-xs-6">
							<div class="content-box">
								<label class="field field-medium">
									<span class="field-label required">
										{{ entry_lastname }}
										<input type="text" id="lastname" class="field-entry" name="lastname" value="{{ lastname }}" maxlength="32" required>
									</span>
								</label>
								{% if error_lastname %}
									<span class="text-error text-small">{{ error_lastname }}</span>
								{% endif %}
							</div>
						</div>

						{% if (tipo_pessoa == tipo_pessoa_juridica) or (tipo_pessoa == tipo_pessoa_ambos) %}
							<div class="col-xs-12 pessoa_juridica">
								<div class="content-box">
									<label class="field field-medium">
										<span class="field-label required">
											{{ entry_razao }}
											<input type="text" class="field-entry" name="razao_social" id="razao_social" value="{{ razao_social }}" required>
										</span>
									</label>
									{% if error_razao_social %}
										<span class="text-error text-small">{{ error_razao_social }}</span>
									{% endif %}
								</div>
							</div>

							<div class="col-xs-6 pessoa_juridica">
								<div class="content-box">
									<label class="field field-medium">
										<span class="field-label">{{ text_contribute_icms }}</span>
										<select class="field-entry" name="contribuinte" id="contribuinte" {{ (disable_contribuinte_pj) ? 'readonly="true"': '' }}>
											{% for contribuintes in contribuinte %}
												<option value="{{ contribuintes.id }}" {{ contribuintes.status }}>
													{{ contribuintes.name }}
												</option>
											{% endfor %}
										</select>
									</label>
								</div>
							</div>

							<div class="col-xs-6 pessoa_juridica">
								<div class="content-box">
									<label class="field field-medium">
										<span class="field-label">{{ entry_ie }}</span>
										<input type="text" class="field-entry" maxlength="20" name="inscricao_estadual" id="inscricao_estadual" {{ (disable_ie_pj) ? 'readonly="true"': '' }} value="{{ inscricao_estadual }}" placeholder="{{ text_ie_placeholder }}">
									</label>
									{% if error_inscricao_estadual %}
										<span class="text-error text-small">{{ error_inscricao_estadual }}</span>
									{% endif %}
								</div>
							</div>
						{% endif %}

						{% if (tipo_pessoa == tipo_pessoa_fisica) or (tipo_pessoa == tipo_pessoa_ambos) %}
							<div class="col-xs-6 pessoa_fisica">
								<div class="content-box">
									<label class="field field-medium">
										<span class="field-label required">
											{{ entry_cpf }}
											<input
                        type="text"
                        class="field-entry mask-cpf"
                        id="cpf"
                        name="cpf"
                        required
                        value="{{ cpf }}"
                        placeholder="{{ text_cpf_placeholder }}"
                      >
										</span>
									</label>
									{% if error_cpf %}
										<span class="text-error text-small">{{ error_cpf }}</span>
									{% endif %}
								</div>
							</div>
							{% if fields_register_brazil_status_rg %}
								<div class="col-xs-6 pessoa_fisica">
									<div class="content-box">
										<label class="field field-medium">
											<span class="field-label">{{ entry_rg }}</span>
											<input type="text" class="field-entry" maxlength="10" name="rg" id="rg" value="{{ rg }}" placeholder="{{ text_rg_placeholder }}">
										</label>
									</div>
								</div>
							{% endif %}
						{% endif %}

						{% if (tipo_pessoa == tipo_pessoa_juridica) or (tipo_pessoa == tipo_pessoa_ambos) %}
							<div class="col-xs-6 pessoa_juridica">
								<div class="content-box">
									<label class="field field-medium">
										<span class="field-label required">
											{{ entry_cnpj }}
											<input
												type="text"
												class="field-entry mask-cnpj"
												name="cnpj"
												id="cnpj"
												required
												value="{{ cnpj }}"
												placeholder="{{ text_cnpj_placeholder }}"
											>
										</span>
									</label>
									{% if error_cnpj %}
										<span class="text-error text-small">{{ error_cnpj }}</span>
									{% endif %}
								</div>
							</div>

							<div class="col-xs-6 pessoa_juridica">
								<div class="content-box">
									<label class="field field-medium">
										<span class="field-label">{{ entry_perfil }}</span>
										<select class="field-entry" name="perfil" {{ (disable_perfil_pj) ? 'readonly="true"': '' }}>
											{% for perfils in perfil %}
												<option value="{{ perfils.id }}" {{ perfils.status }}>
													{{ perfils.name }}
												</option>
											{% endfor %}
										</select>
									</label>
								</div>
							</div>
						{% endif %}

						<div class="col-xs-6">
							<div class="content-box">
								<label class="field field-medium">
									<span class="field-label {{ (fields_register_brazil_status_telefone) ? 'required' : '' }}">{{ entry_telephone }}</span>
									<input type="tel" class="field-entry mask-phone" name="telephone" value="{{ telephone }}" placeholder="{{ text_telephone_placeholder }}" maxlength="32" {{ (fields_register_brazil_status_telefone) ? 'required' : '' }}>
								</label>
								{% if error_telephone %}
									<span class="text-error text-small">{{ error_telephone }}</span>
								{% endif %}
							</div>
						</div>
						{% if fields_register_brazil_status_telefone2 %}
							<div class="col-xs-6">
								<div class="content-box">
									<label class="field field-medium">
										<span class="field-label">{{ entry_fax }}</span>
										<input type="tel" class="field-entry mask-phone" name="fax" value="{{ fax }}" placeholder="{{ text_fax_placeholder }}" maxlength="32">
									</label>
								</div>
							</div>
						{% endif %}
						<div class="col-xs-6">
							<div class="content-box">
								<label class="field field-medium">
									<span class="field-label {{ (fields_register_brazil_status_celular) ? 'required' : '' }}">{{ entry_celular }}</span>
									<input type="tel" class="field-entry mask-celular" id="celular" name="celular" value="{{ celular }}" placeholder="{{ text_celular_placeholder }}" maxlength="32" {{ (fields_register_brazil_status_celular) ? 'required' : '' }}>
								</label>
								{% if error_celular %}
									<span class="text-error text-small">{{ error_celular }}</span>
								{% endif %}
							</div>
						</div>

						{% if (tipo_pessoa == tipo_pessoa_fisica) or (tipo_pessoa == tipo_pessoa_ambos) %}
							{% if fields_register_brazil_status_sexo %}
								<div class="col-xs-6 pessoa_fisica">
									<div class="content-box">
										<span class="visible-block text-dark text-small text-bold">{{ entry_sex }}</span>
										<label class="radio radio-medium radio-inline">
											<input class="radio-entry" type="radio" name="sexo" value="m" {{ (sexo == 'm') ? 'checked' : '' }}>
											<span class="radio-text">{{ text_male }}</span>
										</label>
										<label class="radio radio-medium radio-inline">
											<input class="radio-entry" type="radio" name="sexo" value="f" {{ (sexo == 'f') ? 'checked' : '' }}>
											<span class="radio-text">{{ text_female }}</span>
										</label>
										<label class="radio radio-medium radio-inline">
											<input class="radio-entry" type="radio" name="sexo" value="o" {{ ((sexo == 'o') or (sexo == '')) ? 'checked' : '' }}>
											<span class="radio-text">{{ text_other }}</span>
										</label>
									</div>
								</div>
							{% endif %}
							{% if fields_register_brazil_status_data_nascimento %}
								<div class="col-xs-6 pessoa_fisica">
									<div class="content-box">
										<label class="field field-medium">
											<span class="field-label {{ (fields_register_brazil_status_data_nascimento_required) ? 'required' : '' }}">{{ entry_date_birth }}</span>
											<input type="text" class="field-entry mask-date" name="data_nascimento" value="{{ data_nascimento }}" placeholder="{{ text_date_birth_placeholder }}">
										</label>
										{% if error_data_nascimento %}
											<span class="text-error text-small">{{ error_data_nascimento }}</span>
										{% endif %}
									</div>
								</div>
							{% endif %}
						{% endif %}

						<div class="col-xs-6">
							<div class="content-box">
								<label class="field field-medium">
									<span class="field-label">{{ entry_customer_group }}</span>
									<select class="field-entry" name="customer_group_id">
										{% for customer_group in customer_groups %}
											{% if customer_group.customer_group_id == customer_group_id %}
												<option value="{{ customer_group.customer_group_id }}" selected="selected">{{ customer_group.name }}</option>
											{% else %}
												<option value="{{ customer_group.customer_group_id }}">{{ customer_group.name }}</option>
											{% endif %}
										{% endfor %}
									</select>
								</label>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="content-box background-white shadow-small padding-large">
					<label class="field field-medium">
						<span class="field-label">{{ entry_status }}</span>
						<select class="field-entry field-entry-medium" name="status">
							{% 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>
					</label>
				</div>
			</div>

		</div>

		<div id="address-content" class="hidden" data-tab="{{ tab_adress }}">
			<div id="address-tab">
				<div class="full-width" addresses='{{ addresses }}' errors='{{ errors }}' address_id='{{ address_id }}'>
					<div class="col-xs-12 col-md-8 no-padding right-padding-medium">
						<div class="content-box vtabs-content">
							<div class="row" v-for="(address, moduleIndex) in addresses">
								<div class="address-title">
									<div class="header-address">
										<span class="text-x-large text-dark right-padding-medium" v-text="address.address_id == address_id && moduleIndex == 0 ? 'Endereço de Faturamento ' : 'Endereço de Entrega ' + moduleIndex"></span>
										<div class="btn-group-options">
											<button type="button" :class="moduleIndex == 0 ? 'btn-remove hidden' : 'btn-remove'" title="Remover" @click="onRemoveModule(moduleIndex)">
												<i class="fa-solid fa-trash"></i>
											</button>

											<button type="button" class="btn-edit background-white text-primary" title="Editar" @click="onEditModule(moduleIndex)">
												<i class="fa-solid fa-pen-to-square"></i>
											</button>
										</div>
									</div>
								</div>

								<div :id="moduleIndex" class="col-xs-12">
									<div class="content-box background-white shadow-small padding-medium">

										<div class="col-xs-12 fix-name">
											<div class="content-box">
												<div class="row">
													<input type="hidden" :name="`address[${moduleIndex}][address_id]`" :value="address.address_id"/>
													<input v-if="address.address_id == address_id" type="hidden" :name="`address[${moduleIndex}][default]`" :value="1">
													<input type="hidden" :name="`address[${moduleIndex}][country_id]`" :value="address.country_id">

													<input type="hidden" class="tipo_logradouro" :name="`address[${moduleIndex}][tipo_logradouro]`" :value="address.tipo_logradouro"/>
													<input type="hidden" class="logradouro" :name="`address[${moduleIndex}][logradouro]`" :value="address.logradouro"/>
													<input type="hidden" class="city" :name="`address[${moduleIndex}][city]`" :value="address.city" rea/>

													<div class="col-xs-6 no-padding top-margin-medium">
														<div class="padding-leftColumn responsive-padding">
															<validation-provider :name="`address[${moduleIndex}][firstname]`" rules="required" v-slot="{ errors, valid, passed }" :key="updateComponent">
																<base-input label="Nome" placeholder="Digite o seu nome" :name="`address[${moduleIndex}][firstname]`" v-model="address.firstname" :required="true" maxlength="35" :error="data_errors['error_address_firstname'][moduleIndex]" :valid="passed" :disabled="disableForm" :readonly="readonly[moduleIndex]" @input="onInput(moduleIndex, 'error_address_firstname')"></base-input>
															</validation-provider>
														</div>
													</div>
													<div class="col-xs-6 no-padding top-margin-medium">
														<div class="padding-rightColumn responsive-padding">
															<validation-provider :name="`address[${moduleIndex}][lastname]`" rules="required" v-slot="{ errors, valid, passed }" :key="updateComponent">
																<base-input label="Sobrenome" placeholder="Digite o seu sobrenome" :name="`address[${moduleIndex}][lastname]`" v-model="address.lastname" :required="true" maxlength="35" :error="data_errors['error_address_lastname'][moduleIndex]" :valid="passed" :disabled="disableForm" :readonly="readonly[moduleIndex]" @input="onInput(moduleIndex, 'error_address_lastname')"></base-input>
															</validation-provider>
														</div>
													</div>
												</div>
											</div>
										</div>

											<div>
												<base-cep :index="moduleIndex" :data="addresses[moduleIndex]" :name="`address[${moduleIndex}]`" :is_address_user="true" :readonly="readonly[moduleIndex]" :data_errors="data_errors" @callback="dataReturn"/>
											</div>

									</div>
								</div>
							</div>
							<base-modal v-if="showModal" title="Deseja realmente excluir o endereço?" size="medium" @close="onClose">
								<div class="horizontal-padding-medium vertical-padding-medium text-center">
									Ao excluir o endereço, o mesmo será permanentemente apagado.
									<div class="top-margin-medium flex gap-2 center-xs">
										<base-button apperance="confirm" square size="medium" @click.native="deleteAddress()" v-text="'Confirmar'">
										</base-button>
										<base-button apperance="cancel" square size="medium" @click.native="onClose()" v-text="'Cancelar'">
										</base-button>
									</div>
								</div>
							</base-modal>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-md-8 content-box flex center-xs" >
				<button type="button" id="address-add" class="btn-add background-white text-primary" title="Adicionar" @click="onAddModule()">
					<i class="fa-solid fa-plus"></i>
				</button>
			</div>
		</div>

		{% if customer_id %}
			<div id="tab-history" class="row hidden" data-tab="{{ tab_history }}">
				<div class="col-xs-12 bottom-padding-small">
					<span class="text-x-large text-dark">{{ tab_history }}</span>
				</div>

				<div id="history" class="col-xs-12 col-md-8"></div>

				<div class="col-xs-12 col-md-4">
					<div class="content-box background-white shadow-small padding-large">
						<label class="field field-medium">
							<span class="field-label">{{ entry_comment }}</span>
							<textarea name="comment" cols="40" rows="5" class="field-entry"></textarea>
						</label>
						<button type="button" id="button-history" class="btn-default btn-medium btn-primary top-margin-medium">
							<span>{{ button_add_history }}</span>
						</button>
					</div>
				</div>

			</div>
		{% endif %}

		<div class="row hidden" data-tab="{{ tab_ip }}">
			<div class="col-xs-12 bottom-padding-small">
				<span class="text-x-large text-dark">{{ tab_ip }}</span>
			</div>

			{% if ips %}
				<div class="col-xs-12 col-md-8">
					{% for ip in ips %}
						<div class="content-box background-white shadow-small hover:shadow-large bottom-margin-small">
							<div class="row no-space-xs middle-xs padding-medium">
								<div class="col-xs-4 col-md-4">
									<a class="text-small text-dark" href="http://www.geoiptool.com/en/?IP={{ ip.ip }}" target="_blank">{{ ip.ip }}</a>
								</div>
								<div class="col-xs-2 col-md-2">
									<a class="text-small text-dark" href="{{ ip.filter_ip }}" target="_blank">{{ ip.total }}</a>
								</div>
								<div class="col-xs-2 col-md-2">
									<span class="text-small text-dark">{{ ip.date_added }}</span>
								</div>
								<div class="col-xs-width-auto">
									{% if ip.ban_ip %}
										<button type="button" data-ip="{{ (ip.ip) }}" class="btn-default full-width btn-outline btn-medium js-remove-ban-ip">
											<span>{{ text_remove_ban_ip }}</span>
										</button>
									{% else %}
										<button type="button" data-ip="{{ (ip.ip) }}" class="btn-default full-width btn-outline btn-medium js-add-ban-ip">
											<span>{{ text_add_ban_ip }}</span>
										</button>
									{% endif %}
								</div>
							</div>
						</div>
					{% endfor %}
				</div>
			{% else %}
				<div class="col-xs-12 col-md-8">
					<div class="content-box background-white shadow-small vertical-padding-x-large horizontal-padding-large text-center">
						<span class="text-medium text-gray">
							{{ text_no_results }}</span>
					</div>
				</div>
			{% endif %}

		</div>

		<div class="row hidden" data-tab="{{ tab_cart_product }}">
			<div class="col-xs-12 bottom-padding-small">
				<span class="text-x-large text-dark">{{ tab_cart_product }}</span>
			</div>
			<div class="col-xs-12 col-md-8">
				<div class="content-box">
					<div class="row">
						<div class="col-xs-12">
							{% if cartlist %}

								{% for keyTipo, cartTipo in cartlist %}
									{% for keyLista, lista in cartTipo %}
										<div class="js-order-by-list">

											{% if lista.isListaEscolar %}
												<span class="text-large text-dark visible-block top-padding-x-large">{{lista.escola}}</span>
												<span class="text-small text-gray visible-block top-margin-x-small bottom-padding-medium">{{lista.serie}}</span>
											{% endif %}

											{% for keyProduto, product in lista.products %}
												<div class="content-box background-white shadow-small bottom-margin-small">
													<div class="row no-space-xs middle-xs padding-medium">
														<div class="col-xs-12 col-md">
															<div class="content-box">
																<div class="row x-small-space-xs middle-xs">
																	<div class="col-xs-width-auto">
																		<div class="content-box">
																			<img src="{{ product.image }}" alt="{{ product.name }}" class="border-gray visible-block" id="image" width="80" height="80"/>
																		</div>
																	</div>
																	<div class="col-xs">
																		<div class="content-box">
																			<span class="text-small text-dark text-bold">{{ product.product_id }}</span>
																			<a href="{{ product.href }}" target="_blank" class="text-small text-primary visible-block">{{ product.name }}</a>
																			{% if product.itens_kit %}
																				{% for itemKitKey, itemKit in product.itens_kit %}
																					<span class="text-small text-gray visible-block">{{ itemKit.quantidade }}
																						-
																						{{ itemKit.descricao }}</span>
																				{% endfor %}
																			{% endif %}
																			{% if futuragrade_status is defined and (futuragrade_status) %}
																				{% if product.color_description %}
																					<span class="text-small text-gray visible-block">Cor:
																						{{ product.color_description }}</span>
																				{% endif %}
																				{% if product.size_description %}
																					<span class="text-small text-gray visible-block">Tamanho:
																						{{ product.size_description }}</span>
																				{% endif %}
																				{% if product.specification_description %}
																					<span class="text-small text-gray visible-block">Especificação:
																						{{ product.specification_description }}</span>
																				{% endif %}
																			{% endif %}
																		</div>
																		{% if product.brinde %}
																			<a class="text-small top-padding-x-small visible-block" href="{{ product.brinde.href }}">
																				<span class="text-gray text-small">{{ text_gift }}</span>
																				<span class="text-dark text-bold text-small">{{product.brinde.product_name}}</span>
																			</a>
																		{% endif %}
																	</div>
																</div>
															</div>
														</div>
														<div class="col-xs-6 col-md-1">
															<div class="content-box vertical-padding-small">
																<span class="text-small text-dark">{{ product.quantity }}
																	unid.</span>
															</div>
														</div>
														<div class="col-xs-6 col-md-2">
															<div class="content-box vertical-padding-small">
																<span class="text-small text-dark vertical-padding-small" data-tooltip="Preço">{{ product.price }}</span>
															</div>
														</div>
														<div class="col-xs-6 col-md-2">
															<div class="content-box vertical-padding-small">
																<span class="text-small text-dark vertical-padding-small" data-tooltip="Total">{{ product.total }}</span>
															</div>
														</div>
													</div>
												</div>
											{% endfor %}
										{% endfor %}
									</div>
								{% endfor %}
							{% else %}
								<div class="row">
									<div class="col-xs-12">
										<div class="content-box background-white shadow-small vertical-padding-x-large horizontal-padding-large text-center">
											<span class="text-medium text-gray">{{ entry_noitens }}</span>
										</div>
									</div>
								</div>
							{% endif %}
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-md-4">
				<div class="content-box background-white padding-large shadow-small">
					<div class="row nowrap-xs no-space-xs middle-xs bottom-margin-small totals-value">
						<span class="text-medium text-dark right-padding-x-small first-xs text-bold">Total de Itens</span>
						<div class="col-xs">
							<span class="top-border-gray top-border-dashed visible-block top-margin-x-small"></span>
						</div>
						<span class="text-large text-dark left-padding-x-small text-nowrap">{{ totals.totalquantity is defined  ? totals.totalquantity : '0' }}</span>
					</div>
					<div class="row nowrap-xs no-space-xs middle-xs bottom-margin-small totals-value">
						<span class="text-medium text-dark right-padding-x-small first-xs text-bold">Sub-total</span>
						<div class="col-xs">
							<span class="top-border-gray top-border-dashed visible-block top-margin-x-small"></span>
						</div>
						<span class="text-large text-dark left-padding-x-small text-nowrap">{{ totals.total is defined  ? totals.total : '0' }}</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</form>
<script>
	// var address_row = {{ address_row }},
ip = "{{ ip.ip }}",
states = {{ states|json_encode() }},
textWait = "{{ text_wait }}",
costumerId = {{ customer_id }},
country_id = {{ country_id }},
token = document.body.getAttribute('data-token');
</script>
{{ footer }}
