@include('modals/dossier/modal_form_contraparte_dossier')
@include('modals/dossier/modal_dossier_contraparte_led')
{{--
@include('modals/dossier/modal_dossier_contraparte_led')
@include('modals/dossier/modal_form_prensa_dossier')
<div class="container" id="divContainer">
    <h3 class="text-center">
        <legend>Información de <span style="color: red">{{ $nombre_contraparte }}</span> - {{ $cuit_contraparte }}
        </legend>
        <p style="color:red;">(DOSSIER VERSION INICIAL)</p>
    </h3>

    <div class="row text-center">
        <ul class="list-group list-group-horizontal">
            <!--li class="list-group-item"-->
            <center><button id="formContraparte" type="button" data-cuit="{{$cuit_contraparte}}"
                    data-visible="{{$visible}}" data-target="#modalFormContraparte"
                    data-nombre="{{$nombre_contraparte}}" data-inicioActividad="{{$inicio_actividades}}"
                    data-resenia="{{$resenia}}" title="FormContraparte"
                    class="btn btn-primary btn-fidelitas form_cargas_dossier">
                    <i class="fa fa-newspaper-o no-data"></i>&nbsp;Click Aqui para continuar</button></center>
            --}}
            {{--<button id="formPrensa" type="button" data-cuit="{{$cuit_contraparte}}" data-target="#modalFormPrensa"
                data-nombre="{{$nombre_contraparte}}" title="FormPrensa"
                class="btn btn-primary btn-fidelitas form_cargas_dossier">
                <i class="fa fa-newspaper-o no-data"></i>&nbsp;Form Prensa</button>
            </li>
            <!-- vistas del IC con btn de captura y descarga -->
            <li class="list-group-item">

                <button id="formales" type="button" data-cuit="{{$cuit_contraparte}}"
                    data-nombre="{{$nombre_contraparte}}" title="Ver Formales"
                    class="btn btn-primary btn-fidelitas informe-comercial">
                    <i class="fa fa-newspaper-o no-data"></i>&nbsp;Formales</button>

                <button id="comerciales" type="button" data-cuit="{{$cuit_contraparte}}"
                    data-nombre="{{$nombre_contraparte}}" title="Ver Comerciales"
                    class="btn btn-primary btn-fidelitas informe-comercial">
                    <i class="fa fa-newspaper-o no-data"></i>&nbsp;Comerciales</button>

                <button id="fiscales" type="button" data-cuit="{{$cuit_contraparte}}"
                    data-nombre="{{$nombre_contraparte}}" title="Ver Fiscales"
                    class="btn btn-primary btn-fidelitas informe-comercial">
                    <i class="fa fa-newspaper-o no-data"></i>&nbsp;Fiscales</button>

                <button id="contables" type="button" data-cuit="{{$cuit_contraparte}}"
                    data-nombre="{{$nombre_contraparte}}" title="Ver Contables"
                    class="btn btn-primary btn-fidelitas informe-comercial">
                    <i class="fa fa-newspaper-o no-data"></i>&nbsp;Contables</button>

                <button id="relaciones" type="button" data-cuit="{{$cuit_contraparte}}"
                    data-nombre="{{$nombre_contraparte}}" title="Ver Relaciones"
                    class="btn btn-primary btn-fidelitas informe-comercial">
                    <i class="fa fa-newspaper-o no-data"></i>&nbsp;Relaciones</button>

                <button id="legales" type="button" data-cuit="{{$cuit_contraparte}}"
                    data-nombre="{{$nombre_contraparte}}" title="Ver Legales"
                    class="btn btn-primary btn-fidelitas informe-comercial">
                    <i class="fa fa-newspaper-o no-data"></i>&nbsp;Legales</button>

                <button id="bancos" type="button" data-cuit="{{$cuit_contraparte}}"
                    data-nombre="{{$nombre_contraparte}}" title="Ver Bancos"
                    class="btn btn-primary btn-fidelitas informe-comercial">
                    <i class="fa fa-newspaper-o no-data"></i>&nbsp;Bancos</button>

                <button id="comex" type="button" data-cuit="{{$cuit_contraparte}}" data-nombre="{{$nombre_contraparte}}"
                    title="Ver Comex" class="btn btn-primary btn-fidelitas informe-comercial">
                    <i class="fa fa-newspaper-o no-data"></i>&nbsp;Comex</button>

            </li>
        </ul>
    </div>
    --}}

    <!-- Muestra info seccion -->
    <div id="informe"></div>

</div><!-- fin container -->
<!--style>
    .trumbowyg-box, .trumbowyg-editor { min-height: 110px; } 
</style-->

<!-- PASAR A UN JS -->
<script>



    $(document).on('click', '.form_cargas_dossier', function (e) {
        e.preventDefault();
        var id_form = $(this)[0].id;
        if (id_form == 'formContraparte') {
            $("#modalFormReporte").modal('hide');
            $("#modalFormPrensa").modal('hide');
            $("#modalFormContraparte").modal('show');
        } else if (id_form == 'formPrensa') {
            $("#modalFormReporte").modal('hide');
            $("#modalFormContraparte").modal('hide');
            $("#modalFormPrensa").modal('show');
        }
        $(".form_cargas_dossier").addClass('hidden');
    });



    // llamado a la api por cada click en botones de las secciones del IC
    $(document).on('click', '.informe-comercial', function (e) {
        e.preventDefault();
        var cuit = $(this).data('cuit');
        var nombre = $(this).data('nombre');
        var id = $(this)[0].id;
        var apikey = 'C824D668799B10EE';
        var secciones = [id];
        $.ajax({
            method: 'post',
            async: true,
            //url: 'https://www.fidelitas.com.ar/api/ic',
            //url: 'http://192.168.121.7/api/ic',
            url: 'https://www2.fidelitas.com.ar/api/ic',
            data: { '_token': '{{csrf_token()}}', 'cuit': cuit, 'apikey': apikey, 'nombre_persona': nombre, 'secciones': secciones },
            beforeSend: function (data) {
                $('#informe').html('');
                //      $('#'+secciones[0]).html('');

            },
            success: function (data) {
                $('#informe').html(data);
                setTimeout(function () { $('.removerDiv').remove() }, 500);
                $('#' + secciones[0] + '_div').html('<button id="' + secciones[0] + '_descarga" class="btn btn-primary btn-fidelitas btn_copy" >Descargar</button>');
            },
            error: function () {
                mensaje('No se encuentra seccion formales del Tax-id ' + cuit, 'error');
                //			$('#formales').html('');
            }
        });
    });

    function capturaHTML(id_captura, nombre) {
        id_captura = id_captura.replace('_descarga', '')
        var cuit = $('#cuit').val();
        var captura = $("#informe").get(0);

        var width = document.getElementById('informe').offsetWidth;
        var height = document.getElementById('informe').offsetHeight;
        if (captura != undefined) {
            html2canvas(captura, { scale: 2 }).then(function (canvas) {
                var img = Canvas2Image.convertToImage(canvas, width, height);
                Canvas2Image.saveAsImage(canvas, width, height, 'png', 'captura_' + cuit);
            });
            return 'ok';
        } else {
            return 'error';
        }
    }
    //BTN DESCARGA IMAGEN
    $(document).on('click', '.btn_copy', function (e) {
        e.preventDefault();
        var id_captura = this.id;
        var imagen = capturaHTML(id_captura);

        if (imagen == 'ok') {
            $(this).remove();
        }
        id_captura = id_captura.replace('_descarga', '')
        $('#titulo_seccion_' + id_captura).remove();
        $('.page-break').remove();
        return imagen;
    });


    //BTN BORRA LOGO
    $('#btnCargaLogo').on('click', function (e) {
        e.preventDefault();
        $.ajax({
            method: 'post',
            url: '/led/led-dossierdemo-delete-logo',
            data: $('#frmContraparte').serialize(),
            beforeSend: function () {
                $('#btnCargaLogo').prop('disabled', true);
            },
            success: function (data) {
                console.log(data)
                if (data == 'ok') {
                    alert('El Logo se elimino correctamente')
                }
                //$('#contraparte_edit').html(data);
            }
        });

    });
    /*
      $('#editor-resenia').trumbowyg( { lang : 'es' } );
      $('#editor-resenia').trumbowyg('html', $('#resenia').val());
    
      $('#editor-analisis').trumbowyg( { 
        lang : 'es' 
      } );
      $('#editor-analisis').trumbowyg('html', $('#analisis').val());
    
      //$('#editor-resenia-reporte').trumbowyg( { lang : 'es' } );
      //$('#editor-resenia-reporte').trumbowyg('html', $('#resenia-reporte').val());
    
      $('#editor-resenia-prensa').trumbowyg( { lang : 'es' } );
      $('#editor-resenia-prensa').trumbowyg('html', $('#resenia-prensa').val());
      */
    //FORM CONTRAPARTE = data procesa accion :'procesaFormularioContraparte' (DossierController)

    //FORM CONTRAPARTE = data procesa accion :'procesaFormularioContraparte' (DossierController)

    $(document).on('submit', '#frmContraparteModal', function (e) {
        e.preventDefault();
        e.stopPropagation();
        //$(document).off('submit','#frmContraparteModal');
        var visible_checked = $("#chkvisible").is(":checked");

        //var resenia       = document.querySelector('input[name=resenia]');
        //resenia.value     =  $('#editor-resenia').trumbowyg('html');

        var continue_post = true;

        if ($('#chkvisible').is(':checked')) {
            /*console.log('test');
            console.log($('#frmContraparte').serialize());*/
            $.ajax({
                method: 'post',
                url: '/dossier/verificar-publicacion-producto',
                async: false,
                data: $('#frmContraparteModal').serialize(),
                success: function (data) {
                    console.log(data);
                    var p = JSON.parse(data);
                    console.log('|' + p.publicar + '|');
                    if (p.publicar == '0') {
                        console.log('ACA ESTOY');
                        continue_post = false;
                    }
                }

            });
        }

        var cerrar_informe = false;
        if (!continue_post) {
            continue_post = confirm('Aún no se encuentra en finalizado producción el informe correspondiente a esta contraparte.\nPor favor confirme si aún desea continuar con la publicación del producto.\nEn caso afirmativo, se cerrarán todas las tareas del informe y el mismo quedará aprobado.');
            cerrar_informe = continue_post;
        }

        if (continue_post) {
            $('#cerrar_informe').val(cerrar_informe);

            $.ajax({
                method: 'post',
                async: true,
                url: '/dossier/procesa-form-contraparte',
                data: new FormData(this),
                contentType: false,
                cache: false,
                processData: false,
                beforeSend: function () {
                    $(document).off('submit', '#frmContraparteModal');
                    $('.loading').show();
                    $('#btn_aceptar_contraparte').attr('disabled', 'disabled');
                },
                success: function (data) {
                    $('.loading').hide();
                    if (data == 'ok') {
                        alert('La contraparte se editó correctamente');
                        location.reload();
                        //setTimeout(function(){ location.reload(); }, 2000);
                    }
                    else {
                        alert('Se produjo un error al editar la contraparte');
                    }
                },
                error: function (x) {
                    $('.loading').hide();
                }
            });


        }
        /*else {
          alert('No se puede publicar el producto debido a que el informe\nen producción para la contraparte aún no se encuentra aprobado.');
        }*/

    });

    //FORM PRENSA = data procesa accion :'procesaFormularioPrensa' (DossierController)
    $(document).on('submit', '#frmPrensa', function (e) {
        e.preventDefault();
        //var resenia = document.querySelector('input[name=resenia-prensa]');
        //resenia.value =  $('#editor-resenia-prensa').trumbowyg('html');

        $.ajax({
            method: 'post',
            async: true,
            url: '/dossier/procesa-form-prensa',
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData: false,
            before: function (data) {
            },
            success: function (data) {
            }
        });

    });

    //BTN CARGA ARCHIVO
    $('#uploaddossier').on('click', function (e) {
        e.preventDefault();

        //var id_contraparte = $('#id_contraparte').val();
        //console.log(id_contraparte)
        var formData = new FormData();
        // Attach file
        formData.append('archivo_dossier', $('#archivo_dossier')[0].files[0]);
        formData.append('id_contraparte', $('#id_contraparte').val());
        $.ajax({
            method: 'post',
            //url : '/led/led-contraparte-dossier',
            url: '/dossier/dossierdemo-carga-archivo',
            data: formData,
            headers: { 'X-CSRF-TOKEN': '{{csrf_token()}}' },
            contentType: false,
            cache: false,
            processData: false,
            beforeSend: function () {
                console.log('before')
            },
            success: function (data) {
                if (data == 'ok_update') {
                    alert('Archivo cargado correctamente')
                } else {
                    alert('Error al cargar el archivo')
                }
            }
        });

    });

    //BTN ELIMINA ARCHIVO
    $('#deletedossier').on('click', function (e) {
        e.preventDefault();

        //var id_contraparte = $('#id_contraparte').val();
        //console.log(id_contraparte)
        var formData = new FormData();
        // Attach file
        //formData.append('archivo_dossier', $('#archivo_dossier')[0].files[0]); 
        formData.append('id_contraparte', $('#id_contraparte').val());
        $.ajax({
            method: 'post',
            //url : '/led/led-contraparte-dossier',
            url: '/dossier/dossierdemo-elimina-archivo',
            data: formData,
            headers: { 'X-CSRF-TOKEN': '{{csrf_token()}}' },
            contentType: false,
            cache: false,
            processData: false,
            beforeSend: function () {
                console.log('before')
            },
            success: function (data) {
                if (data == 'ok') {
                    alert('Archivo eliminado')
                } else {
                    alert('Error al cargar el archivo')
                }
                $('#deletedossier').hide();
                $('#nombre_archivo').hide();
                $('#viewdossier').hide();
            }
        });

    });

    //BTN ABRE MODAL PREVISULIZACION DOSSIER LED
    $(document).on('click', '#viewdossier', function (e) {
        //$('#viewdossier').on('click', function(e) {
        e.preventDefault();
        $("#modalDossierContraparteLed").modal('show');
    });

</script>