@extends('layouts.app')

@section('createRichiesta', 'Richieste')

@section('content') 
<style>
       .boxr{
     display: inline-flex;
    flex-wrap: wrap;
    background-color: #1bb394;
    width: 30%;
        margin: 1%;
    }
        .boxr>div{
  background-color: #f1f1f1;
  width: 100px;
  margin: 3px;
  text-align: center;
  line-height: 38px;
  font-size: 30px;
  flex-grow: 1;

    }
  
    .boxr>fieldset>legend{
        background-color: #009688;
        color:#fff;
        margin-bottom: 0px;
    }
</style>
<div class="wrapper wrapper-content animated fadeInRight" id='load'>
    <div class='row'>

        <div id="navigator">
            
            @component('components.richieste_navigator',['child'=>'view'])
            @endcomponent
           
        </div>
    </div>
    <div class="row">
            <input type="hidden" name="richiesta[id]" id='reqId' value="{{ $richiesta->id }}" />
    <input type="hidden" name="richiesta[tipologia]" id="reqTyp" value="{{ $richiesta->tipologia }}" />
    <input type="hidden" name="richiesta[esito_ultimo_ko]" id="esito" value="{{ $richiesta->esito_ultimo_ko }}" />
    
        <div class="col-md-9">
          <div class="col-md-12">
                        <div class="boxr">
                            <div>
                                  @if($richiesta->servizio=='EE')
                                <img id="img_service" style="padding: 8px;" src="/images/luce_lbl.png" width="180px"/>
                                @elseif ($richiesta->servizio=='G')
                                 <img id="img_service" style="padding: 8px;" src="/images/gas_lbl.png" width="180px"/>
                                @else
                                <img id="img_service" style="padding: 8px;" src="/images/telefono_lbl.png" width="180px"/>
                                 @endif
                            </div>
                       
                        </div>
                            </div>
                        <div class="col-md-12">
                         <div class="boxr">
                             <div>
                            <legend>Agente</legend>
                            <h4 id="r_agente">
                                @foreach($subagenti as $agente)
                                
                                    @if ($richiesta->richiesta_agente==$agente['agente_codice'])
                                    {{$agente['agente_nominativo']}}
                                    @endif
                                @endforeach
                                
                              
                                
                            </h4>
                             </div>
                       
                         </div>
                       
              
                         <div class="boxr">
                          <div>
                            <legend>Tipo Pratica</legend>
                            <h4 id="r_tipo_pratica"> {{$richiesta->tipologiaPratica->nome}}</h4>
                        </div>
                         </div>
                         </div>
                         <div class="col-md-12">
                            <div class="boxr">
                                <div>    
                                    <legend>PDP/RISORSA</legend>
                                     <h4 id="r_utenza">{{$richiesta->utenza==""?"NON CENSITA":$richiesta->utenza}}</h4>
                                    
                                </div>
                            </div>
                     
                            <div class="boxr">
                                <div>
                                    <legend>Categoria</legend>
                                    <h4 id="r_categoria"> {{$richiesta->richiesta_categoria}}</h4>
                                </div>
                            </div></div>
            
             <div class="col-md-12">
                             <fieldset class="propede">
                                 
                            <legend style="padding-top: 1%">Dati Propedeutici</legend>
                            
                            <table class="table table-responsive">
                                <thead>
                                     <tr>
                                         <td>Data Decorrenza</td>
                                         <td> Data Contratto</td>
                                         <td>Codice Offerta</td>
                                         <td>Tipo Offerta</td>
                                  
                                     </tr> 

                                </thead>
                                <tbody>
                                    <tr>
                                    <td id="r_dataDectorrenza">{{date('d/m/Y',strtotime($richiesta->data_decorrenza)) }}</td>
                                    <td id="r_dataContratto">{{ $richiesta->data_contratto }}</td>
                                    <td id="r_codiceOfferta">{{ $richiesta->codice_offerta }}</td>
                                    <td id="r_tipoOfferta">{{$richiesta->Fasce_Orarie_di_Fatturazione}}</td>
                                    </tr>
                                </tbody>
                              
                            </table>
                            
                         
                             
                             </fieldset>

                          
                        </div>
            
        </div>
        <div class="col-md-3">
            
                   <div class="ibox" style="padding-top: 12px">
                                    <div class="ibox-title" >
                                        <h5>Note Pratica</h5>
                                        <div class="ibox-tools">
                                            <span class="label label-warning-light float-right" style="display: none"><div id="contanote"></div> 
                                           
                                            
                                                
                                            </span>
                                               @if (Auth::user()->id==$richiesta->actual_user_id)
                                             <span class='float-right'>
                                            <button class="btn btn-warning btn-xs" style="float:right" type="button" data-toggle="modal" data-target="#myModal2">Aggiungi Nota</button>
                                             </span>
                                            @endif
                                           </div>
                                    </div>
                                    <div class="ibox-content">

                                        <div>
                                                 <div class='scroll'>
                                            <div class="sk-spinner sk-spinner-chasing-dots" style="display:none" id="loading_note">
                                                <div class="sk-dot1"></div>
                                                <div class="sk-dot2"></div>
                                            </div>
                                          <div class="feed-activity-list" id="notes_list">
                                       
                                         
                                             </div>
                                        </div>
                                        </div>

                                    </div>

                                    </div>
         

        </div>
       
      @component('components.richieste_view.anagrafica_vecchio_intestatario',['richiesta'=>$richiesta])
            @endcomponent
          @component('components.richieste_view.anagrafica_nuovo_intestatario',['richiesta'=>$richiesta])
            @endcomponent
          
        
    
       
        
    </div>
</div>
@endsection
@section('scripts')
<script>
    getNotes();
    

function getNotes()
                    {
                         $('#contanote').parent().hide();
                         $('#notes_list').empty();
                         $('#loading_note').show();
                        $.get("/richieste/Notes?id="+$('#reqId').val(), function(data){
                           $('#loading_note').hide();
                           
                           console.log(data);
                           $.each(data, function(i, item) {
                              var string="<div class='feed-element'><a style='float: left;margin-right: 10px;'><img class='img-circle'  width='30' alt='image' class='rounded-circle' src='"+data[i].avatar+"'></a><div class='media-body'><strong>"+data[i].creator+"</strong>&nbsp;"+data[i].nota+"<br><small class='text-muted'><b>"+data[i].data+"</b></small><small class='text-muted' style='float:right;padding-right: 50px;'><i>"+data[i].dataForHumans+"</i></small> </div></div>";
                                 $('#notes_list').append(string);
    

                            });
                            $('#contanote').parent().show();
                            $('#contanote').html(data.length+" messaggi");

                            
                          });
                       
                    }

</script>

@endsection