@extends('template')
@section('content')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
	<!-- BEGIN: Subheader -->
	<div class="m-subheader ">
		<div class="d-flex align-items-center">
			<div class="mr-auto">
				<h3 class="m-subheader__title m-subheader__title--separator">Importação de arquivos XML - DANFE's</h3>
				@if (Session::has('mensagem'))
            <script>
              $(document).ready(function() {
                toastr.success("{{ Session::get('mensagem') }}");
              })
            </script>
            @endif
				<ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
					<li class="m-nav__item m-nav__item--home">
						<a href="#" class="m-nav__link m-nav__link--icon">
							<i class="m-nav__link-icon la la-home"></i>
						</a>
					</li>
					<li class="m-nav__separator">-</li>
					<li class="m-nav__item">
						<a href="" class="m-nav__link">
							<span class="m-nav__link-text">Operacional</span>
						</a>
					</li>
					<li class="m-nav__separator">-</li>
					<li class="m-nav__item">
						<a href="" class="m-nav__link">
							<span class="m-nav__link-text">Importação XML - N.F's</span>
						</a>
					</li>
				</ul>
			</div>
			<span class="m-subheader__daterange" id="m_dashboard_daterangepicker">
              <span class="m-subheader__daterange-label">
                <span class="m-subheader__daterange-title"></span>
                <span class="m-subheader__daterange-date m--font-brand"></span>
              </span>
              <a href="#" class="btn btn-sm btn-brand m-btn m-btn--icon m-btn--icon-only m-btn--custom m-btn--pill">
                <i class="la la-angle-down"></i>
              </a>
            </span>
		</div>
	</div>

	<!-- END: Subheader -->
	<div class="m-content">
		<div class="m-portlet m-portlet--mobile">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<h3 class="m-portlet__head-text">
							Área de importação
						</h3>
					</div>
				</div>
				<div class="m-portlet__head-tools">
					<ul class="m-portlet__nav">
						<li class="m-portlet__nav-item">
							<a href="#" class="btn btn-primary m-btn m-btn--pill m-btn--custom m-btn--icon m-btn--air">
								<span>
									<i class="flaticon-file-1"></i>
									<span>Iniciar Upload</span>
								</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="m-portlet__body">
				<!--begin: Datatable -->
        <div class="m-content">
            <h1>Upload de arquivos XML da NF-e para cubagem</h1>
            <form id="myForm" action="{{ route('processarxmlcubagem') }}" method="post" enctype="multipart/form-data">
                <meta name="csrf-token" content="{{ csrf_token() }}">
                <input type="hidden" name="idUser" value="{{ auth()->id() }}">
                <label for="arquivos">Selecione os arquivos XML da NF-e:</label>
                <input type="file" id="arquivos" name="arquivos[]" multiple>
                <br><p><br>
                <label class="m-checkbox m-checkbox--single m-checkbox--solid m-checkbox--brand">Complementar?<small></small>
                    <input onclick="complementarCte()" type="checkbox" name="ativoInativoComplementar" id="ativoInativoComplementar" class="m-checkable">
                    <span></span>
                </label>
                <br><p><br>
                <input type="submit" value="Enviar" id="submitButton">
            </form>
            <div id="aviso" style="display: none;">Aguarde processando...</div>
      </div>
      @if (!empty($dadosXml))
      @foreach ($dadosXml as $dados)
          <p>Chave de acesso: {{ @$dados['chaveAcesso'] }}</p>
          <p>Data de emissão: {{ $dados['dataEmissao'] }}</p>
          <p>CNPJ do emitente: {{ $dados['cnpjEmitente'] }}</p>
          <p>Detalhes dos produtos:</p>
          <ul>
              @foreach ($dados['detalhesProdutos'] as $produto)
                  <li>{{ $produto['produto'] }} - {{ $produto['quantidade'] }} - {{ $produto['valorUnitario'] }} - {{ $produto['valorTotal'] }}</li>
              @endforeach
          </ul>
      @endforeach
  @endif

		</div>
		<!-- END EXAMPLE TABLE PORTLET-->
	</div>
  </div>
</div>
<script>
    document.getElementById('myForm').addEventListener('submit', function(event) {
        var complementarCheckbox = document.getElementById('ativoInativoComplementar');
        if (complementarCheckbox.checked) {
            event.preventDefault(); // Impede o envio padrão do formulário
            swal({
            title: "UPLOAD de documento complementar (ATIVADO)!",
            text: "Tem certeza?",
            type: "warning",
            showCancelButton: true,
            confirmButtonText: "SIM",
            cancelButtonText: "NÃO"
        }).then(function(e) {
            if (e.value) {
                document.getElementById('myForm').submit();
                swal({ title: "Upload (COMPLEMENTAR) efetuado com sucesso!", timer: 2000, onOpen: function() { swal.showLoading() } }).then(function(e) { "timer" === e.dismiss });
                setTimeout("location.reload(true);", 2000);
            } else {
                swal("UPLOAD não enviado!", "nenhuma ação foi executada.", "error");
            }
        })
        } else {
            event.preventDefault(); // Impede o envio padrão do formulário
            swal({
            title: "UPLOAD de documento(NÃO COMPLEMENTAR)!",
            text: "Tem certeza?",
            type: "warning",
            showCancelButton: true,
            confirmButtonText: "SIM",
            cancelButtonText: "NÃO"
        }).then(function(e) {
            if (e.value) {
                document.getElementById('myForm').submit();
                swal({ title: "Upload (NÃO COMPLEMENTAR) efetuado com sucesso!", timer: 2000, onOpen: function() { swal.showLoading() } }).then(function(e) { "timer" === e.dismiss });
                setTimeout("location.reload(true);", 2000);
            } else {
                swal("UPLOAD não enviado!", "nenhuma ação foi executada.", "error");
            }
        })
        }
    });
    </script>
    <script>
        $("#submitButton").click(function(event) {
            event.preventDefault();

            // Mostrar alerta enquanto processa
            Swal.fire({
                type: "warning",
                title: 'Aguarde',
                text: 'Processando...',
                allowOutsideClick: false,
                onBeforeOpen: () => {
                    Swal.showLoading();
                }
            });

            enviarGruposDeArquivos();
        });

        // Função para enviar um grupo de arquivos
        function enviarGrupoArquivos(arquivos, indice) {
            var formData = new FormData();
            formData.append('idUser', "{{ auth()->id() }}");

            // Verificar se o checkbox está marcado
            var complementarCheckbox = document.getElementById('ativoInativoComplementar');
            if (complementarCheckbox.checked) {
                formData.append('ativoInativoComplementar', 'on');
            } else {
                formData.append('ativoInativoComplementar', '');
            }

            // Adicione os arquivos do grupo atual ao FormData
            for (var i = 0; i < arquivos.length; i++) {
                formData.append('arquivos[]', arquivos[i]);
            }

            $.ajax({
                url: "{{ route('processarxmlcubagem') }}",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                type: "POST",
                data: formData,
                processData: false,
                contentType: false,
                success: function(response) {
                    //console.log('Grupo ' + indice + ' enviado com sucesso.');
                    const firstPart = String(indice).split('.')[0];
                    Swal.fire({
                        type: "warning",
                        title: 'Aguarde...',
                        text: 'Enviando lote: ' + firstPart,
                        showConfirmButton: false,  // Remover o botão de "OK"
                        timer: 10000, // Tempo em milissegundos (20 segundos)
                        onClose: () => {
                            // Continua com o próximo grupo após um intervalo de tempo
                            setTimeout(function() {
                                enviarProximoGrupo(indice + 1);
                            }, 30000); // Intervalo de 30 segundos
                        }
                    });
                },
                error: function(xhr, status, error) {
                    //console.error('Erro no envio do grupo ' + indice + ': ' + error);
                    Swal.fire({
                        icon: 'error',
                        title: 'Erro',
                        text: 'Erro no envio do grupo ' + indice + ': ' + error
                    });
                }
            });
        }

        // Função para dividir e enviar grupos de arquivos
        function enviarGruposDeArquivos() {
            var arquivosInput = document.getElementById('arquivos');
            var arquivos = arquivosInput.files;
            var grupo = [];
            var grupoTamanho = 30;

            for (var i = 0; i < arquivos.length; i++) {
                grupo.push(arquivos[i]);

                if (grupo.length === grupoTamanho || i === arquivos.length - 1) {
                    enviarGrupoArquivos(grupo, i / grupoTamanho + 1);
                    grupo = [];
                }
            }
        }
        </script>





@endsection