@extends('adminlte.app')

@section('content')
    @if ($message = Session::get('success'))
    <div class="alert alert-success">
        <p>{{ $message }}</p>
    </div>
    @endif

   

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Descontos Diários</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    
                </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->
        <div class="alert alert-success d-none" id="div_success" >
            <span>Emails Enviado com Sucesso:</span>
         </div>
        <div class="alert alert-danger d-none" id="div_erro_mensagem" >
           
        </div>
        <div class="alert alert-warning d-none" id="div_warning" >
           <span>Não Feche essa Página: Emails sendo enviado.....</span>
        </div>
      

        <div class="card mx-3 mt-3">
            <div class="card-header ">
                <div class="row">
                    <div class="col-md-6">
                        Enviar Preço por Email
                    </div>
                    <div class="col-md-6 text-right">
                        <a href="javascript:history.back()"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
                    </div>
                </div>
            </div>
            <form id="formDescontosDiarios" action="{{ route('descontos_diarios_todos_posstore') }}" method="POST" class="pt-4">
                @csrf
                <div class="m-4 p-4 rounded bg-light border text-bold">
                    <p>
                       {{ isset($mensagem) ?  $mensagem :  'Preços criados com sucesso.' }}
                    </p>
                    <p>
                        Deseja enviar os preços por email?
                    </p>
                    <div class="row">
                        <div class="col-md-3">
                            <label for="data_hora_criacao">Data e Hora da Criação do Preço</label>
                            <input  type="datetime-local" value="{{ date('Y-m-d H:i') }}"  name="data_hora_criacao" id="data_hora_criacao" class="form-control" required>
                        </div>

                        <div class="col-md-12">
                            <label for="precos">Postos</label>
                            <select name="precos[]" id="precos" class="form-control"  multiple required>
                                @foreach ($precosCriados as $preco)
                                    <option value="{{ $preco->id }}">{{ $preco->posto->nome_posto }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                  
                </div>

               
                <div class="row d-flex justify-content-around mb-4">
                    <a href="{{ route('descontos_diarios_index') }}">
                        <button type="button" class="btn btn-danger">
                            Não Enviar
                        </button>
                    </a>
                    <button type="submit" class="btn btn-success" id="enviarEmailBtn">
                        Enviar Email
                    </button>
                </div>
            </form>
        </div>
    </div>

<!-- DataTables  & Plugins -->
    <script src={{ asset('/plugins/datatables/jquery.dataTables.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}></script>
    <script src={{ asset('/plugins/jszip/jszip.min.js') }}></script>
    <script src={{ asset('/plugins/pdfmake/pdfmake.min.js') }}></script>
    <script src={{ asset('/plugins/pdfmake/vfs_fonts.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.html5.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.print.min.js') }}></script>
    <script src={{ asset('/plugins/datatables-buttons/js/buttons.colVis.min.js') }}></script>
 
<!-- Page specific script -->

<script>
    $('.tabelashow').DataTable( {
        
          "paging": true,
          "lengthChange": true,
          "searching": false,
          "ordering": true,
          "info": true,
          "autoWidth": false,
          "responsive": true,
          "buttons": [ "csv", "excel", "pdf", {"extend":"print","text":"Imprimir"}, {"extend":"colvis","text":"Colunas"}],
          "lengthMenu": [[8, 10, 25, 50, -1], [8, 10, 25, 50, "All"]],
                    "bJQueryUI": true,
                    "oLanguage": {
                        "sProcessing":   "Processando...",
                        "sLengthMenu":   "Registros _MENU_ ",
                        "sZeroRecords":  "Não foram encontrados resultados",
                        "sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                        "sInfoEmpty":    "Mostrando de 0 até 0 de 0 registros",
                        "sInfoFiltered": "",
                        "sInfoPostFix":  "",
                        "sSearch":       "Buscar:",
                        "sUrl":          "",
                        "oPaginate": {
                            "sFirst":    "Primeiro",
                            "sPrevious": "Anterior",
                            "sNext":     "Seguinte",
                            "sLast":     "Último"
                        }
                    }
    
    } ).buttons().container().appendTo('.tabelashow_wrapper .col-md-6:eq(0)');
</script>
<script >
    
    
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
 
     $('.money').mask('#.##9,99', { reverse: true });   
 
 </script>


<script>

    $('#enviarEmailBtn').on('click', function(event) {
        event.preventDefault();  // Previne o envio normal do formulário
        
        $("#div_warning").removeClass('d-none');
        // Captura os valores selecionados no campo de múltiplos
        let precos = $('#precos').val();  // `precos[]` é um array de IDs de preços
        let precos_todos = $('#precos').val();  // `precos[]` é um array de IDs de preços
    
        
        if (precos.length === 0) {
            alert('Por favor, selecione ao menos um posto.');
            return;
        }

        let batchSize = 5;  // Tamanho do lote de emails
        let currentIndex = 0;

        // Função para enviar os lotes via AJAX
            function processBatch() {
                let batch = precos.slice(currentIndex, currentIndex + batchSize); // Pega o lote atual
            
                if (batch.length === 0 ) {
                    
                        alert('Todos os emails foram enviados com sucesso!');
                    
                        return;
                    
                    
                    }
                

                    
                

                // Envia o lote ao servidor via AJAX
                $.ajax({
                    url: '{{route("descontos_diarios_todos_posstore")}}',  // URL da sua rota
                    method: 'POST',
                    dataType:'json',
                    data: {
                        precos: batch,  // Envia o lote de preços selecionados
                        precos_todos: precos_todos,  // Envia o lote de preços selecionados
                        data_hora_criacao: $("#data_hora_criacao").val(),  // Envia o lote de preços selecionados
                        data_inicio_preco: $("#data_inicio_preco").val(),  // Envia o lote de preços selecionados
                        _token: $('meta[name="csrf-token"]').attr('content')  // CSRF Token
                    },
                    success: function(response) {

                        $("#div_warning").addClass('d-none');
                        console.log('Lote processado:', batch);
                        currentIndex += batchSize;  // Atualiza o índice
                        if(response.status==='error'){
                        
                        var divErro = $("#div_erro_mensagem");
                        divErro.removeClass("d-none");
                        $("#div_success").removeClass("d-none");
                        var erroMensagen = $("#erroMensagem").text();
                        response.errosEmails.forEach(function(erroEmail) {
                            console.log(erroEmail.erro); // Mostra no console a mensagem de erro específica.

                            // Opcional: Adicionar as mensagens de erro na `div_erro_mensagem`
                            divErro.append("<p>" + erroEmail.posto + " - " + erroEmail.erro + "</p>");
                            });
                            console.log(response.errosEmails);
                            //  $("#erroMensagem").text(erroMensagem + ""  + response.errosEmails);
                            //  $("#erroMensagem").text(`${erroMensagem} - ${response.errosEmails}`);


                        }else{
                            $("#div_success").removeClass("d-none");
                        }
                        processBatch();  // Processa o próximo lote
                    },
                    error: function(error) {
                        console.error('Erro no processamento:', error);
                    }
                });
            }

        // Inicia o processamento do lote
        processBatch();
    });



</script>

@endsection