@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;
}
</style>

<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 class="active">
                              <strong><a>Contratti</a></strong>
                        </li>
                     
                    </ol>
                </div>
             
 </div>  

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row equal">
        <div class="col-md-12 ">
            <div class="col-md-6 col-sm-12 h-200 no-padding">
                <form method="post" id="form_contratto" action="/contratti/agenti/create"> 
                   <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="ibox float-e-margins" id='contratto_form'>
                   
                    <div class="ibox-title">
                        <div class="col-md-10 no-padding">
                            <h5 >Dati Contrattuali</h5> 
                            <span class="label label-warning pull-left"  style="display:none" id='contratto_bozza_span' >Bozza</span>
                        </div>
                       
                        <div class="col-md-2 no-padding text-right">
                             <button id="mod_contract" type="button" onclick="salvaContratto()" class="btn btn-warning btn-xs" style="display:none">Modifica</button>
                            <button type="button" onclick="salvaContratto()"  style='display:none' class="btn btn-primary btn-xs">Crea</button>
                        </div>
                    </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="col-md-10">
                                <div class="form-group"><label>Nominativo Agente</label> <input type="text" placeholder="Nominiativo" class="form-control" readonly="" value="{{$user->name}}"></div>   
                            </div>
                            <div class="col-md-2">
                                <div class="form-group"><label>Codice Agente</label> <input type="text" placeholder="codice" class="form-control"   name='codice_agente' value="{{isset($contratto->codice_agente)?$contratto->codice_agente:null}}"></div>   
                            </div>
                            <div class="col-md-4">
                                <div class="form-group"><label>Data Firma Contratto</label> <input type="text" name="data_firma" placeholder="Data Stipula"  value="{{isset($contratto->data_firma)?date('d/m/Y',strtotime($contratto->data_firma)):null}}" class="form-control date"></div>   
                            </div>

                            <div class="col-md-4">
                                <div class="form-group"><label>Data Inizio</label> <input type="text" name="data_inizio" placeholder="Data Inizio Contratto"  value="{{isset($contratto->data_inizio)?date('d/m/Y',strtotime($contratto->data_inizio)):null}}" class="form-control date"></div>   
                            </div>
                            <div class="col-md-4">
                                <div class="form-group"><label>Data Fine</label> <input type="text" placeholder="Data Chiusura Contratto" name="data_fine" value="{{isset($contratto->data_fine)?date('d/m/Y',strtotime($contratto->data_fine)):null}}"  class="form-control date"></div>   
                            </div>
                        </div>

                    </div>
                </div>  
                </form>
            </div>
            
            <div class="col-md-6 col-sm-12 h-200 no-padding-right">
                <div class='ibox h-200'>
                    <div class='ibox-title'>
                        <h5>Dati Provvigionali</h5>
                    </div>
                    <div class='ibox-content h-150'>
                          <div class="col-md-12">
                                    <div id="calcola_p_no_action_prov">
                                        <h1>non si possono attribuire piani provvigionali senza associare un contratto</h1>
                                    </div>
                                </div>
                        <div class="col-md-12" id="provvigioni_display" style="display:none">
                            <h1 class='text-center'><a href='/contratti/agenti/detail?agente={{$user->id}}'>Visualizza dettagli del piano provvigionale</a></h1>
                        </div>
                    </div>
                    
                </div>
                
           
                
                
            </div>
        </div>
        <div class="col-md-12 no-padding">
            <div class="col-md-6 col-sm-12 h-200">
                <div id="calcola_p_no_action" class="">
                    <h1 class="panel-body p-h-lg h-200" style="padding-top: 10%;display: none">non esistono provvigioni da calcolare al momento</h1>
                </div>
                <div class="ibox float-e-margins" id="calcola_p_action" >
                    <div class="ibox-title">
                        <h5>Calcola provvigione</h5>

                    </div>
                    <div class="ibox-content text-center">
                        <form action="/provvigioni/calcola" method="post">
                            {{ csrf_field() }}
                            <input type="hidden"  name="provvigione[agenteId]" value="{{$user->id}}"/>
                            <input type="hidden" name="provvigione[contrattoId]" value="{{isset($contratto->id)?$contratto->id:-1}}"/>    
                            <input type="hidden"  name="provvigione[codiceAgente]" value="{{isset($contratto->codice_agente)?$contratto->codice_agente:null}}">
                            <div class="col-md-6 text-left">
                                <div class="form-group"><label>Data Inizio</label> <input type="text" name="provvigione[dataInizio]" value="{{date('d/m/Y')}}" placeholder="Data Inizio calcolo" class="form-control date"></div>   
                            </div>
                            <div class="col-md-6 text-left">
                                <div class="form-group"><label>Data Fine</label> <input type="text" name="provvigione[dataFine]"  value="{{date('d/m/Y')}}" placeholder="Data fine calcolo" class="form-control date"></div>   
                            </div>

                            <div class="row m-md">
                                <button type="submit" class="btn btn-primary btn-lg">CALCOLA</button>
                            </div>
                        </form>
                    </div>
                </div>   
            </div>
        </div>

    </div>
   
</div>
    



@endsection

@section('scripts')

<script>
  var provvigioni={'domestico':null,'condominio':null,'business':null};   
 

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();
    }
}




//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');
                 
            },
    
          });
   
   
}

$(document).ready(function(){

   checkifaContractWasConnected();
   
});
</script>
@endsection