@extends('layouts.app')

@section('title', 'Utenti')

@section('content')
<style>

.nav-tabs > li > a {
    color: #e0e0e0;

}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color: #ffffff;
}
.no-padding-right{
    padding-right: 0px!important;
}
.no-padding-left{
    padding-left: 0px!important;
}
.disabled_state
{
    background-color: rgba(220, 210, 210, 0.2);
    color: #b3b3b3;
}
.disabled_state:hover
{
    color:#23c6c8
}
.formStepToCreate
{
    transition:border 0.2s;
     transition:box-shadow 0.2s;
    border: 4px solid #23c6c8;
    box-shadow: 2px 3px 11px #888888;
}
.tabs-container .nav-tabs > li a:hover {
    background: transparent;
    border-color: transparent;
    color: rgba(35, 198, 200, 0.51);
}
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    border: 1px solid #e7eaec;
    border-bottom-color: transparent;
    color: #57d3d5;
}

</style>


  <input type="hidden" name="users_id" value="{{$user->id}}"/>
  <input type="hidden" name="id" value="{{isset($contratto->id)?$contratto->id:-1}}"/>
  <input type="hidden" id="codice_provvigione" value="{{isset($contratto->codice_provvigione)?$contratto->codice_provvigione:-1}}"/>

<div class="row wrapper border-bottom white-bg page-heading ">
                <div class="col-lg-10">
                    <h2>Contratti</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="">Home</a>
                        </li>
                        <li>
                            <a>Utenze</a>
                        </li>
                        <li>
                            <a href='/utenze?type=agenti&ext=3'>Agenti</a>
                        </li>
                       
                         <li>
                            <a href='/utenze/view/{{$user->id}}'>{{$user->name}}</a>
                          
                           </li>
                          <li>
                              <a href="/contratti/agenti/view?agente={{$user->id}}">Contratti</a>
                          </li>
                          
                          
                            <li class="active">
                              <strong><a>Provvigioni Contrattuali</a></strong>
                          </li>
                     
                    </ol>
                </div>
             
 </div>  
  
  
 

<div class="wrapper wrapper-content animated fadeInRight fd" style="display:none">
    <div class="row no-padding">
    
     <form  method="post" action="/provvigioni/create">
       <div class="col-md-12 col-sm-12 h-200 no-padding">
    @if (session('message'))
    <input  id='message' type='hidden' value="{session('message')}}">   
    @else
     <input  id='message' type='hidden' value="">   
    @endif
                   
                <div class="ibox" id='contratto_form'>
                   
                    <div class="ibox-title" style="min-height:60px;">
                        
                     <h1>
                         <div class='col-md-10 no-padding'>
                           Provvigioni Contrattuali -  {{$user->name}}  
                         </div>
                         
                          <div class="col-md-2 no-padding text-right">
                                 <button type="submit" class="btn btn-warning btn-xs">Aggiorna</button>
                             </div> 
                         
                     </h1> 
                             
                            
                    </div>
                    <div class="ibox-content" id="contratto_form_content">
                          <div class="sk-spinner sk-spinner-chasing-dots">
                                <div class="sk-dot1"></div>
                                <div class="sk-dot2"></div>
                          </div>
                        <div class="row">
                            <div class="row no-padding-right">
                                <div class="col-md-12">
                                    <div id="calcola_p_no_action_prov" class="panel text-center disabled_state">
                                        <h1 class="panel-body p-h-lg h-200" style="height: 365px;padding: 9%;">non si possono creare provvigioni senza associare un contratto</h1>
                                    </div>
                                </div>
                                <div class="col-md-12" id="provvigioni_display" style="display:none">
                                   
                                        {{ csrf_field() }}       

                                        <div class="tabs-container">
                                            <ul class="nav nav-tabs" >
                                                <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"><i class="fa fa-user"></i> Domestici</a></li>
                                                <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false"><i class="fa fa-group"></i>Condomini</a></li>
                                                <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false"><i class="fa fa-sitemap"></i>Business</a></li>
                                            </ul>
                                            
                                            <div class="tab-content">
                                                <div id="tab-1" class="tab-pane active">
                                                    <div class="panel-body">
                                                        @include('contratti.agenti.partials.domestico')
                                                    </div>
                                                </div>
                                                <div id="tab-2" class="tab-pane">
                                                    <div class="panel-body">
                                                        @include('contratti.agenti.partials.condominio')
                                                    </div>
                                                </div>
                                                <div id="tab-3" class="tab-pane">
                                                    <div class="panel-body">
                                                        @include('contratti.agenti.partials.business')
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                </div>


                            </div>

                        </div>

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



@endsection

@section('scripts')

<script>
  var provvigioni={'domestico':null,'condominio':null,'business':null};   
 function getTariffe()
 {
         
     
     codice=$('[name="id"]').val();
     
     if(codice!='-1')
     {
         
          tipo='domestico';
          $.getJSON( "/api/provvigioni/byCode?id="+codice+"&type="+tipo, function( data ) {
              
          provvigioni.domestico=data.domestico;
          provvigioni.business=data.business;
          provvigioni.condominio=data.condominio;
          populateCommission(provvigioni.domestico,'domestico');
          populateCommission(provvigioni.business,'business');
          populateCommission(provvigioni.condominio,'condominio');

        });
     }
 }

function checkifaContractWasConnected()
{
    if($('[name="id"]').val()!=-1)
    {
        $('#mod_contract').show().next().hide();
        $('#contratto_bozza_span').hide();
        $('#contratto_form').removeClass('formStepToCreate',1000, "easeOutBounce");
        $('#calcola_p_no_action_prov').hide();
        $('#provvigioni_display').fadeIn();
    }
    else
    {
        $('#contratto_form').addClass('formStepToCreate',1000, "easeOutBounce");
        $('#contratto_bozza_span').fadeIn();
         $('#mod_contract').hide().next().show();
    }
}
var elem = $('.js-switch');
checkifaContractWasConnected();
elem.each(function( index ) {
  new Switchery(elem[index], { color: '#1AB394' }); 

});

$('.switchery').click(function(e){
    console.log($(this).siblings().prop('checked'));
    console.log($(this).siblings().val());
    src=$(this).siblings().data('src');
    if(!$(this).siblings().prop('checked'))
    {
        $(src).hide();
        $(src+"_no").fadeIn();
         $(this).siblings().val(0);
        
    }
    else
    {
       $(src+"_no").hide(); 
       $(src).fadeIn(); 
        $(this).siblings().val(1);
       
    }
   
});


//in fase iniziale bisogna creare il contratto all'agente
//da aggiungere controlli


function salvaContratto()
{
   $('#contratto_form_content').toggleClass('sk-loading');
     var data=$('#form_contratto').serialize();
          var url=$('#form_contratto').attr('action');
          $('input').removeClass('error');
          $('.error').remove();
          $.ajax({
            type: "POST",
            url: url,
            data: data,
            dataType:'json', 
            error: function(xhr, status, error) {
                $('#contratto_form_content').toggleClass('sk-loading');
                if(xhr.status==422)
                {
                  messages=JSON.parse(xhr.responseText);
                  console.log(messages);
                  $.each(messages,function(index, value) {
                      
                      html='<label class="error" for="'+index+'">'+value+'</label>';
                   
                      $('[name="'+index+'"]').addClass('error').parent().append(html);
                 
                    });
                }
         
            },
            success: function(response){
            $('#contratto_form_content').toggleClass('sk-loading');
            $('[name="id"]').val(response);
            checkifaContractWasConnected();
              toastr.success('modifiche salvate con successo');
                 
            },
    
          });
   
   
}

function handleArrangements()
{
    
}

function  populateCommission(obj,tipo)
{
       // se abbiamo l'opzione attiva
         if(obj.head.fisso_attivo==1)
        {
          
            $('#'+tipo+'_fisso_display_no').hide();
            $('#'+tipo+'_fisso_display').show();
            $('[name="'+tipo+'[fisso_attivo]"]').val(1);
        }
        else
        {
          $('#'+tipo+'_fisso_display_no').show();
          $('#'+tipo+'_fisso_display').hide();
          $('[name="'+tipo+'[fisso_attivo]"]').val(0);
          //parte attivo sempre
          $('[name="'+tipo+'[fisso_attivo]"]').trigger('click');
            
        }
        
        if(obj.head.ricorrente_attivo==1)
        {
            $('#'+tipo+'_ricorrente_display_no').hide();
            $('#'+tipo+'_ricorrente_display').show();
             $('[name="'+tipo+'[ricorrente_attivo]"]').val(1);
        }
        else
        {
          $('#'+tipo+'_ricorrente_display_no').show();
          $('#'+tipo+'_ricorrente_display').hide();
          //parte attivo sempre
          $('[name="'+tipo+'[ricorrente_attivo]"]').val(0);
          $('[name="'+tipo+'[ricorrente_attivo]"]').trigger('click');
            
        }
        
        //sezione di riempimento degli importi
         $.each(obj.body,function(index,value){
           if(value.ricorrente==0)
           {   
               
               
               switch (value.tipologia_scaglione)
               {
                   case 'CONSUMO':
                        $('#'+tipo+'_fisso_no_scaglioni_block').hide();
                        if(value.servizio=='luce')
                        {

                         v=tipo+'[contratti_agenti_provvigioni_tariffe][fissa][SCCE]['+value.id_provvigioni_scaglioni+']';
                         $('[name="'+v+'"]').val(value.importo);
                        }
                        else if(value.servizio=='gas')
                        {
                         v=tipo+'[contratti_agenti_provvigioni_tariffe][fissa][SCCG]['+value.id_provvigioni_scaglioni+']';
                         $('[name="'+v+'"]').val(value.importo);
                        }
                       
                   break;
                   
                   case 'POTENZA':
                        $('#'+tipo+'_fisso_no_scaglioni_block').hide();
                           if(value.servizio=='luce')
                        {

                         v=tipo+'[contratti_agenti_provvigioni_tariffe][fissa][SCPE]['+value.id_provvigioni_scaglioni+']';
                         $('[name="'+v+'"]').val(value.importo);
                        }
                        else if(value.servizio=='gas')
                        {
                         v=tipo+'[contratti_agenti_provvigioni_tariffe][fissa][SCPG]['+value.id_provvigioni_scaglioni+']';
                         $('[name="'+v+'"]').val(value.importo);
                        }
                       
                   break;
                   
                   case 'STORNO':
                         v=tipo+'[contratti_agenti_provvigioni_tariffe][storno_fissa][STOUT]['+value.id_provvigioni_scaglioni+']';
                         $('[name="'+v+'"]').val(value.importo);
                   break;
                   default:
                      //caso di importi non scaglionati
                         console.log(tipo);
                       $('#'+tipo+'_fisso_no_scaglioni_block').show();
                        if(value.servizio=='luce')
                        {
                         $('#'+tipo+'_fisso_importo_gettone_luce').val(value.importo);
                        }
                        else
                        {
                            $('#'+tipo+'_fisso_importo_gettone_gas').val(value.importo);
                        }
                   break; 
                   
                   
               }
               
          
               
                
            }
            else
            {
               //ricorrente da completare
                 
               switch (value.tipologia_scaglione)
               {
                 
                 case 'CONSUMO':
                        $('#'+tipo+'_ricorrente_no_scaglioni_block').hide();
                        if(value.servizio=='luce')
                        {

                         v=tipo+'[contratti_agenti_provvigioni_tariffe][ricorrente][SCCE]['+value.id_provvigioni_scaglioni+']';
                         $('[name="'+v+'"]').val(value.importo);
                        }
                        else if(value.servizio=='gas')
                        {
                         v=tipo+'[contratti_agenti_provvigioni_tariffe][ricorrente][SCCG]['+value.id_provvigioni_scaglioni+']';
                         $('[name="'+v+'"]').val(value.importo);
                        }
                       
                   break;
                   
                   case 'POTENZA':
                       //da completare parte della potenza
                        $('#'+tipo+'_ricorrente_no_scaglioni_block').hide();
                       if(value.servizio=='luce')
                        {

                         v=tipo+'[contratti_agenti_provvigioni_tariffe][ricorrente][SCPE]['+value.id_provvigioni_scaglioni+']';
                         $('[name="'+v+'"]').val(value.importo);
                        }
                        else if(value.servizio=='gas')
                        {
                         v=tipo+'[contratti_agenti_provvigioni_tariffe][ricorrente][SCPG]['+value.id_provvigioni_scaglioni+']';
                         $('[name="'+v+'"]').val(value.importo);
                        }
                   break;
                   default:
                      //caso di importi non scaglionati
                      $('#'+tipo+'_ricorrente_no_scaglioni_block').show();
                       if(value.servizio=='luce')
                        {
                         
                         $('#'+tipo+'_ricorrente_importo_gettone_luce').val(value.importo);
                         $('#'+tipo+'_ricorrente_importo_gettone_luce_variabile').val(value.importo_variabile);
                         
                        }
                        else
                        {
                            $('#'+tipo+'_ricorrente_importo_gettone_gas').val(value.importo);
                           $('#'+tipo+'_ricorrente_importo_gettone_gas_variabile').val(value.importo_variabile);
                           
                        }
                   break;    
                }
               
                
            }
            
        });
        
        
        
     //se abbiamo lo scaglionamento attivo    
    if(obj.head.fissa_scaglionato==1)
    {
        
  
        $('[name="'+tipo+'[fissa_scaglionato]"]').iCheck('toggle');
        $('[name="'+tipo+'[fissa_scaglionato]"]').trigger('ifClicked');
        //verficare cosa accade se viene passato il valore null
        $('[name="'+tipo+'[fissa][tipologia_scaglione]"]').val(obj.head.fisso_tipologia_scaglione);
        $('[name="'+tipo+'[fissa][tipologia_scaglione]"]').trigger('change');
      
       
    }
    //verifichiamo se abbiamo lo storno attivo
    if(obj.head.fisso_storno==1)
    {
         $('[name="'+tipo+'[storno]"]').iCheck('toggle');
         $('[name="'+tipo+'[storno]"]').trigger('ifClicked');
    }
    
    
    
    
    $("[name='"+tipo+"[fisso_anticipo]']").val(obj.head.fisso_anticipo);
    $("[name='"+tipo+"[fissa_intervallo]']").val(obj.head.fissa_intervallo);
    $("[name='"+tipo+"[fissa_n_mesi]']").val(obj.head.fissa_n_mesi);
    $("[name='"+tipo+"[fissa_tipo]']").val(obj.head.fissa_tipo);
    $("[name='"+tipo+"[ricorrente_n_mesi]']").val(obj.head.ricorrente_n_mesi);
    $("[name='"+tipo+"[ricorrente_data_partenza]']").val(moment(obj.head.ricorrente_data_partenza).format('DD/MM/YYYY'));

    //scaglionamento ricorrente
    
     $("[name='"+tipo+"[ricorrente_tipo]']").val(obj.head.ricorrente_tipo);
    
    if(obj.head.ricorrente_scaglionato==1)
    {
      
      $('[name="'+tipo+'[ricorrente_scaglionato]"]').iCheck('toggle');
      $('[name="'+tipo+'[ricorrente_scaglionato]"]').trigger('ifClicked');
        //verficare cosa accade se viene passato il valore null
      $("[name='"+tipo+"[ricorrente][tipologia_scaglione]']").val(obj.head.ricorrente_tipologia_scaglione);
      $("[name='"+tipo+"[ricorrente][tipologia_scaglione]']").trigger('change');
      
    }
    
     
}

$(document).ready(function(){
    $('.slim').slimscroll({height:'500px'});
   getTariffe();
   if($('#message').val()!='')
   {
      toastr.success('Aggiornato con successo'); 
   }
   
   $('.fd').fadeIn();
});
</script>
@endsection