@extends('layouts.app')

@section('title', 'Tools')

@section('content')
<style>
    .mes
    {
    color: #ed5565;
    list-style-type: none;
    }
    .checkh
    {
    border-bottom: 3px solid #23c6c8;
    padding: 0px 0px 3px 0;
    margin: 0 0 10px 0;
    }
</style>
<div class="wrapper wrapper-content animated fadeInRight">
    <form id="import" method="post">
        <div class="row">
            <div class="panel">
                <div class="panel-heading">
                    <h1>
                        Importazione dati
                    </h1>
                </div>
                <div class="panel-body">
                    
                      <div class="col-md-12">
                        <h5><div class="i-checks checkh"><label><input type="checkbox"  name="importa[]" value="agenti" checked><i></i>&nbsp;importa agenti.csv</label></div>   
                            &nbsp;Agenti&nbsp;<div id="agenti_comp2" style="display:inline-block"></div><span id="count_agenti" class="label label-info" style="float:left" >0</span></h5>
                        <div class="progress progress-bar-default">
                            <div id="agenti_p2" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar">
                                <span class="sr-only">43% Complete (success)</span>
                            </div>
                        </div>

                    </div>
                    
                    
                    <div class="col-md-12">
                        <h5><div class="i-checks checkh"><label><input type="checkbox"  name="importa[]" value="clienti" checked><i></i>&nbsp;importa clienti.csv</label></div>   
                            &nbsp;Anagrafiche&nbsp;<div id="anagrafiche_comp2" style="display:inline-block"></div><span id="count_anagrafiche" class="label label-info" style="float:left" >0</span></h5>
                        <div class="progress progress-bar-default">
                            <div id="anagrafiche_p2" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar">
                                <span class="sr-only">43% Complete (success)</span>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-12">
                        <h5><div class="i-checks checkh"><label><input type="checkbox"  name="importa[]" value="amministratori" checked><i></i>&nbsp;importa amministratori.csv</label></div>   
                            &nbsp;Amministratori&nbsp;<div id="amministratori_comp2" style="display:inline-block"></div><span id="count_amministratori" class="label label-info" style="float:left" >0</span></h5>
                        <div class="progress progress-bar-default">
                            <div id="amministratori_p2" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar">
                                <span class="sr-only">43% Complete (success)</span>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-12">
                        <h5><div class="i-checks checkh"><label><input type="checkbox"  name="importa[]" value="utenze" checked><i></i>&nbsp;importa utenze.csv</label></div>  &nbsp;Utenze&nbsp;<div id="utenze_comp2" style="display:inline-block"></div><span id="count_utenze" class="label label-info"style="float:left" >0</span></h5>
                        <div class="progress progress-bar-default">
                            <div id="utenze_p2" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar">
                                <span class="sr-only">43% Complete (success)</span>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-12">
                        <h5><div class="i-checks checkh"><label><input type="checkbox"  name="importa[]" value="testate" checked><i></i>&nbsp;importa testate.csv</label></div> &nbsp;Testate&nbsp;<div id="testate_comp2" style="display:inline-block"></div><span id="count_testate" class="label label-info" style="float:left">0</span></h5>
                        <div class="progress progress-bar-default">
                            <div id="testate_p2" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar">
                                <span class="sr-only">43% Complete (success)</span>
                            </div>
                        </div>

                    </div>

                    <div class="col-md-12">
                        <h5><div class="i-checks checkh"><label><input type="checkbox"  name="importa[]" value="letture" checked><i></i>&nbsp;importa letture.csv</label></div> &nbsp;Letture&nbsp;<div id="letture_comp2" style="display: inline-block"></div><span id="count_letture" class="label label-info" style="float:left">0</span></h5>
                        <div class="progress progress-bar-default">
                            <div id="letture_p2" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar">
                                <span class="sr-only">43% Complete (success)</span>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-12">
                        <h5><div class="i-checks checkh" ><label><input type="checkbox"  name="importa[]" value="movimenti"  checked><i></i>&nbsp;importa movimenti.csv</label></div> &nbsp;Movimenti Contabili&nbsp;<div id="movimenti_comp2" style="display:inline-block"></div><span id="count_movimenti" class="label label-info" style="float:left">0</span></h5>
                        <div class="progress progress-bar-default">
                            <div id="movimenti_p2" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar">
                                <span class="sr-only">43% Complete (success)</span>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-12">
                        <h5><div class="i-checks checkh"><label><input type="checkbox"  name="importa[]" value="insoluti" checked><i></i>&nbsp;importa insoluti.csv</label></div> &nbsp;Insoluti&nbsp;<div id="insoluti_comp2" style="display:inline-block"></div><span id="count_insoluti" class="label label-info" style="float:left">0</span></h5>
                        <div class="progress progress-bar-default">
                            <div id="insoluti_p2" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar">
                                <span class="sr-only">43% Complete (success)</span>
                            </div>
                        </div>

                    </div>

                    <div class="col-md-12">
                        <h5><div class="i-checks checkh"><label><input type="checkbox"  name="importa[]" value="righe"/><i></i>&nbsp;importa righe.csv</label></div> &nbsp;Righe Fattura&nbsp;<div id="righe_comp2" style="display:inline-block"></div><span id="count_righe" class="label label-info" style="float:left">0</span></h5>
                        <div class="progress progress-bar-default">
                            <div id="righe_p2" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar">
                                <span class="sr-only">43% Complete (success)</span>
                            </div>

                        </div>

                    </div>

                    <div class="col-md-12 p-h-lg">

                        <a  onclick="aggiorna()" class="btn btn-primary btn-lg center-block">Conferma Aggiornamento</a>

                    </div>
                </div>

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

@section('scripts')
<script>
    var table;
    var init=false;
    var list=['agenti','anagrafiche','amministratori','utenze','testate','letture','movimenti','insoluti','righe'];
   //list=['anagrafiche'];
    
     var toDo={anagrafiche:{
        headers:null,
        jobs:null,
        importate:0
        },agenti:{
        headers:null,
        jobs:null,
        importate:0
        },
        amministratori:{
        headers:null,
        jobs:null,
        importate:0
        },
        utenze:{
        headers:null,
        jobs:null,
        importate:0
        },
        testate:{
        headers:null,
        jobs:null,
        importate:0
        },
        letture:{
        headers:null,
        jobs:null,
        importate:0
        },
        movimenti:{
        headers:null,
        jobs:null,
        importate:0
        },
        insoluti:{
        headers:null,
        jobs:null,
        importate:0
        },
        righe:{
        headers:null,
        jobs:null,
        importate:0
        }
 
    };
   
    function aggiorna(e) {
      
  data=$('#import').serialize();
  list=['anagrafiche','agenti','amministratori','utenze','testate','letture','movimenti','insoluti','righe'];
          $.ajax({
            url: window.location.pathname,
            type: 'POST',
            data:data,
            dataType: "json",
            success: function (data) {
                    getResources();
                    toDo.agenti.jobs=data.agenti.jobs;
                    toDo.agenti.headers=data.agenti.headers; 
                    toDo.anagrafiche.jobs=data.anagrafiche.jobs;
                    toDo.anagrafiche.headers=data.anagrafiche.headers; 
                    toDo.amministratori.jobs=data.amministratori.jobs;
                    toDo.amministratori.headers=data.amministratori.headers; 
                    toDo.utenze.jobs=data.utenze.jobs;
                    toDo.utenze.headers=data.utenze.headers;  
                    toDo.testate.jobs=data.testate.jobs;
                    toDo.testate.headers=data.testate.headers;  
                    toDo.letture.jobs=data.letture.jobs;
                    toDo.letture.headers=data.letture.headers;  
                    toDo.movimenti.jobs=data.movimenti.jobs;
                    toDo.movimenti.headers=data.movimenti.headers;  
                    toDo.insoluti.jobs=data.insoluti.jobs;
                    toDo.insoluti.headers=data.insoluti.headers; 
                    toDo.righe.jobs=data.righe.jobs;
                    toDo.righe.headers=data.righe.headers; 
                    ListHandler();
                   
               
            },
            error: function (jqXHR, textStatus, errorThrown) 
            {
                    $('#carica').toggleClass('sk-loading');
                console.log(jqXHR);
            }
      
        });
        
    };
   
$( document ).ready(function() {
        getResources();


    
      
  
});

    function ListHandler()
    {
       
       switch(list[0])
       {
           case 'agenti':
                 elaborateSingleJob(toDo.agenti,'#agenti_comp2','#agenti_p2',"/tools/elaboraAgentiSingoloTask");
           break;
           
           case 'anagrafiche':
                 elaborateSingleJob(toDo.anagrafiche,'#anagrafiche_comp2','#anagrafiche_p2',"/tools/elaboraAnagraficheSingoloTask");
           break;
           case 'amministratori':
                 elaborateSingleJob(toDo.amministratori,'#amministratori_comp2','#amministratori_p2',"/tools/elaboraAmministratoriSingoloTask");
           break;
           case 'utenze':
               elaborateSingleJob(toDo.utenze,'#utenze_comp2','#utenze_p2',"/tools/elaboraUtenzeSingoloTask");
               
           break;
          case 'testate':
              elaborateSingleJob(toDo.testate,'#testate_comp2','#testate_p2',"/tools/elaboraTestateSingoloTask");

          break;
      case 'letture':
            elaborateSingleJob(toDo.letture,'#letture_comp2','#letture_p2',"/tools/elaboraLettureUtenteSingoloTask");
          
          break;
      case 'movimenti':
           elaborateSingleJob(toDo.movimenti,'#movimenti_comp2','#movimenti_p2',"/tools/elaboraMovimentiSingoloTask");
               break;
          
       
       case 'insoluti':
           elaborateSingleJob(toDo.insoluti,'#insoluti_comp2','#insoluti_p2',"/tools/elaboraInsolutiSingoloTask");
           break;
             case 'righe':
           elaborateSingleJob(toDo.righe,'#righe_comp2','#righe_p2',"/tools/elaboraRigheSingoloTask");
           break;    
          
       }
   

    }
   
    function elaborateSingleJob(toDo,barid,barlabelid,url)
    {
     if (toDo.jobs.length>0)
     {
     percentuale=101-toDo.jobs.length;
     $(barid).html(percentuale.toFixed(2)+'%');
     $(barlabelid).css('width',percentuale+'%').attr('aria-valuenow', percentuale);
     token=$('[name="_token"]').val();
     job=JSON.stringify(toDo.jobs[0]);    
     headers=JSON.stringify(toDo.headers);
        $.ajax({
                url: url,
                type: 'POST',
                data: {'_token':token,'headers':headers,'job':job},
                dataType: "json",
                success: function (data) {
             
                 toDo.jobs.shift();
                ListHandler();
                }  
        });
     }
     else
     {
           getResources();
          list.shift();
          ListHandler();
     }
        
    }
    
     function getResources()
    {
        $.getJSON( "/importazione/getImportedResourecesCount", function( data ) {
               
              $('#count_anagrafiche').html(data.anagrafiche);
              $('#count_amministratori').html(data.amministratori);
              $('#count_utenze').html(data.utenze);
              $('#count_testate').html(data.testate);
              $('#count_letture').html(data.letture);
              $('#count_movimenti').html(data.movimenti);
              $('#count_insoluti').html(data.insoluti);
              $('#count_righe').html(data.righe);
              $('#count_agenti').html(data.agenti);
          
              });
        
    }
    

</script>

@endsection