@extends('layouts.app')

@section('title', 'Tools')

@section('content')



<div class="row col-lg-10 col-md-12 col-sm-12 no-padding white-bg">
    <div class="white-bg page-heading">
        <form method="post" action="/tools/EsportazioneCondomini">
            <input type="hidden" name="_token" value="{{ Session::token() }}" />
        <input type="hidden" id="id_amministratore" name="id_amministratore" value="" />
         <input type="hidden" id="nome_amministratore" name="nome_amministratore" value="" />
                <div class="col-lg-12 col-sm-12">
                    <h2>Amministratori di Condomini</h2>
                    <ol class="breadcrumb p-h-sm">
                        <li>
                            <span>Referente <div id='span_amministratore'></div></span>
                            
                        </li>
                      
                    </ol>
                </div>
             
        </form>
</div>
   <div class="">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>Utenze associate all'amministratore<span  id="count_ut" class="label label-info" style="float:right;">0</span></h5>
           
        </div>
        <div id="table_block_ut" class="ibox-content">
            <div class="sk-spinner sk-spinner-cube-grid">
                <div class="sk-cube"></div>
                <div class="sk-cube"></div>
                <div class="sk-cube"></div>
                <div class="sk-cube"></div>
                <div class="sk-cube"></div>
                <div class="sk-cube"></div>
                <div class="sk-cube"></div>
                <div class="sk-cube"></div>
                <div class="sk-cube"></div>
            </div>
            <div id="noresult_ut" class="text-center" style="padding:5%;">
                <h1>Non sono presenti risultati</h1>
            </div>
            <div  id="table_ut_list" style="display:none">    
                <table id="tabella_ut" class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Codice Mubi</th>
                            <th>Codice Cliente</th>
                            <th>Codice Utenza</th>
                            <th>Nominativo</th>
                            <th>Indirizzo</th>
                            <th>Città</th>
                            <th>Pdp</th>
                            <th>Stato</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>   


        </div>
    </div>
</div>

    
</div>
<div class="row col-lg-2 col-md-12 col-sm-12 no-padding" style="float:right;margin:0">
    <div class="" style="width:110%;margin: 0px -15px;">
        <input type="text"  id="i_searchAmministratori"  placeholder="ricerca amministratore" class="form-control">
  
    </div>
     <div id="search_block" class="ibox-content" style='padding:0'>
                                <div class="sk-spinner sk-spinner-cube-grid">
                                    <div class="sk-cube"></div>
                                    <div class="sk-cube"></div>
                                    <div class="sk-cube"></div>
                                    <div class="sk-cube"></div>
                                    <div class="sk-cube"></div>
                                    <div class="sk-cube"></div>
                                    <div class="sk-cube"></div>
                                    <div class="sk-cube"></div>
                                    <div class="sk-cube"></div>
                                </div>
        <div class="fh-breadcrumb" style="height:calc(100vh - 105px)!important">

            <div class="fh-column" style="width:100%">
            <div class="full-height-scroll">
                                <ul id="amm_list" class="list-group elements-list">

                                </ul>

                            </div>
            </div>
        </div>
</div>
</div>

@endsection

@section('scripts')
<script>
    function searchAmministratori(e=null)
    {
        valore=$(e.target).val();
        search=typeof(valore)!==typeof(undefined)?valore:'/';
        $('#search_block').toggleClass('sk-loading');
        $('#amm_list').empty();
          $.getJSON('/api/amministratori/'+search, function (data) {
            // console.log(data); 
            li='';
               $.each(data.amministratori, function(i, item) {
                 //  console.log(item);
                 nominativo=item.Nome+' '+item.Cognome;
                     li+='<li class="list-group-item"><a data-toggle="tab" data-id="'+item.Nr_+'" data-nominativo="'+nominativo+'" onclick="loadAll(this)"><small class="pull-right text-muted"> '+item.Telefono+'</small><strong>'+item.Nome+' '+item.Cognome+'</strong><div class="small m-t-xs"><p>'+item.E_Mail+'</p><p class="m-b-none"><i class="fa fa-map-marker"></i> '+item.Indirizzo+'</p></div></a></li>';
               });
            $('#amm_list').append(li); 
            $('#search_block').toggleClass('sk-loading');
          });
        
    }
    
    var table,table2;
    function clearUtenze()
    {
       $('#noresult_ut').show();
        $('#table_ut_list').hide(); 
        if($('#tabella_ut').hasClass('initialized')){
     
       // table2.empty();
       table2.DataTable().destroy();
        $('#tabella_ut').removeClass('initialized');
        }
        $('#count_ut').html(0);
    }
    
    
         $('#tabella_ut tbody').on('click', 'tr', function (e) {
            
     utenza=$(e.target).parent('tr').data('utenza');
     if(typeof(utenza)==typeof(undefined))
     return;
 
     window.open("/clienti/anagrafiche/cliente?codice="+utenza,"_blank");

    } );
    

     function loadUtenze()
    {
        $('#noresult_ut').show();
        $('#table_ut_list').hide(); 
       // clearUtenze();
        $('#table_block_ut').toggleClass('sk-loading');
          $('#table_block').toggleClass('sk-loading');
        id=$('#id_amministratore').val(); 
        nominativo=$('#nome_amministratore').val();
        $('#span_amministratore').html(nominativo);
   
        $.getJSON('/api/amministratori/utenze/'+id, function (data) {
         count=data.length;  
         $('#count_ut').html(count);
         if( count > 0)
         {
            html="";
            
           
            
            
            $.each(data, function(i, item) {
                
                     cls='';

                switch(item.Stato_Utenza)
                {
                    case 'Attiva':
                        cls='primary';
                    break;    
                    case 'Cessata':
                       cls='danger'; 
                    break;
                    case 'Non Fatturabile':
                       cls='danger'; 
                    break;
                    case 'Errata':
                       cls='danger'; 
                    break;

                     case 'In Cessazione':
                          cls='warning';
                     break;

                default:
                    cls='default';
                    info='';
                }
                
                       if(item.Cod_Tipo_Servizio=='EE')
                            img="<img src='/images/luce.png' width='30px'/>";
                        else
                             img="<img src='/images/gas.png' width='30px'/>";
             
                html+="<tr data-utenza='"+item.Nr_+"'><td>"+img+"</td>";
                html+="<td>"+id.trim()+"</td>"+"<td>"+item.Nr_Cliente+"</td>";
                html+="<td>"+item.Nr_+"</td>";
                
                html+="<td>"+item.Nome_Completo+"</td>";
                html+="<td>"+item.Indirizzo+"</td>"
                html+="<td>"+item.Citta+"</td>"
                html+="<td>"+item.Nr_Punto_Di_Riconsegna+"</td>";
                html+="<td><span style='width:90%;display:block' class='label label-"+cls+"'>"+item.Stato_Utenza+"</span></td>";
                html+="</tr>";

            });
          
            $('#tabella_ut').find('tbody').empty().append(html);
            
              
              table2=$('#tabella_ut').addClass('initialized').dataTable({pageLength:12,paging:true, dom: 'Bfrtip',
                    buttons: [
                        'copy', 'csv', 'excel', 'pdf', 'print'
                    ]});
                          init=true;   
              $('#table_block_ut').toggleClass('sk-loading');
              $('#noresult_ut').hide();
              $('#table_ut_list').fadeIn();  
         }
         else
         {
          $('#table_block_ut').toggleClass('sk-loading');
          $('#noresult').show();
          $('#table_ut_list').hide(); 
         }
        

      });
    }
    
  
  
    
  
    
      $('#i_searchAmministratori').on('keyup',searchAmministratori) ;
    function loadAll(e)
    {
        id=$(e).data('id');
        nominativo=$(e).data('nominativo');
        clearUtenze();
        //clearFatture();
       
        $('#id_amministratore').val(id);
        $('#nome_amministratore').val(nominativo);
        
        loadUtenze();
    }


    $( document ).ready(function() {
     //alert('sdfs');
     //loadUtenze();
     searchAmministratori('');
    });
</script>
@endsection