<!DOCTYPE html>

<html lang="br">
<!-- begin::Head -->

<head>
	<meta charset="utf-8" />

	<title>Login</title>
	<meta name="description" content="Updates and statistics">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!--begin::Fonts -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:300,400,500,600,700">

	<link href="/metronic/css/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />
	<!-- <link href="/metronic/css/uppy.bundle.css" rel="stylesheet" type="text/css" /> -->
	<link href="/metronic/css/wizard.css" rel="stylesheet" type="text/css" />

	<link href="/css/style.css" rel="stylesheet" type="text/css" />

	<!--end::Page Vendors Styles -->


	<!--begin::Global Theme Styles(used by all pages) -->
	<link href="/metronic/css/plugins.bundle.css" rel="stylesheet" type="text/css" />
	<link href="/metronic/css/prismjs.bundle.css" rel="stylesheet" type="text/css" />
	<link href="/metronic/css/style.bundle.css" rel="stylesheet" type="text/css" />

	<link href="/metronic/css/pricing.css" rel="stylesheet" type="text/css" />
	<!--end::Global Theme Styles -->

	<!--begin::Layout Skins(used by all pages) -->

	<link href="/metronic/css/light.css" rel="stylesheet" type="text/css" />
	<link href="/metronic/css/light-menu.css" rel="stylesheet" type="text/css" />
	<link href="/metronic/css/dark-brand.css" rel="stylesheet" type="text/css" />
	<link href="/metronic/css/dark-aside.css" rel="stylesheet" type="text/css" />

	<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">

	<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

	<link rel="shortcut icon" href="/../../imgs/slym.png" />
	
	<script>
		(function(h, o, t, j, a, r) {
			h.hj = h.hj || function() {
				(h.hj.q = h.hj.q || []).push(arguments)
			};
			h._hjSettings = {
				hjid: 1070954,
				hjsv: 6
			};
			a = o.getElementsByTagName('head')[0];
			r = o.createElement('script');
			r.async = 1;
			r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
			a.appendChild(r);
		})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
	</script>
	<!-- Global site tag (gtag.js) - Google Analytics -->

	<script>
		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());
		gtag('config', 'UA-37564768-1');
	</script>


	<style type="text/css">
	.select2-selection__arroww:before {
		content: "";
		position: absolute;
		right: 7px;
		top: 42%;
		border-top: 5px solid #888;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
	}
</style>
</head>


<!-- end::Head -->

<!-- begin::Body -->

<body id="kt_body" class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading">


	<div class="d-flex flex-column flex-root">
		<!--begin::Login-->
		<div class="login login-2 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white" id="kt_login">
			<!--begin::Aside-->
			<div class="login-aside order-2 order-lg-1 d-flex flex-row-auto position-relative overflow-hidden">
				<!--begin: Aside Container-->
				<div class="d-flex flex-column-fluid flex-column justify-content-between py-9 px-7 py-lg-13 px-lg-35">
					<!--begin::Logo-->
					<a href="#" class="text-center pt-2">
					</a>
					<!--end::Logo-->
					<!--begin::Aside body-->
					<div class="d-flex flex-column-fluid flex-column flex-center">
						<!--begin::Signin-->
						<div class="login-form login-signin py-11">
							<!--begin::Form-->

							<form method="post" action="/login/request" class="form" novalidate="novalidate" id="kt_login_signin_form">
								@csrf
								<!--begin::Title-->
								<div class="text-center pb-8">
									<h2 class="font-weight-bolder text-dark font-size-h2 font-size-h1-lg">Acesso ao Painel</h2>

								</div>
								<!--end::Title-->
								<!--begin::Form group-->
								<div class="form-group">
									<label class="font-size-h6 font-weight-bolder text-dark">Login</label>
									<input name="login" class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="text" name="username" autocomplete="off" />
								</div>
								<!--end::Form group-->
								<!--begin::Form group-->
								<div class="form-group">
									<div class="d-flex justify-content-between mt-n5">
										<label class="font-size-h6 font-weight-bolder text-dark pt-5">Senha</label>

									</div>
									<input name="senha" class="form-control form-control-solid h-auto py-7 px-6 rounded-lg" type="password" name="password" autocomplete="off" />
								</div>
								<!--end::Form group-->
								<!--begin::Action-->
								<div class="text-center pt-2">
									<button id="kt_login_signin_submit" class="btn btn-dark font-weight-bolder font-size-h6 px-8 py-4 my-3">Login</button>
								</div>
								<!--end::Action-->
							</form>
							<!--end::Form-->
						</div>
						<!--end::Signin-->
						<!--begin::Signup-->

						<!--end::Signup-->
						<!--begin::Forgot-->
						<div class="login-form login-forgot pt-11">
							<!--begin::Form-->
							<a target="_blank" class="txt2" href="http://wa.me/55{{getenv('RESP_FONE')}}">
								<i class="fa fa-whatsapp" aria-hidden="true"></i>
								Suporte {{getenv("RESP_FONE")}}

							</a>
							<!--end::Form-->
						</div>
						<!--end::Forgot-->
					</div>
					<!--end::Aside body-->

					<!--end: Aside footer for desktop-->
				</div>
				<!--end: Aside Container-->
			</div>
			<!--begin::Aside-->
			<!--begin::Content-->
			<div class="content order-1 order-lg-2 d-flex flex-column w-100 pb-0" style="background-color: #B1DCED;">
				<!--begin::Title-->
				<div class="d-flex flex-column justify-content-center text-center pt-lg-40 pt-md-5 pt-sm-5 px-lg-0 pt-5 px-7">
					<h3 class="display4 font-weight-bolder my-7 text-dark" style="color: #986923;">EMISSOR NF</h3>
					<p class="font-weight-bolder font-size-h2-md font-size-lg text-dark opacity-70">Soluções WEB</p>
				</div>
				<!--end::Title-->
				<!--begin::Image-->
				<div class="content-img d-flex flex-row-fluid bgi-no-repeat bgi-position-y-bottom bgi-position-x-center" style="background-image: url(/imgs/login_image.png);"></div>
				<!--end::Image-->
			</div>
			<!--end::Content-->
		</div>
		<!--end::Login-->
	</div>
	<script>var HOST_URL = "/metronic/theme/html/tools/preview";</script>
	<script>
		var KTAppSettings = {
			"breakpoints": {
				"sm": 576,
				"md": 768,
				"lg": 992,
				"xl": 1200,
				"xxl": 1400
			},
			"colors": {
				"theme": {
					"base": {
						"white": "#ffffff",
						"primary": "#3699FF",
						"secondary": "#E5EAEE",
						"success": "#1BC5BD",
						"info": "#8950FC",
						"warning": "#FFA800",
						"danger": "#F64E60",
						"light": "#E4E6EF",
						"dark": "#181C32"
					},
					"light": {
						"white": "#ffffff",
						"primary": "#E1F0FF",
						"secondary": "#EBEDF3",
						"success": "#C9F7F5",
						"info": "#EEE5FF",
						"warning": "#FFF4DE",
						"danger": "#FFE2E5",
						"light": "#F3F6F9",
						"dark": "#D6D6E0"
					},
					"inverse": {
						"white": "#ffffff",
						"primary": "#ffffff",
						"secondary": "#3F4254",
						"success": "#ffffff",
						"info": "#ffffff",
						"warning": "#ffffff",
						"danger": "#ffffff",
						"light": "#464E5F",
						"dark": "#ffffff"
					}
				},
				"gray": {
					"gray-100": "#F3F6F9",
					"gray-200": "#EBEDF3",
					"gray-300": "#E4E6EF",
					"gray-400": "#D1D3E0",
					"gray-500": "#B5B5C3",
					"gray-600": "#7E8299",
					"gray-700": "#5E6278",
					"gray-800": "#3F4254",
					"gray-900": "#181C32"
				}
			},
			"font-family": "Poppins"
		};
	</script>



	<!-- end::Global Config -->
	<!--begin::Global Theme Bundle(used by all pages) -->

	<script src="/metronic/js/plugins.bundle.js" type="text/javascript"></script>
	<script src="/metronic/js/prismjs.bundle.js" type="text/javascript"></script>
	<script src="/metronic/js/scripts.bundle.js" type="text/javascript"></script>
	<script src="/metronic/js/fullcalendar.bundle.js" type="text/javascript"></script>
	<script src="/metronic/js/file.js" type="text/javascript"></script>

	<script src="/metronic/js/wizard.js" type="text/javascript"></script>
	<script src="/metronic/js/user.js" type="text/javascript"></script>



	<script type="text/javascript" src="/js/jquery.mask.min.js"></script>
	<script type="text/javascript" src="/js/mascaras.js"></script>
	<script src="/metronic/js/select2.js" type="text/javascript"></script>
	<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.2.0/sweetalert2.all.min.js"></script> -->
	<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

	<?php $path = getenv('PATH_URL') . "/"; ?>
	<script type="text/javascript">
		const path = "{{$path}}";
	</script>

	@if(isset($pessoaFisicaOuJuridica))
	<script type="text/javascript" src="/js/pessoaFisicaOuJuridica.js"></script>
	@endif

	@if(isset($service))
	<script type="text/javascript" src="/js/service.js"></script>
	@endif

	@if(isset($client))
	<script type="text/javascript" src="/js/client.js"></script>
	@endif

	@if(isset($nf))
	<script type="text/javascript" src="/js/nf.js"></script>
	@endif

	@if(isset($fornecedor))
	<script type="text/javascript" src="/js/fornecedor.js"></script>
	@endif

	@if(isset($budget))
	<script type="text/javascript" src="/js/budget.js"></script>
	@endif

	@if(isset($order))
	<script type="text/javascript" src="/js/order.js"></script>
	@endif

	@if(isset($usuarioJs))
	<script type="text/javascript" src="/js/usuario.js"></script>
	@endif

	<script type="text/javascript" src="/js/google-api.js"></script>


	@if(isset($purchase))
	<script type="text/javascript" src="/js/purchase.js"></script>
	@endif

	@if(isset($funcionario))
	<script type="text/javascript" src="/js/funcionario.js"></script>
	@endif

	@if(isset($produtoJs))
	<script type="text/javascript" src="/js/produto.js"></script>
	@endif

	@if(isset($pedidoJs))
	<script type="text/javascript" src="/js/pedido.js"></script>
	@endif

	@if(isset($servicoJs))
	<script type="text/javascript" src="/js/servicos.js"></script>
	@endif

	@if(isset($relatorioJs))
	<script type="text/javascript" src="/js/relatorio.js"></script>
	@endif

	@if(isset($compraFiscalJs))
	<script type="text/javascript" src="/js/compraFiscal.js"></script>
	@endif

	@if(isset($pedidoDeliveryJs))
	<script type="text/javascript" src="/js/pedidoDelivery.js"></script>
	@endif

	@if(isset($cidadeJs))
	<script type="text/javascript" src="/js/cidades.js"></script>
	@endif

	@if(isset($vendaJs))
	<script type="text/javascript" src="/js/venda.js"></script>
	@endif

	@if(isset($creditoVenda))
	<script type="text/javascript" src="/js/creditoVenda.js"></script>
	@endif

	@if(isset($compraManual))
	<script type="text/javascript" src="/js/compraManual.js"></script>
	@endif

	@if(isset($cotacaoJs))
	<script type="text/javascript" src="/js/cotacao.js"></script>
	@endif

	@if(isset($categoriaJs))
	<script type="text/javascript" src="/js/categoria.js"></script>
	@endif

	@if(isset($pushJs))
	<script type="text/javascript" src="/js/push.js"></script>
	@endif

	@if(isset($frenteCaixa))
	<script type="text/javascript" src="/js/frenteCaixa.js"></script>
	@endif

	@if(isset($adicional))
	<script type="text/javascript" src="/js/adicional.js"></script>
	@endif

	@if(isset($cloneJs))
	<script type="text/javascript" src="/js/clone.js"></script>
	@endif

	@if(isset($cteJs))
	<script type="text/javascript" src="/js/cte.js"></script>
	@endif

	@if(isset($cteEnvioJs))
	<script type="text/javascript" src="/js/cte_envio.js"></script>
	@endif

	@if(isset($cozinhaJs))
	<script type="text/javascript" src="/js/cozinha.js"></script>
	@endif

	@if(isset($codigoJs))
	<script type="text/javascript" src="/js/codigo.js"></script>
	@endif

	@if(isset($devolucaoJs))
	<script type="text/javascript" src="/js/devolucao.js"></script>
	@endif

	@if(isset($devolucaoNF))
	<script type="text/javascript" src="/js/devolucaoNF.js"></script>
	@endif

	@if(isset($mdfeJs))
	<script type="text/javascript" src="/js/mdfe.js"></script>
	@endif

	@if(isset($mdfeEnvioJs))
	<script type="text/javascript" src="/js/mdfe_envio.js"></script>
	@endif

	@if(isset($print))
	<script type="text/javascript" src="/js/jQuery.print/jQuery.print.js"></script>
	<script type="text/javascript" src="/js/print.js"></script>
	@endif

	@if(isset($mapJs))
	<script src="https://maps.googleapis.com/maps/api/js?key={{getenv('API_KEY_MAPS')}}"
	async defer></script>
	<script type="text/javascript" src="/js/map.js"></script>
	@endif

	@if(isset($graficoHomeJs)){
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.js"></script>

	<script type="text/javascript" src="/js/grafico_home.js"></script>
	@endif

	@if(isset($relatorioJS))
	<script type="text/javascript" src="/js/relatorios.js"></script>
	@endif

	@if(isset($dfeJS))
	<script type="text/javascript" src="/js/dfe.js"></script>
	@endif

	@if(isset($naoEncerradosMDFeJS))
	<script type="text/javascript" src="/js/naoEncerradosMDFe.js"></script>
	@endif

	@if(isset($NFeEntradaJS))
	<script type="text/javascript" src="/js/nfeEntrada.js"></script>
	@endif

	@if(isset($controleHorarioJs))
	<script type="text/javascript" src="/js/controleHorario.js"></script>
	@endif

	@if(isset($frentePedidoDeliveryJs))
	<script type="text/javascript" src="/js/frentePedidoDelivery.js"></script>
	@endif

	@if(isset($frentePedidoDeliveryPedidoJs))
	<script type="text/javascript" src="/js/frentePedidoDeliveryPedido.js"></script>
	@endif

	@if(isset($testeJs))
	<script type="text/javascript" src="/js/teste.js"></script>
	@endif

	@if(isset($bannerJs))
	<script type="text/javascript" src="/js/banner.js"></script>
	@endif

	<script src="/js/lottie-player.js"></script>


	@if(isset($graficoJs))

	<script type="text/javascript" src="/js/grafico.js"></script>
	@endif

	@if(isset($orcamentoJs))
	<script type="text/javascript" src="/js/orcamento.js"></script>
	@endif

	@if(isset($atribuirComandaJs))
	<script type="text/javascript" src="/js/atribuirComandaJs.js"></script>
	@endif


	<script>
		jQuery(document).ready(function() {
			KTSelect2.init();
			$('.select2-selection__arrow').addClass('select2-selection__arroww')

			$('.select2-selection__arrow').removeClass('select2-selection__arrow')
				// Class definition
				var KTBootstrapDatepicker = function() {

					var arrows;
					if (KTUtil.isRTL()) {
						arrows = {
							leftArrow: '<i class="la la-angle-right"></i>',
							rightArrow: '<i class="la la-angle-left"></i>'
						}
					} else {
						arrows = {
							leftArrow: '<i class="la la-angle-left"></i>',
							rightArrow: '<i class="la la-angle-right"></i>'
						}
					}

					// Private functions
					var demos = function() {

						// minimum setup
						$('#kt_datepicker_1').datepicker({
							rtl: KTUtil.isRTL(),
							todayHighlight: true,
							orientation: "bottom left",
							templates: arrows
						});

						// minimum setup for modal demo
						$('#kt_datepicker_1_modal').datepicker({
							rtl: KTUtil.isRTL(),
							todayHighlight: true,
							orientation: "bottom left",
							templates: arrows
						});

						// input group layout
						$('#kt_datepicker_2').datepicker({
							rtl: KTUtil.isRTL(),
							todayHighlight: true,
							orientation: "bottom left",
							templates: arrows
						});

						// input group layout for modal demo
						$('#kt_datepicker_2_modal').datepicker({
							rtl: KTUtil.isRTL(),
							todayHighlight: true,

							orientation: "bottom left",
							templates: arrows
						});

						// enable clear button
						$('#kt_datepicker_3, #kt_datepicker_3_validate').datepicker({
							rtl: KTUtil.isRTL(),
							todayBtn: "linked",
							clearBtn: false,
							format: 'dd/mm/yyyy',
							todayHighlight: false,
							templates: arrows
						});

						// enable clear button for modal demo
						$('#kt_datepicker_3_modal').datepicker({
							rtl: KTUtil.isRTL(),
							todayBtn: "linked",
							clearBtn: false,
							format: 'dd/mm/yyyy',
							todayHighlight: false,
							templates: arrows
						});

						// orientation
						$('#kt_datepicker_4_1').datepicker({
							rtl: KTUtil.isRTL(),
							orientation: "top left",
							todayHighlight: true,
							templates: arrows
						});

						$('#kt_datepicker_4_2').datepicker({
							rtl: KTUtil.isRTL(),
							orientation: "top right",
							todayHighlight: true,
							templates: arrows
						});

						$('#kt_datepicker_4_3').datepicker({
							rtl: KTUtil.isRTL(),
							orientation: "bottom left",
							todayHighlight: true,
							templates: arrows
						});


					}

					return {
						// public functions
						init: function() {
							demos();
						}
					};
				}();

				KTBootstrapDatepicker.init(
				{
					format: 'dd/mm/yyyy'
				}
				);

			});


		</script>

	</body>
	<!-- end::Body -->

	</html>