@extends('adminlte::page')

@section('title', 'Sigo 2.0')

@section('content_header')
<h1>Processamento da produção {{ $referenciaSelecionada }}</h1>
@stop

@section('content')


<div class="row">
    <div class="col-12">
        @include('operacional/producao/campoCalendarioReferencias')
    </div>
</div>
<div class="row">
    <div class="col-md-3">
        <div class="sticky-top mb-3">
            @include('operacional/producao/campoProducao')

            @include('operacional/producao/campoFecharProducao')

            @if ($parametros['par_coop'] == '038')
                @include('operacional/producao/campoAlteraValorUs')
            @endif
        </div>
    </div>

    <div class="col-md-9">
        @if ($parametros['par_coop'] != '038')
            @include('operacional/producao/gridTabelaUsEmVigor')
        @endif
        @include('operacional/producao/gridResumoProducao')
    </div>
</div>

@include('operacional/producao/gridPrestadores')

@include('operacional/producao/modalProcessarProducao')
@include('operacional/producao/modalValorUs')
@include('operacional/producao/modalFecharProducao')
@include('operacional/producao/modalValorDesconto')
@include('operacional/producao/modalESocial')


@stop


@section('css')
<style>
    .direita {
        text-align: right
    }

    .prodFechada {
        background-color: #DCDCDC !important;
    }

    .prodFutura {
        background-color: #ADD8E6 !important;
    }

    .fa-archive {
        cursor: pointer !important;
    }
</style>
@stop
@section('plugins.Datatables', true)
@section('plugins.DatatablesPlugins', true)
@section('plugins.Toastr', true)

@section('js')
<script src="{{ asset('js/operacional/producao.js') }}"></script>
<script src="{{ asset('js/app.js') }}"></script>
<script>
    function formatacaoValorUS(input) {
        input.value = input.value.replace(/,/g, "."); // trocar "," por "."

        input.value = input.value.replace(/[A-Za-z]/g, ""); // remover letras
        let valor = input.value;
        // inserir o ponto automaticamente depois de um digito digitado.
        if (/^\d$/.test(valor)) {
            input.value = valor + ".";
        }
    }
    $('#dataTablePrestadorres tbody').on('mouseover', 'tr', function () {
        $('[data-toggle="tooltip"]').tooltip({
            trigger: 'hover',
            html: true
        });
    });

    $("#dataTablePrestadorres").DataTable({
        "responsive": true,
        "lengthChange": false,
        "autoWidth": false,
        "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"],
        "language": {
            "zeroRecords": "Nenhum registro encontrado",
            "info": "Mostrando os registos _START_ a _END_ num total de _TOTAL_",
            "search": "Procurar:",
            "infoEmpty": "Mostrando 0 registos",
            "infoFiltered": "(filtrado num total de _MAX_ registros)",
            "paginate": {
                "previous": "Anterior",
                "next": "Próximo"
            },
        },
        data: JSON.parse('{!! $prestadoresDaProducao !!}', true),
        'createdRow': function (row, data, dataIndex) {
            $(row).attr('cro', data.rpg_cooperado);
            $(row).attr('vlTotalDescontos', data.rpg_vldesc);
            $(row).attr('nomePrestador', data.prestador);

        },
        columns: [{
            data: '',
            render: function (data, type, row) {
                return '' + row.prestador + ' - ' + row.rpg_cooperado +
                    ' <a target= "_blank"data-toggle="tooltip" data-placement="top" title="Demonstrativo Completo" <a  href="/sigoweb/relatorios/jasperphp/repDemonstrativoProducaoCooperado.php?optReferenciaInicial=' +
                    "{{ $referenciaSelecionada }}" + '&optReferenciaFinal=' +
                    "{{ $referenciaSelecionada }}" + '&cmbCooperado=' + row.rpg_cooperado +
                    '&TipoRelatorio=C&VISUALIZACAO=pdf" data-toggle="tooltip"  style="text-decoration: none; color: #000000;"><i class="fas fa-print fa-2xs"></i></a>' +
                    ' <a target= "_blank" data-toggle="tooltip" data-placement="top" title="Apenas Lançamento" href="/sigoweb/relatorios/jasperphp/repDemonstrativoProducaoCooperado.php?optReferenciaInicial={{ $referenciaSelecionada }}&optReferenciaFinal={{ $referenciaSelecionada }}&cmbCooperado=' +
                    row.rpg_cooperado +
                    '&TipoRelatorio=L&VISUALIZACAO=pdf" style="text-decoration: none; color: #000000;"><i class="fas fa-print fa-2xs"></i></a>' +
                    ' <a target= "_blank" data-toggle="tooltip" data-placement="top" title="Demonstrativo Modelo ANS" href="/sigoweb/relatorios/jasperphp/repDemonstrativoProducaoCooperado.php?optReferenciaInicial={{ $referenciaSelecionada }}&optReferenciaFinal={{ $referenciaSelecionada }}&cmbCooperado=' +
                    row.rpg_cooperado +
                    '&TipoRelatorio=A&VISUALIZACAO=pdf" style="text-decoration: none; color: #000000;"><i class="fas fa-print fa-2xs"></i></a>'

            }
        },
        {
            data: 'rpg_vlbruto',
            render: $.fn.dataTable.render.number('.', ',', 2, 'R$ '),
            className: "text-right"

        },
        {
            data: 'rpg_vlcred',
            render: $.fn.dataTable.render.number('.', ',', 2, 'R$ '),
            className: "text-right"
        },
        {
            data: 'rpg_vldesc',
            render: function (data, type, row) {
                var cor = 'orange';
                var title = 'E-social enviado parcialmente';
                if ((row.s1200 == 2) && (row.s1210 == 2)) {
                    cor = 'green';
                    title = 'E-social 100% enviado';
                }

                if ((row.s1200 != 2) && (row.s1210 != 2)) {
                    cor = 'red';
                    title = 'E-social não enviado';
                }

                var formattedNumber = $.fn.dataTable.render.number('.', ',', 2, 'R$ ').display(
                    data);

                return formattedNumber +
                    ' <i data-toggle="tooltip" data-placement="top" ' +
                    'title="Mais informações sobre os valores descontados" ' +
                    'style="cursor:pointer; color: rgb(255,8,0);" onclick="funDesconto(this)" ' +
                    'class="fas fa-info-circle"></i> ' +
                    '<i onclick="carregarESocial(this)" title="' + title + '" data-toggle="tooltip" ' +
                    'class="fas fa-archive" style="color: ' + cor + ';"></i>';
            },
            className: "text-right"
        },
        {
            data: 'rpg_vlliquido',
            render: $.fn.dataTable.render.number('.', ',', 2, 'R$ '),
            className: "text-right "
        }
        ]
    }).buttons().container().appendTo('#dataTablePrestadorres_wrapper .col-md-6:eq(0)');

    $("#dataTableESocial").DataTable({
        "responsive": true,
        "lengthChange": false,
        "autoWidth": false,
        "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"],
        "language": {
            "zeroRecords": "Nenhum registro encontrado",
            "info": "Mostrando os registos _START_ a _END_ num total de _TOTAL_",
            "search": "Procurar:",
            "infoEmpty": "Mostrando 0 registos",
            "infoFiltered": "(filtrado num total de _MAX_ registros)",
            "paginate": {
                "previous": "Anterior",
                "next": "Próximo"
            },
        },
    });

    function funDesconto(icone) {
        coluna = $(icone).parent();
        linha = $(coluna).parent();
        cro = $(linha).attr("cro");
        $("#vlTotalDescontos").html(formataMoeda($(linha).attr("vlTotalDescontos")));
        getDadosValorDesconto(cro);
    }

    function carregarESocial(icone) {
        $(icone).removeClass('fa-archive').addClass('fa-spinner');
        var coluna = $(icone).parent();
        var linha = $(coluna).parent();
        var cro = $(linha).attr("cro");
        var nome = $(linha).attr("nomeprestador");
        $('#tituloModalEsocial').html('E-Social: ' + nome + ' - ' + cro);
        getDadosModalESocial(cro,icone);
    }

    function alterarValorUSMaceio() {
        myHeaders = new Headers({
            'Authorization': 'bearer ' + localStorage.getItem('token'),
            "Content-Type": "application/json",
            "Accept": "application/json, text-plain, */*"
        });
        dados = {
            "vup_valor": $('#novoValorUSMaceio').val()
        }
        var myInit = {
            method: 'POST',
            body: JSON.stringify(dados),
            headers: myHeaders
        }
        fetch('/sigo-laravel/public/api/v1/operacional/valoruspagamentoMaceio', myInit)
            .then(function (response) {
                response.json().then(function (dados) {
                    if (response.status == 200) {
                        toastr.success('Novo valor de US atual: ' + $('#novoValorUSMaceio').val(),
                            'Sucesso!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                    } else {
                        toastr.error(dados.message, 'Erro!', {
                            timeOut: 3000,
                            progressBar: true,
                            closeButton: true
                        });
                    }
                });
            });
    }
</script>
@stop