@extends('layouts.app')

@section('title', 'Statistiche')

@section('content')
<style>

    .table-hover > tbody > tr:hover {
        background-color: #1ab394!important;
        color: #ffffff!important;

    }

    .bulb {
        height: 7rem;
        width: 7rem;
        background-color: #e8e8e8;
        border-radius: 50%;
        margin: 25px auto;
        transition: background 500ms;
        border: 3px solid #cccccc;

    }

</style>
<div class="row wrapper border-bottom white-bg page-heading">

    <h1>Credit Check</h1>
    <ol class="breadcrumb">
        <li>
            <a href="/">Home</a>
        </li>
        <li>
            <a>Finanze</a>
        </li>
        <li>
            <a href='/finanze/creditcheck'>Credit Check</a>
        </li>

        <li class="active">
            <strong><a>Elaborazione Singola</a></strong>
        </li>

    </ol>

</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row equal">
        <div class="col-md-6 ">

            <form method="post" id="form_credit" > 
                {{csrf_field()}}

                <div class="ibox float-e-margins" id='contratto_form'>

                    <div class="ibox-title">
                        <div class="col-md-12 no-padding">
                            <h5 >dati di riferimento</h5> 

                        </div>

                    </div>
                    <div class="ibox-content" id="credit_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-6">
                                <div class="form-group"><label>Nome</label> <input type="text" name="name" placeholder="nome"  value="" class="form-control"></div>   
                            </div>

                            <div class="col-md-6">
                                <div class="form-group"><label>Cognome</label><input type="text" name="surname" placeholder="cognome"  value="" class="form-control"></div>   
                            </div>

                            <div class="col-md-6">
                                <div class="form-group"><label>Codice Fiscale</label> <input type="text" name="fiscalCode" placeholder="codice fiscale"  value="" class="form-control"></div>   
                            </div>
                            <div class="col-md-6">
                                <div class="form-group"><label>Partita Iva</label> <input type="number" placeholder="partita iva" name="vatNumber" value=""  class="form-control"></div>   
                            </div>


                        </div>



                        <div class="row m-md text-center">
                            <button type="button"  onclick="interroga()" class="btn btn-primary btn-lg">Interroga</button>
                            <button type="button" id="pdfButton" onclick="getPdf()" data-toggle="modal" data-target="#myModalDocumento" class="btn btn-warning btn-lg">Elabora Documento</button>
                        </div>

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

        <div class="col-md-2 no-padding" style="width: 5%;">
            <div style="width:45%;border-right: 3px solid #e0dada;"> 

                <div id="green" class="bulb">
                </div>

                <div id="yellow" class="bulb">
                </div>
                <div  id="red" class="bulb">
                </div>

            </div>
        </div>
        <div class="col-md-4">
            <h1><i style="    color: #cecece;
                   font-size: xx-large;">Valutazione di rischio</i></h1>

            <div class="ibox-content" id="response_panel">
                <div class="sk-spinner sk-spinner-chasing-dots">
                    <div class="sk-dot1"></div>
                    <div class="sk-dot2"></div>
                </div>
                <h4 id="nominativo" class="font-bold">
                    Nominativo
                </h4>

                <!-- start:2023-08-02  "ICO_PDF" code patfan -->
                <div class="hidden">
                    <small class="d-inline-block mr-4">data elaborazione: <span id="data_ricerca">2023-xx-xx</span></small>
                    <span class="d-inline-block mr-4"><i class="fa fa-sign-out"></i></span>
                </div>
                <!-- end "ICO_PDF -->

                <ul>
                    <li>
                        <strong>Indirizzo&nbsp;</strong><span id="indirizzo"></span>
                    </li>
                    <li>
                        <strong>cciaa&nbsp;</strong><span id="cciaa"></span>
                    </li>
                    <li>
                        <strong>nrea&nbsp;</strong><span id="nrea"></span>
                    </li>
                    <li>
                        <strong>Fido&nbsp;</strong><span id="creditLimit"></span>
                    </li>
                    <li>
                        <strong>Punteggio&nbsp;</strong><span id="score"></span>
                    </li>

                </ul>
                <div id="realEstateResult">
                    
                    
                </div>
            </div>
        </div>

    </div>

</div>


<div class="modal inmodal" id="myModalDocumento" tabindex="-1" role="dialog" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-lg">


        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                <h1>Documento di Analisi</h1>

            </div>
            <div class="modal-body">

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

                            <div class="col-md-12">
                                <script>
                                    function showframe()
                                    {
                                        $('#doc').show();
                                        $('#mess').hide();
                                    }
                                </script>
                                <div id="mess"><h1>Attendere il caricamento del documento...</h1></div>
                                <iframe id="doc" name="document_frame" src="" style="display:none;" width="100%" height="600" onLoad="showframe()">
                                
                                </iframe>
                            </div>    
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">Chiudi</button>
                


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

@section('scripts')
<script>
  
    var resp;
    function svuota()
    {
        $('#green').css('background', '#e8e8e8');
        $('#yellow').css('background', '#e8e8e8');
        $('#red').css('background', '#e8e8e8');
        $('#nominativo').html("nominativo");
        $('#indirizzo').html("");
        $('#cciaa').html("");
        $('#nrea').html("");
        $('#creditLimit').html("");
        $('#score').html("");
    }
    


    function getPdf()
    {
        //$('#pdfButton').prop('disabled', true);
        if ($("[name='vatNumber']").val() != "")
            {
            $('#doc').hide();    
            $('#mess').show();
            $('#doc').attr('src',"/finanze/creditcheck/getSinglePdf?piva="+$("[name='vatNumber']").val());
            }
        else{
            alert('inserire partita iva');
        }
    }
    function interroga()
    {
        svuota();
        if ($("[name='vatNumber']").val() != "")
        {
            $("[name='name']").val('');
            $("[name='surname']").val('');
            $("[name='fiscalCode']").val('');
        } else
        {
            $("[name='vatNumber']").val('');
        }

        $('#credit_form_content').toggleClass('sk-loading');
        $('#response_panel').toggleClass('sk-loading');

        data = $('#form_credit').serialize();
        
        $.post("/finanze/creditcheck/interroga", data).done(function (data) {
            $('#realEstateResult').empty();
            $('#credit_form_content').toggleClass('sk-loading');
            $('#response_panel').toggleClass('sk-loading');
            // toastr.success('modifiche salvate con successo');
            data = JSON.parse(data);
            resp = data;
            console.log(resp);
            if (resp.SiuOutput) {
                resp = resp.SiuOutput;
                  resp.scoreClass=parseInt(resp.creditCheckInfo.personScoreCardOutput.score);
                  
                 $('#score').html(resp.scoreClass);
                 switch(resp.creditCheckInfo.trafficLight)
               {
                   case ("GREEN"):
                   $('#green').css('background', 'green');
                   break;
                   case ("YELLOW"):
                    $('#yellow').css('background', 'yellow');      
                   break;
                   case ("RED"):
                   $('#red').css('background', 'red');
                   break;
               }
               
                $('#nominativo').html(resp.creditCheckInfo.personDetails.personalDataInfo.surname+" "+resp.creditCheckInfo.personDetails.personalDataInfo.name);
                $('#indirizzo').html(resp.creditCheckInfo.personDetails.personalDataInfo.address.via+" "+resp.creditCheckInfo.personDetails.personalDataInfo.address.nCivico+" "+resp.creditCheckInfo.personDetails.personalDataInfo.address.comune+" "+resp.creditCheckInfo.personDetails.personalDataInfo.address.provincia);
                $('#cciaa').html("");
                $('#nrea').html("");
                $('#creditLimit').html(resp.creditCheckInfo.personScoreCardOutput.classDescription);
                $('#score').html(resp.creditCheckInfo.personScoreCardOutput.score);

               
               return;
    
            }
           
            if(resp.scoreClass)
            {
              resp.scoreClass=parseInt(resp.scoreClass);
                 $('#score').html(resp.scoreClass);
               switch(true)
               {
                   case (resp.scoreClass<=50):
                   $('#green').css('background', 'green');
                   break;
                   case (resp.scoreClass>50 && resp.scoreClass<=70):
                    $('#yellow').css('background', 'yellow');      
                   break;
                   case (resp.scoreClass>70):
                   $('#red').css('background', 'red');
                   break;
               }
               data={codice_fiscale: $("[name='fiscalCode']").val()};
               $.get("/finanze/creditcheck/getRealEstate", data).done(function (res) {
                   $('#realEstateResult').empty();
                   res=JSON.parse(res);
                   html="<ul style='list-style: none;'>";
                  
                   html+="<li><b>Numero Immobili: </b>"+res.numeroImmobili+"</li>";
                   html+="<li><b>Numero Fabbricati:</b>"+res.numeroFabbricati+"</li>";
                   html+="<li><b>Numero Terreni:</b> "+res.numeroTerreni+"</li>";
                   res.fabbricati.forEach(function(item,index){
                       html+="<li><ul style='list-style: none;'><li style='background:#1ab394;color: white;'><h2>Fabbricato/Immobile</h2></li>"+
                                "<li><b>Classe :</b>"+item.classe+"</li>"+
                                "<li><b>Codice Comune :</b>"+item.codiceComune+"</li>"+
                                "<li><b>Codice Belfiore :</b>"+item.codiceBelfiore+"</li>"+
                                "<li><b>Comune :</b>"+item.descrizioneComune+"</li>"+
                                "<li><b>Provincia :</b>"+item.codiceProvincia+"</li>"+
                                "<li><b>Catasto Foglio:</b>"+item.foglio+" Particella :"+item.particella+" Subalterno :"+item.subalterno+" </li>"+
                                "<li><b>Indirizzo :</b>"+item.indirizzo+"</li>"+
                                "<li><b>Piano  :</b>"+item.piano+"</li>"+
                                "<li><b>Categoria :</b>"+item.codiceCategoria+"</li>"+
                                "<li><b>Descrizione Categoria :</b>"+item.descrizioneCategoria+"</li>"+
                                "<li><b>Rendita :</b>"+item.rendita+"</li>";
                        item.possessi.forEach(function(item2,index2){
                            console.log(item2);
                             html+="<li><ul style='list-style: none;'><li style='background:#ed5565;color: white;'><h2>Possesso :</h2></li>"+
                               "<li><b>descrizioneTitolo :</b>"+item2.descrizioneTitolo+"</li>"+
                               "<li><b>Titolarità :</b>"+item2.titolaritaOrig+"</li>"+
                               "<li><b>Quota :</b>"+item2.quotaOrig+"</li>"+
                                "<li><b>Percentuale Quota :</b>"+item2.percentualeQuota+"</li></ul>";
                               
                        });
                        html+="</ul>";
                                
                                
                               
                   });
                   html+="</ul>";
                   
                   $('#realEstateResult').append(html);

               });
               
               
               
               
               
            }
            else{

            if ( !resp.cdsResultExtended.cdsError) {

                console.log(data.cdsResultExtended.cdsResponseExtended.cdsRequestInfo.trafficLight)
                $('#nominativo').html(resp.cdsResultExtended.cdsResponseExtended.cdsItemInformation.companyName);
                $('#indirizzo').html(resp.cdsResultExtended.cdsResponseExtended.cdsItemInformation.fullAddress);
                $('#cciaa').html(resp.cdsResultExtended.cdsResponseExtended.cdsItemInformation.cciaa);
                $('#nrea').html(resp.cdsResultExtended.cdsResponseExtended.cdsItemInformation.nrea);
                $('#creditLimit').html(resp.cdsResultExtended.cdsResponseExtended.cdsRequestInfo.creditLimit);
                $('#score').html(resp.cdsResultExtended.cdsResponseExtended.cdsRequestInfo.score);

                switch (data.cdsResultExtended.cdsResponseExtended.cdsRequestInfo.trafficLight)
                {
                    case "VERDE":
                        $('#green').css('background', 'green');
                        break;
                    case "GIALLO":
                        $('#yellow').css('background', 'yellow');
                        break;
                    case "ROSSO":
                        $('#red').css('background', 'red');
                        break;
                }
            } else
            {
                svuota();
                toastr.error(resp.cdsResultExtended.cdsError.cdsErrorType + " " + resp.cdsResultExtended.cdsError.additionalDescription);
            }
        }
        }).fail(function (data) {
            $('#credit_form_content').toggleClass('sk-loading');
            $('#response_panel').toggleClass('sk-loading');
            alert("Errore durante la chiamata");
        });
    }

/*     $(document).ready(function () {

    }); */

</script>


@endsection