@extends('layouts.app')

@section('title', 'Tools')

@section('content')
<style>
    .mes
    {
    color: #ed5565;
    list-style-type: none;
    }
</style>
    <div class="wrapper wrapper-content animated fadeInRight">
                <div class="row">
         
                    <div class="col-lg-6">
             
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>Importazione utenze <small class="m-l-sm">genera</small></h5>
                                    <div class="ibox-tools">
                                        <a class="collapse-link">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                    
                                  
                                       
                                    </div>
                                </div>
                                <div class="ibox-content" id="carica">
                                <div class="sk-spinner sk-spinner-wave">
                                <div class="sk-rect1"></div>
                                <div class="sk-rect2"></div>
                                <div class="sk-rect3"></div>
                                <div class="sk-rect4"></div>
                                <div class="sk-rect5"></div>
                                </div>
                                    <h2>
                                        file .csv input da gestionale<br>
                                    </h2>
                                    <p>
                                        per favore seleziona il file  per provvedere al caricamento
                                      
                                    </p>
                                    <form  method="post" enctype="multipart/form-data">
                                        <input type="hidden" name="_token" value="{{ Session::token() }}" />
                                     <div class="fileinput fileinput-new input-group {{$errors->has('file')?'has-error':''}}" data-provides="fileinput">
                                        <div class="form-control" data-trigger="fileinput">
                                            <i class="glyphicon glyphicon-file fileinput-exists"></i>
                                            <span class="fileinput-filename"></span>
                                        </div>
                                        <span class="input-group-addon btn btn-primary btn-file" style="background:#1ab394!important;color:white;">
                                            <span class="fileinput-new">Seleziona file</span>
                                            <span class="fileinput-exists">cambia</span>
                                            <input type="file" name="file_gestionale"/>
                                        </span>
                                        <a href="#" class="input-group-addon btn btn-danger fileinput-exists" data-dismiss="fileinput">Cancella</a>
                                    </div>
                                 
                                         @if ($errors->has('file'))
                                           <span class="help-block">
                                                <label class="control-label" style="color:#ed5565">{{ $errors->first('file') }}</label>
                                            </span>
                                        @endif
                                        <div class="col-md-12">
                                              <button type="submit" class="btn btn-primary btn-lg center-block">Conferma</button>
                                        </div>
                                        <div class="clearfix"></div>
                                      
                                      
                                    </form>
                                </div>
                                <div class="ibox-footer">
                                   
                                  
                                </div>
                            </div>
                    
                        
                    </div>
                        <div class="col-lg-6">
                            
                            <div id="info" class="panel panel-info" style="min-height: 268px;">
                                        <div class="panel-heading">
                                            <i class="fa fa-info-circle"></i> Informazioni di importazione
                                        </div>
                                        <div class="panel-body">
                                            <p>Nessuna informazione da visualizzare al momento</p>
                                        </div>

                            </div>
                            
                        </div>
                
     </div>
        
         <div class="row equal">
        <div class="col-md-6">
            <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Pdf dei Contratti inviabili per Mail&nbsp;&nbsp;&nbsp;&nbsp;<label class="badge badge-danger"><span id="countMail">0<span></label></h5>
                    <div class="ibox-tools">
                       <div class="spiner" style="float:right;display:none;">
                                <div class="sk-spinner sk-spinner-circle">
                                    <div class="sk-circle1 sk-circle"></div>
                                    <div class="sk-circle2 sk-circle"></div>
                                    <div class="sk-circle3 sk-circle"></div>
                                    <div class="sk-circle4 sk-circle"></div>
                                    <div class="sk-circle5 sk-circle"></div>
                                    <div class="sk-circle6 sk-circle"></div>
                                    <div class="sk-circle7 sk-circle"></div>
                                    <div class="sk-circle8 sk-circle"></div>
                                    <div class="sk-circle9 sk-circle"></div>
                                    <div class="sk-circle10 sk-circle"></div>
                                    <div class="sk-circle11 sk-circle"></div>
                                    <div class="sk-circle12 sk-circle"></div>
                                </div>
                      </div>        
                     <button id="elabora_mail_massive"  style="display:none;" type="button" class="btn btn-xs btn-outline btn-warning" data-toggle="modal" data-target="#modalFlusso"><i class="fa fa-lg fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp;Invia Mail Massive</button>
                     </div>
                    </div>
                    <div class="ibox-content" id="tbee">
                         <div class="sk-spinner sk-spinner-chasing-dots">
                                <div class="sk-dot1"></div>
                                <div class="sk-dot2"></div>
                         </div>
                        
                        <table class="table table-hover" id="tbldata">
                           
                            <thead>
                            <tr>
                                <th>pdp</th>
                                <th>mail</th>
                               
                            </tr>
                            </thead>
                            <tbody>
                    
                            </tbody>
                        </table>

                    </div>
                </div>
            
        </div>
          <div class="col-md-6">
            <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Pdf dei Contratti non ancora caricati</h5>
                    
                    </div>
                    <div class="ibox-content" id="tbgas">
                       <div class="sk-spinner sk-spinner-chasing-dots">
                                <div class="sk-dot1"></div>
                                <div class="sk-dot2"></div>
                         </div>

                        <table class="table table-hover" id="tbltoload">
                            <thead>
                            <tr>
                                <th>pdp</th>
                                <th>mail</th>
                                
                            </tr>
                            </thead>
                            <tbody>
                    
                            </tbody>
                        </table>

                    </div>
                </div>
            
        </div>
    </div>
@endsection 

@section('scripts')
<script>
 
  var jobs;
  var tabelladacaricare=$('#tbltoload').dataTable();;
  var tabelladati= $('#tbldata').dataTable();;
$( document ).ready(function() {

  
      
   $('form').submit(function( event ) {
        event.preventDefault();
        var formData = new FormData($(this)[0]);
        $('#carica').toggleClass('sk-loading');
          $('#elabora_mail_massive').hide();
           $('#countMail').html(0);
     
       $('#info').find('.panel-body').empty().append('<p>in caricamento.....</p>');
          $.ajax({
            url: window.location.pathname,
            type: 'POST',
            data: formData,
            dataType: "json",
            success: function (data) {
               tabelladacaricare.fnDestroy();
                tabelladati.fnDestroy();
          
              jobs=data; 
               $('#info').find('.panel-body').empty().append('<p>è possibile mandare  '+jobs.data.length+' mail su '+jobs.toload.length+' contratti non caricati a sistema</p>');
               $('#carica').toggleClass('sk-loading');
                $.each(jobs.toload,function(i,val){
                    $('#tbltoload').find('tbody').append("<tr><td>"+val.pdp+"</td><td>"+val.email+"</td></tr>"); 
                });
                 $.each(jobs.data,function(i,val){
                    $('#tbldata').find('tbody').append("<tr><td>"+val.pdp+"</td><td>"+val.email+"</td></tr>"); 
                });
                tabelladacaricare=$('#tbltoload').dataTable({ paging:true, dom: 'Bfrtip',
                buttons: [
                    'copy', 'csv', 'excel', 'pdf', 'print'
                ]});
            
                tabelladati=$('#tbldata').dataTable({ paging:true, dom: 'Bfrtip',
                buttons: [
                    'copy', 'csv', 'excel', 'pdf', 'print'
                ]});
                
                if(jobs.data.length>0)
                {
                    $('#elabora_mail_massive').show();
                    $('#countMail').html(jobs.data.length);
                }
              
                

                 
                 
                 
                 
            },
            error: function (jqXHR, textStatus, errorThrown) 
            {
                    $('#carica').toggleClass('sk-loading');
                console.log(jqXHR);
            },
            cache: false,
            contentType: false,
            processData: false
        });
        
    });
    
    function elaborateSingleJob()
    {
        
        $('#countMail').html(jobs.data.length);
        if(jobs.data.length>0)
        {
             $('#countMail').html(jobs.data.length);
            $.ajax({
              url: "/tools/sendMassiveContractViaMail",
              method:'post',
              data: jobs.data[0],
               dataType: "json",
            }).done(function(res) {
                if(res.status!='OK')
                {
                     $('#info').find('.panel-body').append("<p style='color:red;'>"+res.status+"</p>");
                     toastr.error(res.status);
                    
                }
                
              jobs.data.shift();
              elaborateSingleJob(); 
            });
         }
         else
         {
             $('.spiner').toggle();
             $('#tbldata').empty();
         }
    }
    
    $('#elabora_mail_massive').on('click',function(){
    $('#elabora_mail_massive').hide();
    $('.spiner').toggle();
        if(jobs)
        {
         elaborateSingleJob(); 
        }
    
    });
    
});

</script>

@endsection