@extends('layouts.app')

@section('content')
   
@php

//var_dump($elencoSupportiStampa );
$columnsProfili =' columns:[
        {
            field        : "ck",
            title        : "Seleziona",
            radio        : true,
            visible      : true
        },
        {
            field                         : "eliminaProfiloPrestampa",
            title                         : "",
            editable                      : false,
            "formatter"                   : "formattaEliminaProfiloPrestampa",
            "events"                      : "window.eliminaProfiloPrestampa",
        },
        {
            field         : "priorita",
            title         : "Priorità",
            align         : "center",
            sortable      : true,

            editable      : function(index, row, $element) {
                                                        return {
                                                                type        : "select",
                                                                showbuttons : false,
                                                                source      : [
                                                                                {value: 4, text: "Ora"},
                                                                                {value: 3, text: "Urgente"},
                                                                                {value: 2, text: "Alta"},
                                                                                {value: 1, text: "Normale"},
                                                                                {value: 0, text: "Bassa"},
                                                                ],
                                                                disabled    : row.stato !== "invia"
                                                        }

            }, 
        },
        {
            field                         : "operatore",
            title                         : "Operatore",
            editable                      : false,
            "filterData"                  : "var:filtraOperatore",
            "filterControl"               : "select",
            "filterControlPlaceholder"    : "preparato da...", 
            "width"                       : "160",
        }, 
        {
            field                         : "dataProfilo",
            sortable                      : true,
            title                         : "Data",
            editable                      : false,
            "filterControl"               : "datepicker",
            "filterControlPlaceholder"    : "data...", 
            "width"                       : "100",
        }, 
        {
            field         : "orderNumber",
            title         : "Commessa",
            editable      : false
        },
        {
            field         : "jobNumber",
            title         : "Lavoro",
            editable      : false,
            visible       : false,
        },
        {
            field                         : "stato",
            title                         : "Stato",
            editable                      : false,
            "filterData"                  : "var:filtraStato",
            "filterControl"               : "select",
            "filterControlPlaceholder"    : "stato...",
            "formatter"                   : "cambiaStato",
            "events"                      : "window.aggiornaStato",
            "width"                       : "80"
        }
]';
@endphp

    
    <meta name="csrf-token" content="{{ csrf_token() }}">   

    <div class="modal fade" id="fullscreenProfilo" tabindex="-1">
        <div class="modal-dialog modal-fullscreen">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title">Profilo</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body-image">
                <img id="profiloPreview">
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" id="ruotaImmagine">Ruota</button>
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Chiudi</button>
            </div>
          </div>
        </div>
    </div>

    <div class="modal fade" id="modalRapportoProfilo" tabindex="-1">
        <div class="modal-dialog modal-xl">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="n_ordine"></h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="corpoRapportoProfilo">
                        <div class="row g-12">
                            <div class="col-md-6">
                              <label for="" class="form-label">Data/ora inizio</label>
                              <input type="text" class="form-control" id="Data_Ora_inizio" disabled>
                            </div>
                            <div class="col-md-6">
                              <label for="" class="form-label">Data/ora fine</label>
                              <input type="text" class="form-control" id="Data_Ora_fine" disabled>
                            </div>
                        </div>
                        <br>
                        <fielset>
                            <legend>Carta</legend>
                            <div class="row g-12">
                                <div class="col-md-3">
                                  <label for="" class="form-label">Tipo</label>
                                  <input type="text" class="form-control" id="Tipo_carta" disabled>
                                </div>
                                <div class="col-md-3">
                                  <label for="" class="form-label">Lunghezza</label>
                                  <input type="text" class="form-control" id="Lunghezza_carta" disabled>
                                </div>
                                <div class="col-md-2">
                                  <label for="" class="form-label">Larghezza</label>
                                  <input type="text" class="form-control" id="Larghezza_carta" disabled>
                                </div>
                                <div class="col-md-2">
                                  <label for="" class="form-label">Peso</label>
                                  <input type="text" class="form-control" id="Peso_carta" disabled>
                                </div>
                                <div class="col-md-2">
                                  <label for="" class="form-label">Peso</label>
                                  <input type="text" class="form-control" id="Spessore_carta" disabled>
                                </div>
                            </div>
                        </fielset>
                        <br>
                        <fielset>
                            <legend>Colori</legend>
                            <div class="row g-12">
                                <div class="col-md-6">
                                  <label for="" class="form-label">n colori fronte</label>
                                  <input type="text" class="form-control" id="n_colori_fronte" disabled>
                                </div>
                                <div class="col-md-6">
                                  <label for="" class="form-label">n° colori retro</label>
                                  <input type="text" class="form-control" id="n_colori_retro" disabled>
                                </div>
                            </div>
                        </fielset>
                        <br>
                        <fielset>
                            <legend>Copie</legend>
                            <div class="row g-12">
                                <div class="col-md-4">
                                  <label for="" class="form-label">Totale</label>
                                  <input type="text" class="form-control" id="Totale_copie" disabled>
                                </div>
                                <div class="col-md-4">
                                  <label for="" class="form-label">Preparazione</label>
                                  <input type="text" class="form-control" id="Preparazione_copie" disabled>
                                </div>
                                <div class="col-md-4">
                                  <label for="" class="form-label">Stampate</label>
                                  <input type="text" class="form-control" id="Copie_stampate" disabled>
                                </div>
                            </div>
                            <div class="row g-12">
                                <div class="col-md-6">
                                  <label for="" class="form-label">Spreco</label>
                                  <input type="text" class="form-control" id="Spreco_copie" disabled>
                                </div>
                                <div class="col-md-6">
                                  <label for="" class="form-label">Buone</label>
                                  <input type="text" class="form-control" id="Copie_buone" disabled>
                                </div>
                            </div>
                        </fielset>
                        <br>
                        <fielset>
                            <legend>Tempi di produzione</legend>
                            <div class="row g-12">
                                <div class="col-md-4">
                                  <label for="" class="form-label">Min lavorazione</label>
                                  <input type="text" class="form-control" id="Tempo_di_lavorazione" disabled>
                                </div>
                                <div class="col-md-4">
                                  <label for="" class="form-label">Min cambio</label>
                                  <input type="text" class="form-control" id="Tempo_di_cambio" disabled>
                                </div>
                                <div class="col-md-4">
                                  <label for="" class="form-label">Min interruzione</label>
                                  <input type="text" class="form-control" id="Tempo_di_interruzione" disabled>
                                </div>
                            </div>
                            <div class="row g-12">
                                <div class="col-md-4">
                                  <label for="" class="form-label">Min manutenzione</label>
                                  <input type="text" class="form-control" id="Tempo_manutenzione" disabled>
                                </div>
                                <div class="col-md-4">
                                  <label for="" class="form-label">Min preparazione</label>
                                  <input type="text" class="form-control" id="Tempo_preparazione" disabled>
                                </div>
                                <div class="col-md-4">
                                  <label for="" class="form-label">Min copie buone</label>
                                  <input type="text" class="form-control" id="Tempo_stampa_copie_buone" disabled>
                                </div>
                            </div>
                        </fielset>
                        <br>
                        <fielset>
                            <legend>Efficienza</legend>
                            <div class="row g-12">
                                <div class="col-md-6">
                                  <label for="" class="form-label">A</label>
                                  <input type="text" class="form-control" id="Efficienza_A" disabled>
                                </div>
                                <div class="col-md-6">
                                  <label for="" class="form-label">C</label>
                                  <input type="text" class="form-control" id="Efficienza_C" disabled>
                                </div>
                            </div>
                        </fielset>
                        <br>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Chiudi</button>
            </div>
          </div>
        </div>
    </div>

    <div class="row">

        <div class="col-md-6">
            <div class="card">                
                <div class="card-body">
                    <h5 class="card-title ">Profili</h5>

                    <table
                          data-locale                   = "it-IT"
                          data-show-columns             = "false"
                          id						    = "tableProfiliKomori"
                          data-classes                  = ""                             
                          class                         = "table table-sm"  
                          data-toggle				    = "table"
                          data-detail-view			    = "true"
                          data-detail-formatter         = ""
                          data-toolbar                  = "toolbar"
                          data-search                   = "true"
                          data-show-search-clear-button = "false"
                          data-filter-control           = "true"
                          data-url                      = ""
                          data-query-params			    = ""
                          data-response-handler		    = "responseHandler"
                          data-sort-name                = "data"
                          data-show-header              = true
                          data-sort-order               = "desc"
                          data-show-extended-pagination = "true"
                          data-pagination				= "true"
                          data-only-info-pagination 	= "false"
                          data-side-pagination		    = "server"
                          data-page-list                = "10, 20, 50, 100"
                          data-page-size                = 20
                          data-multiple-select-row      = false
                          data-click-to-select          = true
                          data-single-select            = true
                    >
                    </table>

                </div>
            </div>
        </div>
        
        <div class="col-md-6">
            <div class="card">                                
                <div class="card-body">
                            
                    <div class="container mt-4">
                        <input type="hidden" id="numeroProfilo">
                        <input type="hidden" id="idProfilo">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0" id="nomeProfilo">
                                Profili colore ed anteprime
                            </h5>
                            <div class="d-flex gap-2">
                                <button title="Le modifiche saranno apportare solo al profilo selezionato!" id="nuovoProfilo" class="btn btn-warning btn-sm">Nuovo profilo</button>
                                <button title="Le modifiche saranno apportare solo al profilo selezionato!" id="generaCsvProfilo" class="btn btn-warning btn-sm">Prepara invio komori</button>
                                <button disabled title="Le modifiche saranno apportare solo al profilo selezionato!" id="aggiornaProfilo" class="btn btn-warning btn-sm">Aggiorna profilo</button>
                            </div>
                        </div>
                        
                    </div>

                    <form id="formProfiloKomori" novalidate method="POST" action="" enctype="multipart/form-data">
                        <div class="row">
                            <div class="form-group col-12 form-floating mb-2">
                                <select class="form-select" id="macchina" name="macchina">
                                        <option value="" checked>Seleziona la macchina di stampa</option>
                                        <option value="GL840P ADVANCE">GL840P ADVANCE</option>
                                </select>
                                <label for="floatingSelect">Macchina da stampa</label>
                            </div>
                            <div class="form-group col-6 form-floating mb-2">
                                <select class="form-select" id="operatore" name="operatore">
                                        <option value="" checked>Seleziona l' operatore</option>
                                        <option value="Alfonso">Alfonso</option>
                                        <option value="Daniele">Daniele</option>
                                </select>
                                <label for="floatingSelect">Operatore</label>
                            </div>
                            <div class="form-group col-6 form-floating mb-2">
                                <select class="form-select" id="priorita" name="priorita">
                                        <option value="">Priorità</option>
                                        <option value="0">Bassa</option>
                                        <option value="1" selected>Normale</option>
                                        <option value="2">Alta</option>
                                        <option value="3">Urgente</option>
                                        <option value="4">Ora</option>
                                        <option value="5">Per ieri</option>
                                </select>
                                <label for="floatingSelect">Priorità</label>
                            </div>
                            <div class="form-group col-4 form-floating mb-2">
                                <select class="form-select" id="formato" name="formato">
                                        <option value="" checked>Seleziona il formato</option>
                                </select>
                                <label for="floatingSelect">Formato</label>
                            </div>
                            <div class="form-group col-4 form-floating mb-2">
                                <select class="form-select" id="tipoSupporto" name="tipoSupporto">
                                        <option value="" checked>Seleziona il supporto</option>
                                        <option value="Patinata Opaca">Patinata Opaca</option>
                                        <option value="Patinata Lucida">Patinata Lucida</option>
                                        <option value="Usomano">Usomano</option>
                                        <option value="Altro">Altro</option>
                                </select>
                                <label for="floatingSelect">Supporto</label>
                            </div>
                            <div class="form-group col-4 form-floating mb-2">
                                <select class="form-select" id="spessoreSupporto" name="spessoreSupporto">
                                </select>
                                <label for="floatingSelect">Grammatura</label>
                            </div>
                            <div class="form-group col-12 form-floating mb-2">
                                <select class="form-select" id="numeroColori" name="numeroColori">
                                        <option value="" checked>Seleziona tipo stampa</option>
                                        <option value="8">Colore Fronte/Retro</option>
                                        <option value="4">Colore Solo Fronte</option>
                                        <option value="2">Nero Fronte/Retro</option>
                                        <option value="1">Nero Fronte</option>
                                </select>
                                <label for="floatingSelect">Stampa</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col form-floating mb-2">
                                <input type="text" placeholder="Copie effettive" class="form-control form-control-sm mb-3" id="copieStimate" name="copieStimate" value="" required>
                                <label for="floatingInput">Copie effettive</label>
                            </div>
                            <div class="col form-floating mb-2">
                                        <input type="text" placeholder="Copie totali" class="form-control form-control-sm mb-3" id="copieTotali" name="copieTotali" value="" readonly required>
                                        <label for="floatingInput">Copie totali</label>

                            </div>
                            <div class="col form-floating mb-2">
                                <input name="profili[]" multiple directory webkitdirectory mozdirectory class="form-control form-control-sm mb-3" id="profili" type="file">
                                <label for="floatingInput">Profili</label>
                            </div>

                            <div class=" form-floating mb-2">

                                <input type="text" placeholder="" class="form-control form-control-sm mb-3" id="noteMacchinista" name="noteMacchinista" value="">
                                <label for="floatingInput">Note per il macchinista</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col">
                                <table class="table table-sm">
                                    <thead>
                                            <th>Data</th>
                                            <th class="d-none">PQ4</th>
                                            <th>Commessa</th>
                                            <th>Lavoro</th>
                                            <th align="center" >Fronte</th>
                                            <th align="center" >Retro</th>
                                            <th align="center" >Modifica</th>
                                    </thead>
                                    <tbody id="bodyProfilo">
                                                            <tr>
                                                                <td align="center" colspan="6">Nessun file selezionato</td>
                                                            </tr>
                                    </tbody>
                            </table>

                            </div>
                        </div>

                        <div class="form-row d-none">
                            <button type="submit" value="submit" class="btn btn-primary">Upload</button>
                        </div>
                    </form>
                </div>
            
            </div>
        </div>
        
    </div>


@endsection

@push('head-scripts')
    
<style>

    .highlight {
                background-color: yellow;
                transition      : background-color 1s ease;
    }

    .modal-body-image {
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
    }

    .modal-body-image img {
                max-width: 100%;
                max-height: 80vh;
                object-fit: contain;
                border: 10px solid #f8f9fa; /* Colore del bordo */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombra per dare un effetto di profondità */
                border-radius: 10px;
                transition: transform 0.2s, width 0.2s, height 0.2s; /* Aggiungi transizioni per altezza e larghezza */

    }

    .thumbnail {
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        overflow: hidden;
        transition: transform 0.3s, box-shadow 0.3s;
        width: 200px;
        cursor: pointer;
    }

    .thumbnail:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    }

    .thumbnail-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    .vertical-center {
        vertical-align: middle;
    }
</style>

@endpush


@push('scripts')

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>

<script>

    toastr.options = {
                        "closeButton"       : true,
                        "debug"             : false,
                        "newestOnTop"       : false,
                        "progressBar"       : false,
                        "positionClass"     : "toast-top-full-width",
                        "preventDuplicates" : false,
                        "onclick"           : null,
                        "showDuration"      : "300",
                        "hideDuration"      : "1000",
                        "timeOut"           : "0",
                        "extendedTimeOut"   : "0",
                        "showEasing"        : "swing",
                        "hideEasing"        : "linear",
                        "showMethod"        : "fadeIn",
                        "hideMethod"        : "fadeOut"
    }

    var opzioniSupporto = {
                            'Patinata Opaca': [
                                                { value: '',        text: 'Seleziona la grammatura' },
                                                { value: '0,11',    text: 'gr. 90' },
                                                { value: '0,11',    text: 'gr. 100' },
                                                { value: '0,11',    text: 'gr. 115' },
                                                { value: '0,13',    text: 'gr. 130' },
                                                { value: '0,15',    text: 'gr. 150' },
                                                { value: '0,17',    text: 'gr. 170' },
                                                { value: '0,24',    text: 'gr. 180' },
                                                { value: '0,20',    text: 'gr. 200' },
                                                { value: '0,25',    text: 'gr. 250' },
                                                { value: '0,30',    text: 'gr. 300' },
                                                { value: '0,35',    text: 'gr. 350' },
                                                { value: '0,40',    text: 'gr. 400' },
                            ],
                            'Patinata Lucida': [
                                                { value: '',        text: 'Seleziona la grammatura' },
                                                { value: '0,11',    text: 'gr. 90' },
                                                { value: '0,11',    text: 'gr. 100' },
                                                { value: '0,11',    text: 'gr. 115' },
                                                { value: '0,13',    text: 'gr. 130' },
                                                { value: '0,15',    text: 'gr. 150' },
                                                { value: '0,17',    text: 'gr. 170' },
                                                { value: '0,24',    text: 'gr. 180' },
                                                { value: '0,20',    text: 'gr. 200' },
                                                { value: '0,25',    text: 'gr. 250' },
                                                { value: '0,30',    text: 'gr. 300' },
                                                { value: '0,35',    text: 'gr. 350' },
                                                { value: '0,40',    text: 'gr. 400' },
                            ],
                            'Usomano': [
                                                { value: '',        text: 'Seleziona la grammatura' },
                                                { value: '0,09',    text: 'gr. 80' },
                                                { value: '0,09',    text: 'gr. 90' },
                                                { value: '0,09',    text: 'gr. 100' },
                                                { value: '0,12',    text: 'gr. 120' },
                                                { value: '0,14',    text: 'gr. 140' },
                                                { value: '0,17',    text: 'gr. 170' },
                                                { value: '0,19',    text: 'gr. 190' },
                                                { value: '0,25',    text: 'gr. 250' },
                                                { value: '0,30',    text: 'gr. 300' },
                            ],
                            'Altro': [
                                                { value: '',        text: 'Seleziona la grammatura' },
                                                { value: '0,60',    text: 'Cartoncino bianco/bianco gr. 350' },
                                                { value: '0,35',    text: 'Goffrata gr. 260' },
                            ],
    };

    var elencoImpianti = {!! $elencoImpianti !!}

    var $selectImpianti = jQuery('#formato');

    jQuery.each( elencoImpianti, function( keyImpianto, datiImpianto ) {

        $selectImpianti.append(
                                    jQuery('<option>', {
                                                            value: datiImpianto.valoreImpianto,
                                                            text: datiImpianto.nome
                                    }));
    })

    jQuery('#tipoSupporto').change(function() {
                                                var selectedValue = jQuery(this).val();
                                                var $spessoreSupporto = jQuery('#spessoreSupporto');
                                                $spessoreSupporto.empty();

                                                if (opzioniSupporto[selectedValue]) {
                                                    jQuery.each(opzioniSupporto[selectedValue], function(index, option) {
                                                        $spessoreSupporto.append(jQuery('<option>', {
                                                            value: option.value,
                                                            text: option.text
                                                        }));
                                                    });
                                                }
    });

    var $tableProfiliKomori  = jQuery('#tableProfiliKomori');
    var today ="";
    

    filtraOperatore     = {"Alfonso": "Alfonso", "Daniele": "Daniele"};
    filtraStato         = {"0": "pronto", "1": "in stampa", "3": "stampato", "9": "archiviato"};

    var elencoProfili   = [];
    let rotazione       = 0;

    function adjustImageSize(img) {
                                    if (rotazione % 180 !== 0) {
                                            img.css({
                                                'width': 'auto',
                                                'height': '100%',
                                            });
                                    } else { // orizzontale
                                            img.css({
                                                'width': '100%',
                                                'height': 'auto',
                                            });
                                    }
    }

    // Ruota l'immagine
    jQuery('#ruotaImmagine').on('click', function() {
        rotazione += 90;
        const modalImage = jQuery('#profiloPreview');
        modalImage.css('transform', 'rotate(' + rotazione + 'deg)');
        adjustImageSize(modalImage);
    });

    function formattaEliminaProfiloPrestampa(value,row) {
        if (row.stato=="invia")
            elencoAzioni = '<span style="cursor: pointer;"><i title="elimina" class="bi bi-trash trash text-danger"></i></span>'
        else{
            elencoAzioni = '<span><i title="Profilo già inviato!" class="bi bi-trash text-muted"></i></span>'
            if (row.stato=="archiviato"){
                elencoAzioni += '&nbsp<span><i title="Profilo già archiviato!" class="bi bi-archive-fill text-muted"></i></span>'
            }else{
                elencoAzioni += '&nbsp<span style="cursor: pointer;"><i title=Archivia profilo" class="bi bi-archive archivia text-info"></i></span>'
            }
        }
        return [elencoAzioni].join('')

    }

    window.eliminaProfiloPrestampa = {
                'click .trash': function (e, value, row, index) {
                        if (confirm("Elimino il profilo selezionato?\n" +  "La cartella del profilo associato non sarà eliminata")){
                                jQuery(".trash").prop('disabled', true);
                                let csrfToken   = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
                                var formData = new FormData();
                                    formData.append('method', 'POST');
                                    formData.append('_token', csrfToken);
                                    formData.append('elencoLavori', JSON.stringify(row.elencoLavori));

                                let $toast = toastr["info"]( "Attendere... cancellazione profilo in corso..." )

                                    fetch("", {
                                                                                    method  : 'POST',
                                                                                    body    : formData
                                    })
                                    .then(response => response.json()
                                    
                                    )
                                    .then(data => {
                                                        if(data.success){
                                                            toastr.clear($toast);
                                                            jQuery('#tableProfiliKomori').bootstrapTable('refresh');
                                                            toastr["success"]( data["message"] )

                                                        } else {
                                                            toastr["error"](data["message"])
                                                            jQuery(".trash").prop('disabled', false);
                                                        }
                                                        
                                    })
                                    .catch(error => {
                                                        alert( 'Errore: ' + error.message );
                                                        jQuery(".trash").prop('disabled', false);
                                                        toastr.clear($toast);
                                    })
                                    .finally(() => {
                                        jQuery(".trash").prop('disabled', false);
                                        toastr.clear($toast);
                                    });
                        }
                },
                'click .archivia': function (e, value, row, index) {
                        if (confirm("Archivio il profilo selezionato?")){

                                row.stato=9;
                                checkAjax = updateRecord(row, 'stato');
                                successMessage = "";
                                errorMessage   = "";
                                jQuery.each( checkAjax.responseJSON, function( keyMessaggio, messaggio ) {
                                            if (messaggio["success"])
                                                    successMessage += messaggio["message"] + "<br>";
                                            else
                                                    errorMessage += messaggio["message"] + "<br>";
                                });
                                if(successMessage!=="") toastr["success"]( successMessage )
                                if(errorMessage!=="") toastr["error"]( successMessage )

                                jQuery('#tableProfiliKomori').bootstrapTable('refresh');
                        }
                }
    }

    function cambiaStato(value,row) {
        if (value.trim()=="invia"){
            elencoAzioni = '<span style="cursor: pointer;"><i title="invia a komori" class="bi bi-send-plus-fill inviaProfilo text-danger"></i></span>&nbsp<span><i title="sbloccato" class="bi bi-unlock" style="color: grey;"></i></span>'
            elencoAzioni += '&nbsp<span><i title="" class="bi bi-printer-fill" style="color: grey;"></i></span>';
        }else if (value.trim()=="stampato"){
            elencoAzioni += '&nbsp<span style="cursor: pointer;"><i title="stampato" data-file="'+row.fileCsvOut +'" class="bi bi-printer-fill  text-info" data-bs-toggle="modal" data-bs-target="#modalRapportoProfilo"></i></span>';
        }else{
            elencoAzioni = '<span><i title="già inviato" class="bi bi-send-plus-fill inviatoProfilo text-success"></i></span>&nbsp<span style="cursor: pointer;"><i title="sblocca" class="bi bi-lock sbloccaProfilo text-danger"></i></span>'
            if(row.stampato!==null)
                elencoAzioni += '&nbsp<span><i title="stampato" class="bi bi-printer-fill  text-info"></i></span>';
            else
                elencoAzioni += '&nbsp<span><i title="non verificato" class="bi bi-printer-fill" style="color: grey;"></i></span>';
        }
      return [elencoAzioni].join('')

    }

    function viewCsv(value,row) {
        elencoAzioni="";
        if (value!==null){
                elencoAzioni += '&nbsp<span style="cursor: pointer;"><i title="stampato" data-file="'+ value +'" class="bi bi-printer-fill stampatoProfilo text-info" data-bs-toggle="modal" data-bs-target="#modalRapportoProfilo"></i></span>';
        }
      return [elencoAzioni].join('')

    }

    function checkFile(value,row) {
        //(value.codice=="nonVerificato")
        if(value.codice=="nonRichiesto")
            elencoAzioni = '<i title="' + value.messaggio + '" class="bi bi-question text-info"></i>'
        else if(value.codice=="inPrestampa")
            elencoAzioni = '<i title="' + value.messaggio + '" class="bi bi-check-circle-fill text-success"></i>'
        else if(value.codice=="outPrestampa")
            elencoAzioni = '<i title="' + value.messaggio + '" class="bi bi-x-circle-fill text-danger"></i>'
        else if(value.codice=="inProfili")
            elencoAzioni = '<i title="' + value.messaggio + '" class="bi bi-x-circle-fill text-warning"></i>'
        else if(value.codice=="nonVerificato")
            elencoAzioni = '<i title="' + value.messaggio + '" class="bi bi-question-circle text-info"></i>'

        return [elencoAzioni].join('')

    }
    
    window.aggiornaStato = {
                'click .inviaProfilo': function (e, value, row, index) {
                        if (confirm("Invio profilo a " +  row.macchina + " ?\n" +  "A fronte di ogni lavoro \n1) sarà creato un csv nello stato: *inviato: da stampare*\n2) saranno caricati i file nella cartella profili")){
                                jQuery(".inviaProfilo").prop('disabled', true);
                                let csrfToken   = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
                                var formData = new FormData();
                                    formData.append('method', 'POST');
                                    formData.append('_token', csrfToken);
                                    formData.append('elencoLavori', JSON.stringify(row.elencoLavori));

                                let $toast = toastr["info"]( "Attendere... caricamento profilo in corso..." )

                                    fetch("{{route('caricaCsv')}}", {
                                                                        method  : 'POST',
                                                                        body    : formData
                                    })
                                    .then(response => response.json()
                                    
                                    )
                                    .then(data => {
                                                        if(data.success){
                                                            toastr.clear($toast);
                                                            jQuery('#tableProfiliKomori').bootstrapTable('refresh');
                                
                                                            successMessage = "";
                                                            errorMessage   = "";
                                                            jQuery.each( data.message, function( keyMessaggio, messaggio ) {
                                                                if (messaggio["stato"]=="failure"){
                                                                    if(messaggio["motivo"]!==""){
                                                                        errorMessage += messaggio["file"]+ ": " + messaggio["motivo"] + "Risoluzione: " + messaggio["risoluzione"] + "<br>";
                                                                    }else{

                                                                        errorMessage += messaggio["file"]+ ": " + messaggio["messaggio"] + "<br>";
                                                                    }
                                                                }else{
                                                                    successMessage += messaggio["file"]+ ": " + messaggio["messaggio"] + "<br>";
                                                                }
                                                            });

                                                            if(successMessage!=="") toastr["success"]( successMessage )

                                                            if(errorMessage!=="") toastr["error"](errorMessage)

                                                        } else {
                                                            toastr["error"]("Qualcosa è andato storto!")
                                                            jQuery(".inviaProfilo").prop('disabled', false);
                                                        }
                                                        
                                    })
                                    .catch(error => {
                                                        alert( 'Errore: ' + error.message );
                                                        jQuery(".inviaProfilo").prop('disabled', false);
                                                        toastr.clear($toast);
                                    })
                                    .finally(() => {
                                        jQuery(".inviaProfilo").prop('disabled', false);
                                        toastr.clear($toast);
                                    });
                        }
                },

                'click .inviatoProfilo': function (e, value, row, index) {
                        alert("Profilo già inviato!");
                        return false
                },

                'click .sbloccaProfilo': function (e, value, row, index) {
                        if (confirm("Sblocco profilo? \nAttenzione, lo so che lo sai, è stato già inviato!")){
                            row.stato=0;

                            checkAjax = updateRecord(row, 'stato');

                            successMessage = "";
                            errorMessage   = "";
                            jQuery.each( checkAjax.responseJSON, function( keyMessaggio, messaggio ) {
                                        if (messaggio["success"])
                                                successMessage += messaggio["message"] + "<br>";
                                        else
                                                errorMessage += messaggio["message"] + "<br>";
                            });
                            if(successMessage!=="") toastr["success"]( successMessage )
                            if(errorMessage!=="") toastr["error"]( successMessage )

                            jQuery('#tableProfiliKomori').bootstrapTable('refresh');

                        }
                        return false
                }
    }

    window.ViewCsvFile = {
        
        'click .stampatoProfilo': function (e, value, row, index) {
            
                                                    jQuery("#n_ordine").html()
                                                    jQuery("#Data_Ora_inizio").val()
                                                    jQuery("#Data_Ora_fine").val()
                                            
                                                    jQuery("#Tempo_di_lavorazione").val()
                                                    jQuery("#Tempo_di_cambio").val()
                                                    jQuery("#Tempo_di_interruzione").val()
                                                    jQuery("#Tempo_manutenzione").val()
                                                    jQuery("#Tempo_preparazione").val()
                                                    jQuery("#Tempo_stampa_copie_buone").val()
                                            
                                                    jQuery("#Tipo_carta").val()
                                                    jQuery("#Lunghezza_carta").val()
                                                    jQuery("#Larghezza_carta").val()
                                                    jQuery("#Peso_carta").val()
                                                    jQuery("#Spessore_carta").val()

                                                    jQuery("#Totale_copie").val()
                                                    jQuery("#Preparazione_copie").val()
                                                    jQuery("#Copie_stampate").val()
                                                    jQuery("#Spreco_copie").val()
                                                    jQuery("#Copie_buone").val()
                                            
                                                    jQuery("#n_colori_fronte").val()
                                                    jQuery("#n_colori_retro").val()
                                            
                                                    jQuery("#Efficienza_A").val()
                                                    jQuery("#Efficienza_C").val()

            let csrfToken   = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

            pathFileName = row.fileCsvOut;

            var formData = new FormData();
                formData.append('method', 'POST');
                formData.append('_token', csrfToken);
                formData.append('pathFileName', JSON.stringify(pathFileName));

            let $toast = toastr["info"]( "Attendere... caricamento prestampa in corso..." )

            fetch("", {
                                method: 'POST',
                                body: formData
            })
            .then(response => response.json())
            .then(data => {
                
                                if(data.success){
                                                    data = data.csvData;
                                                    jQuery("#n_ordine").html(data.n_ordine + "/" + data.n_lavoro)
                                                    jQuery("#Data_Ora_inizio").val(data.Data_Ora_inizio)
                                                    jQuery("#Data_Ora_fine").val(data.Data_Ora_fine)
                                            
                                                    jQuery("#Tempo_di_lavorazione").val(data.Tempo_di_lavorazione)
                                                    jQuery("#Tempo_di_cambio").val(data.Tempo_di_cambio)
                                                    jQuery("#Tempo_di_interruzione").val(data.Tempo_di_interruzione)
                                                    jQuery("#Tempo_manutenzione").val(data.Tempo_manutenzione)
                                                    jQuery("#Tempo_preparazione").val(data.Tempo_preparazione)
                                                    jQuery("#Tempo_stampa_copie_buone").val(data.Tempo_stampa_copie_buone)
                                            
                                                    jQuery("#Tipo_carta").val(data.Tipo_carta)
                                                    jQuery("#Lunghezza_carta").val(data.Lunghezza_carta)
                                                    jQuery("#Larghezza_carta").val(data.Larghezza_carta)
                                                    jQuery("#Peso_carta").val(data.Peso_carta)
                                                    jQuery("#Spessore_carta").val(data.Spessore_carta)

                                                    jQuery("#Totale_copie").val(data.Totale_copie)
                                                    jQuery("#Preparazione_copie").val(data.Preparazione_copie)
                                                    jQuery("#Copie_stampate").val(data.Copie_stampate)
                                                    jQuery("#Spreco_copie").val(data.Spreco_copie)
                                                    jQuery("#Copie_buone").val(data.Copie_buone)
                                            
                                                    jQuery("#n_colori_fronte").val(data.n_colori_fronte)
                                                    jQuery("#n_colori_retro").val(data.n_colori_retro)
                                            
                                                    jQuery("#Efficienza_A").val(data.Efficienza_A)
                                                    jQuery("#Efficienza_C").val(data.Efficienza_C)
                                }else{
                                                toastr["error"](data.message)
                                }
            })
            .catch(error => {
                                alert( 'An error occurred: ' + error.message );
            })
            .finally(() => {
                                toastr.clear($toast);
            });

        }
    }

    function downloadPreview(macchina, operatore, folderName, fileName){

        var urlDownLoad = "";
                            urlDownLoad = urlDownLoad.replace('::macchina', macchina);
                            urlDownLoad = urlDownLoad.replace('::operatore', operatore);
                            urlDownLoad = urlDownLoad.replace('::folderName', folderName);
                            urlDownLoad = urlDownLoad.replace('::nameProfilo', fileName);
                            urlDownLoad = urlDownLoad.replace('::thumb', 0);
                        fetch(urlDownLoad, {
                                                method          : 'GET'
                        })

                        // .then(response => response.json())
                        .then(data => {

                                    const modalImage = jQuery('#profiloPreview');
                                    modalImage.attr('src', data.url);
                                    adjustImageSize(modalImage);
        
                                    jQuery('#fullscreenProfilo').modal('show');
                                                
                            })
                            .catch(error => {
                                                alert( 'An error occurred: ' + error.message );
                            });


    }
    
    jQuery(document).on("click","#profili",function() {
        if(jQuery("#macchina").val()==""){
            alert("Occorre selezionare la macchina di stampa da associare al profilo selezionato!");
            return false
        }else if(jQuery("#operatore").val()==""){
            alert("Occorre selezionare l' operatore da associare al profilo selezionato!");
            return false
        }else if(jQuery("#priorita").val()==""){
            alert("Occorre selezionare la priorità da associare al profilo selezionato!");
            return false
        }else if(jQuery("#formato").val()==""){
            alert("Occorre selezionare il formato da associare al profilo selezionato!");
            return false
        }else if(jQuery("#tipoSupporto").val()==""){
            alert("Occorre selezionare il tipo di supporto da associare al profilo selezionato!");
            return false
        }else if(jQuery("#spessoreSupporto").val()==""){
            alert("Occorre selezionare lo spessore da associare al profilo selezionato!");
            return false
        }else if(jQuery("#numeroColori").val()==""){
            alert("Occorre selezionare il tipo di stampa da associare al profilo selezionato!");
            return false
        }else if( (isNaN(jQuery("#copieStimate").val())) || (parseInt(jQuery("#copieStimate").val())==0) || (jQuery("#copieStimate").val()=="")){
            alert("Occorre inserire il numero di copie effettive da associare al profilo selezionato!");
            return false
        }else if( (isNaN(jQuery("#copieTotali").val())) || (parseInt(jQuery("#copieTotali").val())==0) || (jQuery("#copieTotali").val()=="")){
            alert("Occorre inserire il numero di copie totali da associare al profilo selezionato!");
            return false
        }else if(parseInt(jQuery("#copieTotali").val()) < parseInt(jQuery("#copieStimate").val())){
            alert("Il numero di copie totali deve essere maggiore o uguale\nal numero di copie effettive!");
            return false
        }
    }); 
    
    jQuery("#aggiornaProfilo").on("click", function() {

        if (confirm("Aggiorno Profilo?")){

            keyProfilo = jQuery("#numeroProfilo").val()

            elencoProfili[keyProfilo].id                  = jQuery("#idProfilo").val()
            elencoProfili[keyProfilo].macchina            = jQuery("#macchina").val();
            elencoProfili[keyProfilo].operatore           = jQuery("#operatore").val();
            elencoProfili[keyProfilo].priorita            = jQuery("#priorita").val();
            elencoProfili[keyProfilo].noteMacchinista     = jQuery("#noteMacchinista").val();
            elencoProfili[keyProfilo].formato             = jQuery("#formato").val();
            elencoProfili[keyProfilo].tipoSupporto        = jQuery("#tipoSupporto").val();
            elencoProfili[keyProfilo].spessoreSupporto    = jQuery("#spessoreSupporto").val();
            elencoProfili[keyProfilo].numeroColori        = jQuery("#numeroColori").val();
            elencoProfili[keyProfilo].copieStimate        = jQuery("#copieStimate").val();
            elencoProfili[keyProfilo].copieTotali         = jQuery("#copieTotali").val();
            elencoProfili[keyProfilo].grammatura          = jQuery("#spessoreSupporto").find('option:selected').text();
            profilo = elencoProfili[keyProfilo];

                                jQuery("#aggiornaProfilo").prop('disabled', true);

                                let csrfToken   = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
                                var formData = new FormData();
                                    formData.append('method', 'POST');
                                    formData.append('_token', csrfToken);
                                    formData.append('profiloModificato', JSON.stringify(elencoProfili[keyProfilo]));

                                let $toast = toastr["info"]( "Attendere... modifica profilo in corso..." )

                                    fetch("", {
                                                                                    method  : 'POST',
                                                                                    body    : formData
                                    })
                                    .then(response => response.json()
                                    
                                    )
                                    .then(data => {
                                                        if(data.success){
                                                            toastr.clear($toast);
                                                            toastr["success"]( data["message"] )

                                                        } else {
                                                            toastr["error"](data["message"])
                                                        }
                                                        
                                    })
                                    .catch(error => {
                                                        alert( 'Errore: ' + error.message );
                                                        toastr.clear($toast);
                                    })
                                    .finally(() => {
                                        jQuery("#aggiornaProfilo").prop('disabled', false);
                                    });

        }
    });

    jQuery(document).on("click","#nuovoProfilo",function() {

                                                        // azzero contenuto file
                                                            elencoProfili   =[];
                                                            jQuery("#profili").val('')

                                                        // azzero dati commessa
                                                            jQuery("#nomeProfilo").html("Inserimento nuovo profilo");
                                                            jQuery("#dataProfilo").val('')
                                                            jQuery("#macchina").val('')
                                                            jQuery("#operatore").val('')
                                                            jQuery("#priorita").val('')
                                                            jQuery("#noteMacchinista").val('')
                                                            jQuery("#formato").val('')
                                                            jQuery("#tipoSupporto").val('')
                                                            jQuery("#spessoreSupporto").val('')
                                                            jQuery("#numeroColori").val('')
                                                            jQuery("#copieStimate").val('')
                                                            jQuery("#copieTotali").val('')
                                                            jQuery("#deviceName").val('')
                                                            jQuery("#orderNumber").val('')
                                                            jQuery("#jobNumber").val('')
                                                            jQuery("#dettaglioProfilo").val('')
                                                            jQuery("#dettaglioInvio").val('')
                                                            jQuery("#stato").val('')

                                                            jQuery("#macchina").prop("disabled", false);
                                                            jQuery("#operatore").prop("disabled", false);
                                                            jQuery("#operatore").prop("disabled", false);
                                                            jQuery("#profili").prop("disabled", false);
                                                            jQuery("#generaCsvProfilo").prop("disabled", false);
                                                            jQuery("#aggiornaProfilo").prop("disabled", true);

                                                            jQuery("#tableProfiliKomori").bootstrapTable('uncheckAll');

                                                        let preview = document.getElementById('bodyProfilo');
                                                            preview.innerHTML = '';

        return false
    });

    jQuery(document).on("click","#generaCsvProfilo",function() {

        if (elencoProfili.length==0){
            alert("Hai dimenticato di caricare la cartella profilo!");
            return false
        }else{
            jQuery.each( elencoProfili, function( keyProfilo, profilo ) {
                                                                            elencoProfili[keyProfilo].macchina            = jQuery("#macchina").val();
                                                                            elencoProfili[keyProfilo].operatore           = jQuery("#operatore").val();
                                                                            elencoProfili[keyProfilo].priorita            = jQuery("#priorita").val();
                                                                            elencoProfili[keyProfilo].noteMacchinista     = jQuery("#noteMacchinista").val();
                                                                            elencoProfili[keyProfilo].formato             = jQuery("#formato").val();
                                                                            elencoProfili[keyProfilo].tipoSupporto        = jQuery("#tipoSupporto").val();
                                                                            elencoProfili[keyProfilo].spessoreSupporto    = jQuery("#spessoreSupporto").val();
                                                                            elencoProfili[keyProfilo].numeroColori        = jQuery("#numeroColori").val();
                                                                            elencoProfili[keyProfilo].copieStimate        = jQuery("#copieStimate").val();
                                                                            elencoProfili[keyProfilo].copieTotali         = jQuery("#copieTotali").val();
                                                                            elencoProfili[keyProfilo].grammatura          = jQuery("#spessoreSupporto").find('option:selected').text();
            })
        }
        if (confirm("Preparazione csv?\nA fronte di ogni lavoro sarà creato un csv nello stato:\n*pronto: da inviare in lavorazione*")){

            let csrfToken   = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            
            var formData = new FormData();
                formData.append('method', 'POST');
                formData.append('_token', csrfToken);
                formData.append('elencoProfili', JSON.stringify(elencoProfili));

            let $toast = toastr["info"]( "Attendere... caricamento prestampa in corso..." )

            fetch("", {
                                method: 'POST',
                                body: formData
            })
            .then(response => response.json())
            .then(data => {
                                toastr.clear($toast);
                                if(data.success){

                                                jQuery('#tableProfiliKomori').bootstrapTable('refresh');
                                                toastr["success"](data.message);
                                }else{
                                                toastr["error"](data.message)
                                }
            })
            .catch(error => {
                                alert( 'An error occurred: ' + error.message );
            });

        }

        return false
    });

    document.getElementById('copieStimate').addEventListener('change', function(event) {
        jQuery("#copieTotali").val(jQuery("#copieStimate").val());
        
    })

    document.getElementById('profili').addEventListener('change', function(event) {
            let files = event.target.files;
            let allowedExtensions = ['pq4', 'jpg']; // Estensioni consentite

            elencoProfili = [];

            files = Array.from(files).filter(file => {
                let fileExtension = file.name.split('.').pop().toLowerCase();
                let fileNameWithoutExtension = file.name.split('.').slice(0, -1).join('.').toLowerCase();
                return allowedExtensions.includes(fileExtension);
            });


            let preview = document.getElementById('bodyProfilo');
                preview.innerHTML = '';

            let allowedExtensionsPQ4 = ['pq4'];
            let allowedExtensionsJPG = ['jpg'];

            for (let i = 0; i < files.length; i++) {
                let file = files[i];
                let fileExtensionPQ4 = file.name.split('.').pop().toLowerCase();
            

                if (allowedExtensionsPQ4.includes(fileExtensionPQ4)) {

                    let profilo = Object.create(null);
                    // 

                    profilo.macchina            = jQuery("#macchina").val();
                    profilo.operatore           = jQuery("#operatore").val();
                    profilo.priorita            = jQuery("#priorita").val();
                    profilo.noteMacchinista     = jQuery("#noteMacchinista").val();
                    profilo.formato             = jQuery("#formato").val();
                    profilo.tipoSupporto        = jQuery("#tipoSupporto").val();
                    profilo.spessoreSupporto    = jQuery("#spessoreSupporto").val();
                    profilo.numeroColori        = jQuery("#numeroColori").val();
                    profilo.copieStimate        = jQuery("#copieStimate").val();
                    profilo.copieTotali         = jQuery("#copieTotali").val();
                    profilo.filePq4             = file.name;
                    profilo.filePath            = file.webkitRelativePath;
             
                    let pq4FileName = file.name.split('.').slice(0, -1).join('.').toLowerCase();
                    let imgPq4 = [pq4FileName];
                    let filesJPG = event.target.files;
                    let tdCorrente = "td4";

                    let tr = document.createElement('tr');
                        tr.classList.add('vertical-center');

                        let td1 = document.createElement('td');
                            td1.textContent = pq4FileName;

                        let td0 = document.createElement('td');
                        let td2 = document.createElement('td');
                        let td3 = document.createElement('td');

                        let td4 = document.createElement('td');
                            td4.classList.add('preview');
                            
                        let td5 = document.createElement('td');
                            td5.classList.add('preview');

                            // leggo il contenuto del filem pq4
                            let csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

                                    var formData = new FormData();
                                        formData.append('method', 'POST');
                                        formData.append('_token', csrfToken);
                                        formData.append('filePQ4', file);
                            

                            fetch("", {
                                method: 'POST',
                                body: formData
                            })
                            .then(response => response.json())
                            .then(data => {
                                if (data.success) {
                                    td0.textContent = data.data;
                                    td2.textContent = data.commessa;
                                    td3.textContent = data.lavoro;

                                    profilo.data         = data.data;
                                    profilo.commessa     = data.commessa;
                                    profilo.lavoro       = data.lavoro;
                                    
                                } else {
                                    td0.textContent = data.message;
                                }
                            })
                            .catch(error => {
                                alert( 'Errore: ' + error.message);
                            });

                            
                            for (let j = 0; j < filesJPG.length; j++) {
                                    let fileJ = filesJPG[j];
                                    
                                    let fileExtensionJPG = fileJ.name.split('.').pop().toLowerCase();
                                    let fileName = fileJ.name.toLowerCase();
                                    if (allowedExtensionsJPG.includes(fileExtensionJPG)) {
                                        
                                        if (fileName.includes(pq4FileName)){
                                            if (fileJ.type.startsWith('image/')) {
                                            
                                                let reader = new FileReader();
                                                reader.onload = function(e) {

                                                    let divThumbnail = document.createElement('div');
                                                        divThumbnail.classList.add('thumbnail');

                                                        let divThumbnailImage = document.createElement('div');
                                                            divThumbnailImage.classList.add('thumbnail-image');

                                                                let img = document.createElement('img');
                                                                    img.src = e.target.result;
                                                                    img.width  = '128'
                                                                    img.height = '128'
                                                                    img.addEventListener('click', function() {
                                                                                    downloadPreview(img.src);
                                                                    });

                                                            divThumbnailImage.appendChild(img)
                                                    divThumbnail.appendChild(divThumbnailImage)

                                                    //preview.appendChild(img);
                                                    eval(tdCorrente + ".appendChild(divThumbnail)");
                                                    
                                                    if(tdCorrente=="td4")
                                                        profilo.fronte = fileName
                                                    else
                                                        profilo.retro = fileName;

                                                    tdCorrente = "td5";
                                                }
                                                reader.readAsDataURL(fileJ);
                                            }
                                        }
                                    }
                            }
                        elencoProfili.push(profilo);


                        tr.appendChild(td0);
                        tr.appendChild(td1);
                        tr.appendChild(td2);
                        tr.appendChild(td3);
                        tr.appendChild(td4);
                        tr.appendChild(td5);
                        preview.appendChild(tr);

                }

            }
    });

  var filtriAttivi = {
                        "filter__dataProfilo":{"valoreFiltro":"","statoFiltro":""},
                        "filter__operatore": {"valoreFiltro":"","statoFiltro":""},
                        "filter__stato": {"valoreFiltro":"","statoFiltro":""},
  };
    
  function responseHandler(res) {
      return res
  } 
    
  function queryTableProfili(p) {

      jQuery('select').each(function() {
          
          
          var filtroAttivo    = jQuery(this).find("option:selected").val();
            
          var classAttivo     = jQuery(this).attr('class');
          var filtro          = classAttivo.split('-');
            
          var nomeFiltro      = "";
          if ( (filtro.length==6) && (filtro[3]=="filter")){
              nomeFiltro = "filter__" + filtro[5]
              if (filtroAttivo!=="")
                  eval("filtriAttivi."+nomeFiltro+".statoFiltro='"+filtroAttivo+"'")
              else
                  eval("filtriAttivi."+nomeFiltro+".statoFiltro=''")
          }
            
      });
      
      var filtroDataProfilo = jQuery("input[type='date']").val()
      if(filtroDataProfilo!==""){
          filtriAttivi.filter__dataProfilo.statoFiltro = filtroDataProfilo
      }
      
      return {
                  sort          : p.sort,
                  order         : p.order,
                  limit         : p.limit,
                  offset        : p.offset,
                  searchText    : p.search,
                  arrayFilter   : JSON.stringify(filtriAttivi),
      }
  }
    
  function refreshTable(){
      initTable();    
  }
  
  function renderProfilo(numeroProfilo, profiloSelezionato){

                    // mappo lavoro selezionato
                        jQuery("#nomeProfilo").html(profiloSelezionato.orderNumber + "/" + profiloSelezionato.jobNumber)

                        jQuery("#numeroProfilo").val(numeroProfilo)
                        jQuery("#idProfilo").val(profiloSelezionato.id)
                        jQuery("#dataProfilo").val(profiloSelezionato.dataProfilo)
                        jQuery("#macchina").val(profiloSelezionato.deviceName)
                        jQuery("#operatore").val(profiloSelezionato.operatore)
                        jQuery("#priorita").val(profiloSelezionato.priorita)
                        jQuery("#noteMacchinista").val(profiloSelezionato.noteMacchinista)
                        jQuery("#formato").val(profiloSelezionato.formato)
                        jQuery("#tipoSupporto").val(profiloSelezionato.tipoSupporto);jQuery('#tipoSupporto').trigger("change");

                        var select = document.getElementById("spessoreSupporto");
                        var options = select.options;
                        for (var i = 0; i < options.length; i++) {
                            if (options[i].text === profiloSelezionato.grammatura) {
                                select.selectedIndex = i;
                                break;
                            }
                        }
                        //jQuery("#spessoreSupporto").val(profiloSelezionato.spessoreSupporto);
                        jQuery("#numeroColori").val(profiloSelezionato.numeroColori);
                        jQuery("#copieStimate").val(profiloSelezionato.copieStimate)
                        jQuery("#copieTotali").val(profiloSelezionato.copieTotali)
                        jQuery("#deviceName").val(profiloSelezionato.deviceName)
                        jQuery("#orderNumber").val(profiloSelezionato.orderNumber)
                        jQuery("#jobNumber").val(profiloSelezionato.jobNumber)
                        jQuery("#dettaglioProfilo").val(profiloSelezionato.dettaglioProfilo)
                        jQuery("#dettaglioInvio").val(profiloSelezionato.dettaglioInvio)
                        jQuery("#stato").val(profiloSelezionato.stato)

                        jQuery("#macchina").prop("disabled", true);
                        jQuery("#operatore").prop("disabled", true);
                        jQuery("#profili").prop("disabled", true);
                        jQuery("#generaCsvProfilo").prop("disabled", true);

                        jQuery("#aggiornaProfilo").prop("disabled", false);

                        jQuery('#formProfiloKomori').find('input, select, file, number').each(function() {
                            var inputId = jQuery(this).attr('id');
                                jQuery(this).addClass('highlight');
                        });

                        setTimeout(function() {
                            jQuery('#formProfiloKomori').find('input, select, file, number').removeClass('highlight');
                        }, 500);

  }

  function dettaglioProfilo(commessaSelezionata){
    
        // azzero contenuto file
            elencoProfili   = commessaSelezionata.elencoLavori;
            jQuery("#profili").val('')

        let preview = document.getElementById('bodyProfilo');
            preview.innerHTML = '';

        jQuery.each( commessaSelezionata.elencoLavori, function( key, profiloSelezionato ) {
                if (key==0){
                    
                    renderProfilo(0, profiloSelezionato)
                }

                let tr = document.createElement('tr');
                    tr.classList.add('vertical-center');

                let td0 = document.createElement('td');
                    td0.textContent = profiloSelezionato.dataProfilo;

                let td1 = document.createElement('td');
                    td1.textContent = profiloSelezionato.filePq4;
                    td1.classList.add('d-none');

                let td2 = document.createElement('td');
                    td2.textContent = profiloSelezionato.orderNumber;

                let td3 = document.createElement('td');
                    td3.textContent = profiloSelezionato.jobNumber;

                let td4 = document.createElement('td');
                    td4.classList.add('preview');
                    
                let td5 = document.createElement('td');
                    td5.classList.add('preview');


                let td6 = document.createElement('td');
                    td6.id = "edit_"+key;

                    let csrfToken   = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            
                    macchina   = profiloSelezionato.deviceName;
                    operatore  = profiloSelezionato.operatore;
                    folderName = profiloSelezionato.filePath;
                    fronteName = profiloSelezionato.fronte;

                    var urlDownLoad = "";
                        urlDownLoad = urlDownLoad.replace('::macchina', macchina);
                        urlDownLoad = urlDownLoad.replace('::operatore', operatore);
                        urlDownLoad = urlDownLoad.replace('::folderName', folderName);
                        urlDownLoad = urlDownLoad.replace('::nameProfilo', fronteName);

                    fetch(urlDownLoad, {
                                        method          : 'GET'
                    })
                    .then(data => {

                        let divThumbnail = document.createElement('div');
                            divThumbnail.classList.add('thumbnail');

                            let divThumbnailImage = document.createElement('div');
                                divThumbnailImage.classList.add('thumbnail-image');

                            let img = document.createElement('img');
                                img.src = data.url;
                                img.width  = '128'
                                img.height = '128'
                                img.addEventListener('click', function() {
                                            downloadPreview(macchina, operatore, folderName, fronteName)
                                });
                            
                                divThumbnailImage.appendChild(img)
                                divThumbnail.appendChild(divThumbnailImage)
                            td4.appendChild(divThumbnail)
                                            
                        })
                    .catch(error => {
                                            alert( 'An error occurred: ' + error.message );
                    });
                    if( profiloSelezionato.retro!==""){
                        retroName = profiloSelezionato.retro;

                        var urlDownLoad = "";
                            urlDownLoad = urlDownLoad.replace('::macchina', macchina);
                            urlDownLoad = urlDownLoad.replace('::operatore', operatore);
                            urlDownLoad = urlDownLoad.replace('::folderName', folderName);
                            urlDownLoad = urlDownLoad.replace('::nameProfilo', retroName);

                        fetch(urlDownLoad, {
                                                method          : 'GET'
                        })

                        // .then(response => response.json())
                        .then(data => {
                                let img = document.createElement('img');
                                    img.src = data.url;
                                    img.width  = '128'
                                    img.height = '128'
                                    img.addEventListener('click', function() {

                                                downloadPreview(macchina, operatore, folderName, retroName)
                                    });

                                    let divThumbnail = document.createElement('div');
                                        divThumbnail.classList.add('thumbnail');

                                        let divThumbnailImage = document.createElement('div');
                                            divThumbnailImage.classList.add('thumbnail-image');

                                
                                divThumbnailImage.appendChild(img)
                                divThumbnail.appendChild(divThumbnailImage)
                                td5.appendChild(divThumbnail)
                                                
                            })
                            .catch(error => {
                                                alert( 'An error occurred: ' + error.message );
                            });

                    }

                tr.appendChild(td0);
                tr.appendChild(td1);
                tr.appendChild(td2);
                tr.appendChild(td3);
                tr.appendChild(td4);
                tr.appendChild(td5);
                tr.appendChild(td6);
                preview.appendChild(tr);

                jQuery("#edit_"+key).html('<span><i title="modifica" class="bi bi-pen-fill text-info"></i></span>');
                jQuery("#edit_"+key).css({
                                        'text-align'    : 'center',
                                        'vertical-align': 'middle',
                                        'cursor'        : 'pointer'
                });
                jQuery("#edit_" + key).on("click", function() {
                    
                    renderProfilo(key, profiloSelezionato);
                });
        });
  }
    
  jQuery('#tableProfiliKomori').on('check.bs.table', function (e, row){

        dettaglioProfilo(row);

  });

  function expandLavori($detail, columns, contentData) {
        buildLavori($detail.html('<table></table>').find('table'), columns, contentData)
  }
    
  function buildLavori($el, columns, contentData) {
      var lavoroColumns = [];
            lavoroColumns.push({field: 'ckLavoro',title: 'Seleziona'});
            lavoroColumns.push({field: 'id',title: 'Id'});
            lavoroColumns.push({field: 'jobNumber',title: 'Lavoro'});
            lavoroColumns.push({field: 'fileFronte',title: 'Fronte', 'formatter' : 'checkFile',});
            lavoroColumns.push({field: 'fileRetro',title: 'Retro', 'formatter' : 'checkFile',});
            lavoroColumns.push({field: 'fileCsvOut',title: 'Csv', 'formatter' : 'viewCsv', 'events' : 'window.ViewCsvFile'});
            $el.bootstrapTable({
                                  columns       : columns,
                                  data          : contentData,
                                  detailView    : false,
                                  onExpandRow   : function (index, row, $detail) {
                                                    
                                  }
          })
  }

  function initTableProfili(dataDefault=""){
    
                $tableProfiliKomori.bootstrapTable('destroy').

                bootstrapTable({

                            {!! $columnsProfili !!},
                               
                            locale          : "it-IT",

                            url             : "{{ route('filtraProfiliKomori') }}",

                            queryParams	    : queryTableProfili,

                            onLoadSuccess       : function(data){
                                                                        jQuery("input[type='date']").val(filtriAttivi.filter__dataProfilo.statoFiltro)
                            },
                                       
                            onCreatedControls   : function(){
                                                        jQuery("input[type='date']").val(dataDefault);
                                                        today=""
                                                        selectElement = document.querySelector(".bootstrap-table-filter-control-dataProfilo");
                                                        selectElement.addEventListener("change", (event) => {
                                                        if(`${event.target.value}`=="")
                                                            filtriAttivi.filter__dataProfilo.statoFiltro="";
                                                        });
                            },
                                
                            onExpandRow     : function (index, row, $detail) {
                                                                elencoLavori = row.elencoLavori;
                                                                var columns = [];
                                                                    columns.push({field: 'ckLavoro',title: 'Seleziona', 'radio': true, 'visible': false});
                                                                    columns.push({field: 'id',title: 'Id', visible:false});
                                                                    columns.push({field: 'jobNumber',title: 'Lavoro'});
                                                                    columns.push({field: 'fileFronte',title: 'Fronte', 'formatter' : 'checkFile',});
                                                                    columns.push({field: 'fileRetro',title: 'Retro', 'formatter' : 'checkFile',});
                                                                    columns.push({field: 'fileCsvOut',title: 'Csv', 'formatter' : 'viewCsv', 'events' : 'window.ViewCsvFile'});
                                                                expandLavori($detail, columns, elencoLavori)
                            },

                            onPostBody: function () {
                                                        // azzero contenuto file
                                                            elencoProfili   =[];
                                                            jQuery("#profili").val('')
                                                        // azzero dati commessa

                                                            jQuery("#dataProfilo").val('')
                                                            jQuery("#macchina").val('')
                                                            jQuery("#operatore").val('')
                                                            jQuery("#priorita").val('')
                                                            jQuery("#noteMacchinista").val('')
                                                            jQuery("#formato").val('')
                                                            jQuery("#tipoSupporto").val('')
                                                            jQuery("#spessoreSupporto").val('')
                                                            jQuery("#numeroColori").val('')
                                                            jQuery("#copieStimate").val('')
                                                            jQuery("#copieTotali").val('')
                                                            jQuery("#deviceName").val('')
                                                            jQuery("#orderNumber").val('')
                                                            jQuery("#jobNumber").val('')
                                                            jQuery("#dettaglioProfilo").val('')
                                                            jQuery("#dettaglioInvio").val('')
                                                            jQuery("#stato").val('')

                                                        let preview = document.getElementById('bodyProfilo');
                                                            preview.innerHTML = '';
                                
                            },
                            onEditableSave  : function (field, row, oldValue,$el) {

                                checkSave = updateRecord(row, field)

                            }



                });
      
  }

  function updateRecord(row, field){

            checkSave = jQuery.ajax({
                                url		: "{{ route('updateRecord') }}",
                                method	: "POST",
                                data	: {
                                            tabella     : "profiliPrestampa",
                                            record      : row,
                                            field       : field,
                                            _token      : "{{ csrf_token() }}",

                                },
                                async   : false,
                                dataType: 'json',
                                success	: function(data) {
                                            return(data)
                                },
                                error   : function(XMLHttpRequest, textStatus, errorThrown) {
                                            return ( "Aggiornamento non riuscito: " + textStatus );
                                }
            });
            return checkSave;
    }


  
    jQuery(document).ready(function() {
        
        today = new Date().toJSON().slice(0,10);
        initTableProfili(today);
      
  })
    
</script>

@endpush