@extends('layouts.app')

@section('title', 'Statistiche')

@section('content')
<style>
    
    .table-hover > tbody > tr:hover {
    background-color: #1ab394!important;
    color: #ffffff!important;
}

</style>
  <div class="wrapper wrapper-content animated fadeInRight">
      @if ($errors->any())
      <div class="alert alert-danger">
          <ul>
              @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div>
      @endif
      <form method="post">
          {{ csrf_field() }}
          <div class="row equal">
              <div class="col-md-12">
                  <div class="ibox">
                      <div class="ibox-content">
                          <div class="row" style="border-bottom: 3px solid #62d6d8;padding-bottom: 10px;">
                              <div class="col-md-12 text-center p-md">
                                  <h1>Crea Provvigione</h1>
                              </div>
                              <div class="row">
                                  <div class="col-md-4">
                                      <div class="col-md-12 no-padding">
                                          <div class="form-group">
                                              <label class='col-sm-12 control-label'>Codice Provvigione</label>
                                              <div class='col-sm-12'> 
                                                  <input type="text" name="codice_provvigione" placeholder="codice" class="form-control">
                                              </div>
                                          </div>
                                      </div>
                                      &nbsp;&nbsp;
                                      <div class="col-md-12">
                                          <div class="form-group">
                                              <label>Tipo utenza</label> 
                                              <select  class="form-control"   name="tipologia_cliente" placeholder="seleziona uno scaglione">
                                                  <option>Residenziale</option>
                                                  <option>Condomini</option> 
                                                  <option>Business</option> 
                                              </select>
                                          </div>
                                      </div>
                                      &nbsp;&nbsp;
                                      <div class="col-md-12">
                                          <div class="form-group">
                                              <label>Su Listino Specifico</label> 
                                              <select  class="form-control"  onchange="" name="listino_specifico" placeholder="seleziona uno scaglione">
                                                  <option>Nessuno</option>
                                                  @foreach ($listini as $listino)
                                                  <option>{{$listino->Tipologia_Offerta}}</option>
                                                  @endforeach

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

                              </div>


                          </div>

                          <div class="row"  style="border-bottom: 3px solid #62d6d8;margin-bottom: 10px;">

                              <!-- fisso -->
                              <div class="col-md-6 col-sm-12">
                                  <fieldset>
                                      <legend style="line-height: 50px;">Quota Fissa<small>(a creazione utenza)</small>
                                          <div class="i-checks pull-right"><label><input type="checkbox"   name="gettone_abilitato" value="1" checked> <i></i> </label></div>  
                                      </legend>
                                      <div id="domestico_fisso_display">
                                          <div class='slim'> 

                                              <div class="col-md-12">
                                                  <div class="form-group">
                                                      <div class="col-md-6 no-padding">
                                                          <div class="i-checks"><label><input type="radio"   name="gettone_scaglionato" value="0" checked> <i></i> Fisso non scaglionato</label></div>   

                                                      </div>
                                                      <div class="col-md-6 no-padding">
                                                          <div class="i-checks"><label><input type="radio"  name="gettone_scaglionato" value="1" > <i></i> Fisso scaglionato</label></div>  
                                                      </div>
                                                  </div>
                                              </div>
                                             
                                           
                                              
                                              <div id="scaglioni" style="display:none">
                                                  <br><br>
                                                 <div class="col-md-4">
                                                  <div class="form-group">
                                                      <label>Tipo Scaglione</label> 
                                                      <select  class="form-control"   name="gettone_tipo_scaglione" placeholder="seleziona uno scaglione">
                                                          <option>CONSUMO</option>
                                                          <option>POTENZA</option> 
                                                      </select>
                                                  </div>
                                              </div>
                                               <div class="col-md-8"><br></div>   
                                                  
                                              <div class="col-md-12 no-padding" style='padding: 20px 0px 40px!important;'>
                                                  <div class="col-md-6 no-padding">
                                                      <h3 class='text-info' style='border-bottom: 2px solid;margin: 18px;'>Scaglioni Consumo Energia</h3>    
                                                      @foreach ($scaglioni_consumo as $k=>$scaglione)
                                                      @if ($scaglione->codice === 'SCCE')
                                                      <div class="col-md-12">
                                                          <div class="form-group"><label class='col-sm-6 control-label'>{{$scaglione->descrizione}}</label><div class='col-sm-6'> <input type="text" name="gettone_scaglione_consumo_energia_{{str_replace('-','_',$scaglione->descrizione)}}" placeholder="Importo" class="form-control"></div></div>   
                                                      </div>
                                                      @endif    
                                                      @endforeach

                                                  </div>

                                                  <div class="col-md-6 no-padding">
                                                      <h3 class='text-info' style='border-bottom: 2px solid;margin: 18px;'>Scaglioni Consumo Gas</h3>
                                                      @foreach ($scaglioni_consumo as $scaglione)
                                                      @if ($scaglione->codice === 'SCCG')
                                                      <div class="col-md-12 no-padding">
                                                          <div class="form-group"><label class='col-sm-6 control-label'>{{$scaglione->descrizione}}</label><div class='col-sm-6'> <input type="text" name="gettone_scaglione_consumo_gas_{{str_replace('-','_',$scaglione->descrizione)}}" placeholder="Importo" class="form-control"></div></div>    
                                                      </div>
                                                      @endif    
                                                      @endforeach

                                                  </div>

                                              </div>     


                                              <div id="domestico_scaglioni_potenza" class="col-md-12 no-padding" style='padding: 20px 0px 40px!important;'>

                                                  <div class="col-md-6 no-padding">
                                                      <h3 class='text-info' style='border-bottom: 2px solid;margin: 18px;'>Scaglioni Potenza Energia</h3>    
                                                      @foreach ($scaglioni_potenza as $scaglione)
                                                      @if ($scaglione->codice === 'SCPE')
                                                      <div class="col-md-12">
                                                          <div class="form-group"><label class='col-sm-6 control-label'>{{$scaglione->descrizione}}</label><div class='col-sm-6'> <input type="text" name="gettone_scaglione_potenza_energia_{{str_replace('-','_',$scaglione->descrizione)}}" placeholder="Importo" class="form-control"></div></div>   
                                                      </div>
                                                      @endif    
                                                      @endforeach

                                                  </div>

                                                  <div class="col-md-6 no-padding">
                                                      <h3 class='text-info' style='border-bottom: 2px solid;margin: 18px;'>Scaglioni Potenza Gas</h3>
                                                      @foreach ($scaglioni_potenza as $scaglione)
                                                      @if ($scaglione->codice === 'SCPG')
                                                      <div class="col-md-12 no-padding">
                                                          <div class="form-group"><label class='col-sm-6 control-label'>{{$scaglione->descrizione}}</label><div class='col-sm-6'> <input type="text" name="gettone_scaglione_potenza_gas_{{str_replace('-','_',$scaglione->descrizione)}}"  placeholder="Importo" class="form-control"></div></div>    
                                                      </div>
                                                      @endif    
                                                      @endforeach

                                                  </div>

                                              </div>

                                              </div>     
                                              <div class="col-md-12">
                                                      <br><br>
                                                  <div class="form-group">
                                                      <div class="col-md-6 no-padding">
                                                          <div class="i-checks"><label> <input type="radio"   name="gettone_storno" value="0" checked> <i></i> Storno NO</label></div>   

                                                      </div>
                                                      <div class="col-md-6 no-padding">
                                                          <div class="i-checks"><label> <input type="radio"  name="gettone_storno" value="1" > <i></i> Storno SI</label></div>  
                                                      </div>

                                                  </div>

                                              </div>
                                           

                                              <div id="storni" class="col-md-12 no-padding" style='padding: 20px 0px 40px!important;display:none'>

                                                  <div class="col-md-12 no-padding">
                                                      <h3 class='text-info' style='border-bottom: 2px solid;margin: 18px;'>Percentuale di storno su gettone</h3>    
                                                      @foreach ($scaglioni_storno as $k=>$scaglione)
                                                        @if(substr($scaglione->descrizione,0,3)=="out")

                                                      <div class="col-md-12">
                                                          <div class="form-group"><label class='col-sm-6 control-label'>{{$scaglione->descrizione}}</label><div class='col-sm-6'> <input type="text" name="gettone_storno_{{str_replace(' ','_',$scaglione->descrizione)}}"  placeholder="Importo" class="form-control"></div></div>   
                                                      </div>
                                                        @endif
                                                     
                                                      @endforeach
                                                  </div>
                                                  
                                                   <div class="col-md-12 no-padding">
                                                      <h3 class='text-info' style='border-bottom: 2px solid;margin: 18px;'>Importo di storno fisso su gettone</h3>    
                                                      @foreach ($scaglioni_storno as $k=>$scaglione)
                                                        @if(substr($scaglione->descrizione,0,3)!="out")

                                                      <div class="col-md-12">
                                                          <div class="form-group"><label class='col-sm-6 control-label'>{{$scaglione->descrizione}}</label><div class='col-sm-6'> <input type="text" name="gettone_storno_{{str_replace(' ','_',$scaglione->descrizione)}}"  placeholder="Importo" class="form-control"></div></div>   
                                                      </div>
                                                        @endif
                                                     
                                                      @endforeach
                                                  </div>

                                              </div>
                                              <div class="col-md-4">
                                                  <div class="form-group">

                                                      <label>Anticipo</label> 
                                                      <input type="text" class="form-control" name="gettone_anticipo" value="0">
                                                  </div>
                                              </div>
                                              <div class="col-md-4">
                                                  <div class="form-group"><label>Numero Rate</label> <input type="text" name="gettone_numero_rate" placeholder="numero rate" class="form-control"></div>   
                                              </div>

                                              <div class="col-md-4">
                                                  <div class="form-group"><label>a partire dal mese N</label> <input name="gettone_a_partire_da_mese" type="text" placeholder="a partire dal mese n" class="form-control"></div>   
                                              </div>
                                              <div class="col-md-6">
                                                      <div class="form-group"><label>Importo Bonus Rid<small>&nbsp;€</small></label> <input  name="gettone_rid" type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>

                                              <div id="domestico_fisso_no_scaglioni_block">
                                                  <div class="col-md-6">
                                                      <div class="form-group"><label>Importo Luce</label> <input id="domestico_fisso_importo_gettone_luce" type="text" name="gettone_importo_luce" placeholder="Importo" class="form-control"></div>   
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="form-group"><label>Importo Gas</label> <input id="domestico_fisso_importo_gettone_gas"  name="gettone_importo_gas" type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>
                                              </div>
                                          </div>

                                      </div>

                                  </fieldset>
                              </div>

                              <div class="col-md-6 col-sm-12">
                                  <fieldset>
                                      <legend style="line-height: 50px;">Ricorrente 
                                          <div class="i-checks pull-right"><label><input type="checkbox"   name="ricorrente_abilitato" value="1" checked> <i></i> </label></div>  
                                      </legend>
                                      <div id='domestico_ricorrente_display'>
                                          <div class='slim'> 

                                              <div class="col-md-12">

                                                  <div class="form-group"><label>a partire dal mese N</label> <input  name="ricorrente_a_partire_da_mese"  type="text" placeholder="numero mesi" class="form-control"></div>   
                                              </div>
                                              <div class="col-md-6">
                                                  <div class="form-group"><label>Importo Luce fisso mese<small>&nbsp;€</small></label> <input  name="ricorrente_importo_fisso_luce_mese" value=""  type="text" placeholder="Importo" class="form-control"></div>   
                                              </div>
                                              <div class="col-md-6">

                                                  <div class="form-group"><label>Importo Gas fisso mese<small></small></label> <input  name="ricorrente_importo_fisso_gas_mese" value="" type="text" placeholder="Importo" class="form-control"></div>   
                                              </div>  
                                                 
                                              <div class="col-md-6">
                                                    <div class="form-group"><label>Importo fisso Luce pot<4(su utenza e mensile)<small>&nbsp;€</small></label> <input  name="ricorrente_importo_fisso_luce_pot_meno4" value=""  type="text" placeholder="Importo" class="form-control"></div>   
                                                </div>
                                                <div class="col-md-6">

                                                    <div class="form-group"><label>Importo fisso Luce pot>4(su utenza e mensile)<small>€</small></label> <input  name="ricorrente_importo_fisso_luce_pot_piu4" value="" type="text" placeholder="Importo" class="form-control"></div>   
                                                </div>     
                                               <div class="col-md-6">

                                                       <div class="form-group"><label>Importo variabile Luce su pot>10<small>(€/Kwh)</small></label> <input  name="ricorrente_importo_variabile_luce_pot_piu10"  type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>  
                                          
                                               

                                              <div id="domestico_ricorrente_no_scaglioni_block">
                                                  <div class="col-md-6">
                                                      <div class="form-group"><label>Importo Fisso Luce(a saldo)<small>&nbsp;€</small></label> <input  name="ricorrente_importo_fisso_luce" type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>
                                                  <div class="col-md-6">

                                                      <div class="form-group"><label>Importo Variabile Luce(a saldo)<small>(€/Kwh)</small></label> <input  name="ricorrente_importo_variabile_luce" type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>     
                                                  <div class="col-md-6">
                                                      <div class="form-group"><label>Importo Fisso Gas(a saldo)<small>&nbsp;€</small></label> <input  name="ricorrente_importo_fisso_gas"  type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>
                                                  <div class="col-md-6">
                                                      <div class="form-group"><label>Importo Variabile Gas(a saldo)<small>(€/Smc)</small></label> <input   name="ricorrente_importo_variabile_gas"  type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>
                                                    <div class="col-md-6">

                                                       <div class="form-group"><label>Importo Variabile Luce<div style="color:red">(non saldo)</div><small>(€/Kwh)</small></label> <input  name="ricorrente_importo_variabile_luce_non_a_saldo" value="" type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div> 
                                                   <div class="col-md-6">

                                                       <div class="form-group"><label>Importo Variabile Gas<div style="color:red">(non saldo)</div><small>(€/smc)</small></label> <input  name="ricorrente_importo_variabile_gas_non_a_saldo" value="" type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>
                                                  
                                                  <div class="col-md-6">

                                                       <div class="form-group"><label>Importo fisso Luce<div style="color:red">(non saldo)</div><small>(€/Kwh)</small></label> <input  name="ricorrente_importo_fisso_luce_non_a_saldo" value="" type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div> 
                                                   <div class="col-md-6">

                                                       <div class="form-group"><label>Importo fisso Gas<div style="color:red">(non saldo)</div><small>(€/smc)</small></label> <input  name="ricorrente_importo_fisso_gas_non_a_saldo" value="" type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>  
                                                  <div class="col-md-6">

                                                       <div class="form-group"><label>Ricorrente importo su attivazione<div style="color:red">(n+2)</div><small>(€/smc)</small></label> <input  name="ricorrente_importo_su_attivazione"  type="text" placeholder="Importo" class="form-control"></div>   
                                                  </div>  
                                                 
                                              </div>
                                          </div> 
                                      </div>

                                  </fieldset>
                              </div>

                          </div>
                            <div class="row" >
                              <div class="col-md-12">
                                   <fieldset>
                                      <legend style="line-height: 50px;"> Opzioni     
                                      </legend>
                                  <div class="col-md-4">
                                   <div class="form-group"><label>Attivazione valida da</label> <input   name="attivazione_utenza_valida_da"  type="date" placeholder="data" class="form-control"></div>   
                             
                                  </div>
                                    <div class="col-md-4">
                                   <div class="form-group"><label>Attivazione valida a</label> <input   name="attivazione_utenza_valida_a"  type="date" placeholder="data" class="form-control"></div>   
                             
                                  </div>
                                   <div class="col-md-4 col-sm-12"> 
                                     <button type="button" onClick="resettaDate()" class="btn btn-md btn-danger" style="margin-top:22px">X</button>
                                   </div>
                                   </fieldset>
                              </div>
                          </div>
                          <div class="row" >
                              <div class="col-md-12">
                                  <button type="submit" id="" class="btn btn-lg btn-block  btn-primary" style="">Crea</button>
                              </div>
                          </div>
                      </div>
                  </div> 
              </div>

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

@section('scripts')
@parent
<script>
    
      function resettaDate(){
       $("[name='attivazione_utenza_valida_da']").val(null);       
       $("[name='attivazione_utenza_valida_a']").val(null);

       
    }
    $('[name="gettone_scaglionato"]').on('ifClicked', function(event){    
        if(this.value==1)
        { 
            $('#scaglioni').fadeIn();
        }
        else
        {
             $('#scaglioni').hide();
        }
    });
    
      $('[name="gettone_storno"]').on('ifClicked', function(event){    
        if(this.value==1)
        { 
            $('#storni').fadeIn();
        }
        else
        {
             $('#storni').hide();
        }
    });
    
    
    
    
          
</script>
@endsection