@extends('layouts.app')
@include('layouts.header')
@section('title', 'Tools | Esportazione XML per Reseller')

@section('content')

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

            <!--********************* ESPORTAZIONE XML RESELLER -->
            <div class="col-lg-12">
                <div class="ibox float-e-margins">

                    <!--********************* INTESTAZIONE -->
                    <div class="ibox-title">
                        <h2>Esportazione XML per Flussi Reseller</h2>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>

                    <!--********************* CONMTENUTO -->
                    <div class="ibox-content" id="carica">

                        <div class="sk-spinner sk-spinner-wave">
                            <div class="sk-rect1"></div>
                            <div class="sk-rect2"></div>
                            <div class="sk-rect3"></div>
                            <div class="sk-rect4"></div>
                            <div class="sk-rect5"></div>
                        </div>

                        <form role="form" action="/tools/EsportazioneXMLReseller" method="post">

                            <input type="hidden" name="_token" value="{{ Session::token() }}" />

                            <!--********************* LIST RESELLERS -->
                            <div class="row">
                                <div class="col-md-12">

                                    <div class="col-md-6" style="padding-bottom: 20px;">
                                        <label>Reseller</label>
                                        <select class="form-control" id="reseller_cod_cliente" name="reseller[cod_cliente]">
                                            @foreach ($resellers as $reseller)
                                                <option value="{{ $reseller['cod_cliente'] }}"
                                                    {{ $reseller['cod_cliente'] = 'CLT0016757' ? 'selected' : '' }}>
                                                    {{ $reseller['nominativo'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <!--********************* DISTRIBUTORE -->
                                    <div class="col-md-6" style="padding-bottom: 20px;">
                                        <label>Distributore (in ordine crescente per id Mubi)</label>
                                        <select class="form-control" id="distributore_PIVA" name="distributore[PartitaIVA]">
                                            @foreach ($distributori as $distributore)
                                                <option value="{{ $distributore['PartitaIVA'] }}">
                                                    {{ $distributore['RagioneSociale'] }} {id Mubi =
                                                    {{ $distributore['idMubi'] }}} {PIVA =
                                                    {{ $distributore['PartitaIVA'] }}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <!--********************* CODICE FLUSSO -->
                                    <div class="col-md-12" style="padding-bottom: 20px;">
                                        <label>Codice Flusso</label>
                                        <select class="form-control" id="codiciFlusso_CodFlusso"
                                            name="CodFlusso[CodFlusso]">
                                            @foreach ($codiciFlusso as $codFlusso)
                                                <option value="{{ $codFlusso['CodFlusso'] }}">
                                                    {{ $codFlusso['CodFlusso'] }}
                                                    - {{ $codFlusso['Descrizione'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <!--********************* DATA INIZIO FLUSSO -->
                                    <div class="col-md-2">
                                        <label>Data Inizio Importazione Flusso</label>

                                        <input type="text" id="reseller_data_start" name="reseller[data_start]"
                                            value="{{ date('d/m/Y') }}" placeholder="Data Inizio calcolo"
                                            class="form-control date">

                                        {{-- <input type="text" id="reseller_data_start" name="reseller[data_start]"
                                            value="28/02/2022" placeholder="Data Inizio calcolo" class="form-control date"> --}}
                                    </div>

                                    <!--********************* DATA FINE FLUSSO -->
                                    <div class="col-md-2">
                                        <label>Data Fine Importazione Flusso</label>
                                        <input type="text" id="reseller_data_start" name="reseller[data_end]"
                                            value="{{ date('d/m/Y') }}" placeholder="Data Inizio calcolo"
                                            class="form-control date">
                                    </div>

                                    <!--********************* POD PER BATCH DI SELEZIONE-->
                                    <div class="col-md-2" style="padding-bottom: 20px;">
                                        <label>PODs per Batch di Selezione</label>
                                        <select class="form-control" id="reseller_PodsPerBatch"
                                            name="reseller[podsPerBatch]">
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="5">5</option> 
                                            <option value="10">10</option>
                                            <option value="20">20</option>
                                            <option value="30" selected>30</option>
                                            <option value="40">40</option>
                                            <option value="50">50</option>
                                            <option value="60">60</option> 
                                            <option value="70">70</option>
                                            <option value="80">80</option>
                                            <option value="90">90</option>
                                            <option value="100">100</option>
                                        </select>
                                    </div>

                                    <!--********************* ESPORTA MULTIPLA POD -->
                                    <div class="col-md-2 form-check">
                                        <label style="padding-bottom: 5px">Modalità Esportazione POD</label>
                                        <table width="1%" border="0" cellspacing="20" cellpadding="0">
                                            <tbody>
                                                <tr> 
                                                    <td nowrap="nowrap">
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="radio"
                                                                name="reseller[rb_esporta_POD]"
                                                                id="rb_esporta_POD_non_esportati" value="0" checked>
                                                            <label class="form-check-label">
                                                                Non Esportati
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <td> </td>
                                                    <td nowrap="nowrap">
                                                        <div class="form-check" style="padding-left: 15px">
                                                            <input class="form-check-input" type="radio"
                                                                name="reseller[rb_esporta_POD]" id="rb_esporta_POD_tutti"
                                                                value="1">
                                                            <label class="form-check-label">
                                                                Tutti
                                                            </label>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <!--********************* ESPORTA SINGOLO POD -->
                                    <div class="col-md-2" style="padding-top: 30px">
                                        &nbsp;<input id="chk_esporta_singolo_pod" name="reseller[chk_esporta_singolo_pod]"
                                            type="checkbox" value="1" class="check_box"><b> &nbsp;Esporta singolo
                                            POD </b>
                                    </div>

                                    <div class="col-md-2">
                                        <label>POD</label> <input id="reseller_singolo_pod" name="reseller[singolo_pod]"
                                            type="text" placeholder="Inserisci singolo POD..." disabled="disabled"
                                            class="form-control">
                                    </div>

                                </div>
                                <div class="col-md-12">
                                    <div class="row">
                                        <br><br>
                                        <div class="col-md-12">
                                            <button type="submit"
                                                class="btn btn-primary btn-lg center-block">ESPORTA</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                        </form>
                    </div>

                </div>
            </div>

            <!--********************* REPORT FLUSSO ESPORTATO-->
            <div class="row equal">

                <div class="col-lg-12">
                    <div class="ibox float-e-margins">

                        <!--********************* INTESTAZIONE -->
                        <div class="ibox-title">
                            <h2>Report Flusso Esportato</h2>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>

                        <!--********************* REPORT -->
                        <div class="ibox-content" id="">

                            @if (!isset($codFlussoEsportato))
                                <div>
                                    <h2><b>Nessun flusso esportato</b></h2>
                                </div>
                            @endif

                            @if (isset($codFlussoEsportato))
                                <div>
                                    <h2>
                                        <b>

                                            <table width="100%" border="0">
                                                <tbody>

                                                    <tr>
                                                        <h1><b>File: <a download
                                                                    href="/uploads/flussiEsportati/oenergy/{{ $fileName }}"
                                                                    title="Scarica il flusso {{ $fileName }}">{{ $fileName }}</b>
                                                        </h1></a>
                                                    </tr>
                                                    <tr>
                                                        <td>Codice: @if (isset($codFlussoEsportato))
                                                                {{ $codFlussoEsportato }}
                                                            @endif
                                                        </td>
                                                        <td> Data inizio: @if (isset($dateFrom))
                                                                {{ $dateFrom }}
                                                            @endif
                                                        </td>
                                                        <td>Data fine: @if (isset($dateTo))
                                                                {{ $dateTo }}
                                                            @endif
                                                        </td>
                                                        <td>POD valutati: @if (isset($numberOfPods))
                                                                {{ $numberOfPods }}
                                                            @endif
                                                        </td>
                                                        <td>Letture esportate: @if (isset($countLetture))
                                                                {{ $countLetture }}
                                                            @endif
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </b>
                                    </h2>
                                </div>
                            @endif
                        </div>

                    </div>
                </div>

            </div>

            <!--********************* LISTA FLUSSI ESPORTATI-->
            <div class="row equal">

                <div class="col-lg-12">
                    <div class="ibox float-e-margins">

                        <!--********************* INTESTAZIONE -->
                        <div class="ibox-title">
                            <h2>Lista Flussi Esportati</h2>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>

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

                            <div class="table-responsive">

                                <table class="table table-striped table-hover" id="tableclient" data-ordering="false">
                                    <thead>
                                        <tr>
                                            <th style="font-size: 1.2em;">Files in ordine di data di
                                                esportazione</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($filesSortedBySavingTime as $f)
                                            <tr>
                                                <td id="{{ $f }}" style="padding-top:13px; font-size: 1.2em;">
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                        title="CANCELLA (operazione non annullabile) il flusso {{ $f }}"
                                                        onclick="deleteRowAndFile(this, '{{ $f }}')">X</button><a
                                                        style="padding-left:10px;" download
                                                        title="SCARICA il flusso {{ $f }}"
                                                        href="/uploads/flussiEsportati/oenergy/{{ $f }}"><b>{{ $f }}</b></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>

                            </div>

                        </div>

                    </div>
                </div>

            </div>

        </div>

        <!-- MODALE FILE DELETED -->
        <div class="modal fade" id="modaleDeleteFile" tabindex="-1" role="dialog"
            aria-labelledby="modaleDeleteFileLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2 class="modal-title" id="modaleDeleteFileLabeled" style="color: #1ab394"><b>ELIMINA
                                FILE</b></h2>
                    </div>
                    <div class="modal-body">
                        <h3 style="color: black">File eliminato con successo!</h3>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Chiudi</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- MODALE ERROR FILE DELETING -->
        <div class="modal fade" id="modaleDeleteFileError" tabindex="-1" role="dialog"
            aria-labelledby="modaleDeleteFileErrorLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2 class="modal-title" id="modaleDeleteFileErrorLabeled" style="color: rgb(233, 21, 21)">
                            <b>ELIMINA FILE</b>
                        </h2>
                    </div>
                    <div class="modal-body">
                        <h3 style="color: rgb(255, 0, 0)">Problemi nell'eliminazione del file selezionato!<br>Aggiorna
                            la pagina e riprova ad eliminare il file.</h3>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Chiudi</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        //Effettuiamo setup della tabella contenente i files
        $(document).ready(function() {
            tbldata = [];
            $('#tableclient').dataTable({
                pageLength: 10
            });
        });

        //Se si esportano tutti i POD si disabilita l'esportazione per singolo POD
        $('#chk_esporta_tutti_pod').change(function check() {
            $('#chk_esporta_tutti_pod').each(function(idx, el) {
                if ($(el).is(':checked')) {

                    $('#reseller_singolo_pod').attr("disabled", "disabled");
                    $('#chk_esporta_singolo_pod').prop('checked', false);

                } else {
                    $('#reseller_singolo_pod').removeAttr("disabled");
                }
            });
        });

        //Se si esporta il singolo POD si disabilita l'esportazione per tutti i POD
        $('#chk_esporta_singolo_pod').change(function check() {
            $('#chk_esporta_singolo_pod').each(function(idx, el) {
                if ($(el).is(':checked')) {

                    $('#rb_esporta_POD_non_esportati').attr("disabled", "disabled");
                    $('#rb_esporta_POD_tutti').attr("disabled", "disabled");
                    $('#reseller_PodsPerBatch').attr("disabled", "disabled");              
                    $('#reseller_singolo_pod').removeAttr("disabled");
                } else {
                    $('#rb_esporta_POD_non_esportati').removeAttr("disabled");
                    $('#rb_esporta_POD_tutti').removeAttr("disabled");
                    $('#reseller_PodsPerBatch').removeAttr("disabled");              
                    $('#reseller_singolo_pod').attr("disabled", "disabled");
                }
            });
        });

        //Cancellazione files dalla folder sul server
        function deleteRowAndFile(r, file) {
            var i = r.parentNode.parentNode.rowIndex;
            document.getElementById("tableclient").deleteRow(i);

            $.ajax({
                type: "POST",
                url: '/tools/deleteFileReseller',
                data: {
                    fileToDelete: file
                },
                success: function(data) {
                    $("#modaleDeleteFile").modal();
                    console.log(data);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $("#modaleDeleteFileError").modal();
                    console.log(jqXHR);
                }
            });
        }
    </script>
@endsection