@extends('layouts.app')

@section('title', 'Tools')

@section('content')
<style>
    .mes
    {
    color: #ed5565;
    list-style-type: none;
    }
       .tooltipsy
    {
        padding: 10px;
        max-width: 200px;
        color: #303030;
        background-color: #f5f5b5;
        border: 1px solid #deca7e;
    }
    
    .flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    background-color: #fff;
} 

.flex-item { 
    background-color: #fff;
    width: 100px;
    height: 100px;
    margin: 10px;
}
.flex-item:hover{
  
    border:4px solid #adc; 
    cursor: pointer;

}
.flex-item>span{
    
    width: 100%;
   
    color: #1ab394;
    /* margin: 17%; */
    font-size: small;
    font-weight: 700;
}

.headtitle
{
    width: 100%;
    display: inline-block;
    padding: 10px 0 10px 0;
    background: #1ab394;
    color: #fff;
    font-size: medium;
}
.activeclass
{
    border-bottom: 4px solid #adc;
    padding-bottom: 1.1%;

}

.cessata:hover
{
        border: 4px solid red;
}
.cessata>span
{
    color:red;
}


.attiva>span{
    color:1ab394; 
}
.attiva:hover
{
        border: 4px solid #1ab394;
}
 
</style>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row equal">
            <div class="col-md-8"> 

                <div class="ibox">
                    <div class="ibox-content">

                        <h2><i class="fa fa-lg fa-suitcase" aria-hidden="true"></i>&nbsp;Lista Agenti </h2>
                 
                        <div class="col-md-6">&nbsp;</div>
                        <div class="clearfix"></div>
                        <div class="clients-list">

                      
                                <div class="full-height-scroll" style="overflow: hidden; width: auto; height: 100%;">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-hover" id="tableagenti">
                                            <thead>
                                                <tr>
                                                 
                                                    <th>Codice Agente MUBI</th>
                                                    <th>Nominativo</th>
                                                    <th>Codice Fiscale</th>
                                                    <th>Partita Iva</th>
                                                    <th>Telefono</th>
                                                    <th>Telefono 2</th>
                                                  
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($agenti as $agente)
                                                <tr data-codice="{{$agente->Codice}}">
                                                    <td>{{$agente->Codice}}</td>
                                                    <td>{{$agente->Nome}}</td>
                                                    <td>{{$agente->Codice_Fiscale}}</td>
                                                    <td>{{$agente->Partita_Iva}}</td>
                                                    <td>{{$agente->Nr_di_telefono}}</td>
                                                    <td>{{$agente->Nr_di_telefono_2}}</td>
                                                  
                                                    
                                                </tr>
                                                
                                                
                                                @endforeach


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

                      

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

        </div>

    </div>
@endsection 

@section('scripts')

<script>
  
    
      tabellaL=$('#tableagenti').dataTable({pageLength:10,paging:true, dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]});
    
      $('#tableagenti tbody').on('click', 'tr', function (e) {
     numeroagente=$(e.target).parent('tr').data('codice');
     if(typeof(numeroagente)==typeof(undefined))
     return;
    
      window.open("/agenti/anagrafiche/detail?codice="+numeroagente, '_self');
     
  
   
     
    } );
</script>
    
}
@endsection