@extends('adminlte::page')

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

@section('content')
<h1>Listagem de Prestadores E-Social (1200)</h1>
<div class="row">
  <div class="col-12">
    <div class="card">

      <div class="card-body table-responsive p-0">
        <h1 class="card-title" style="text-align:center;"> E-Social (1200)</h1>
        <table class="table table-hover text-nowrap" id="dataTableCooperados">
          <thead>
            <tr>
              <th>NOME</th>
              <th>Valor Bruto</th>
              <th>Valor Creditado</th>
              <th>Descontos</th>
              <th>Valor Líquido</th>
            </tr>
          </thead>
          <tbody>

          </tbody>
        </table>
      </div>

    </div>

  </div>
  <div class="modal fade" id="modalValorDesconto">
    <div class="modal-dialog modal-dialog-scrollable modal-lg">
      <div class="modal-content">
        <div class="overlay" id="carregamento">
          <i class="fas fa-2x fa-sync fa-spin"></i>
        </div>
        <div class="modal-header">
          <h5 class="modal-title" style="font-weight: bold;">Informações sobre valores descontados</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="card-body p-0 ">
            <table id="dataTableValorDesconto" class="table table-bordered table-hover">
              <tr>
                <th>Descontos lançados</th>
                <th>Valor</th>
              </tr>
              <tbody id="gridValorDesconto" class="table table-bordered table-hover">
              </tbody>
              <tfoot>
                <tr>
                  <td>Total</td>
                  <td id="vlTotalDescontos" style="text-align: right;"></td>
                </tr>
              </tfoot>
            </table>
          </div>
        </div>
        <div class="modal-footer justify-content-around"></div>
      </div>
    </div>
  </div>
</div>
@stop


@section('css')


<style>
</style>
@stop
@section('plugins.Datatables', true)
@section('plugins.DatatablesPlugins', true)
@section('js')

<script>
  $("#dataTableCooperados").DataTable({
    "responsive": true,
    "ordering": false,
    "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('{!! $prestadoresDaProducaoEsocial !!}', true),
    'createdRow': function(row, data, dataIndex) {
      $(row).attr('cro', data.rpg_cooperado);
      $(row).attr('vlTotalDescontos', data.rpg_vldesc);

    },
    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=L&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: $.fn.dataTable.render.number('.', ',', 2, '<i data-toggle="tooltip" data-placement="top" title="Mais informações sobre os valoresdescontados" style="cursor:pointer" onclick="funDesconto(this)" class="fas fa-info-circle" style="color: rgb(255,8,0);"></i> R$ '),
        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)'); //.buttons().container().appendTo('#dataTablePrestadorres_wrapper .col-md-6:eq(0)');
  function funDesconto(icone) {
    coluna = $(icone).parent();
    linha = $(coluna).parent();
    cro = $(linha).attr("cro");

    getDadosValorDesconto(cro);
  }
function valor(){

  $("#vlTotalDescontos").html(formataMoeda($(linha).attr("vlTotalDescontos")));

}
  function formataMoeda(valor) {
    return new Intl.NumberFormat('pt-BR', {
      style: 'currency',
      currency: 'BRL'
    }).format(valor);
  }

  function getDadosValorDesconto(cro) {
    $('.overlay').hide();
    myHeaders = new Headers({
      'Authorization': 'bearer ' + localStorage.getItem('token'),
      "Content-Type": "application/json",
      "Accept": "application/json, text-plain, */*"
    });
    dados = {
      "lan_desc": $('#lan_desc').val(),
      "lco_valor": $('#lco_valor').val()
    }
    var myInit = {
      method: 'GET',
      headers: myHeaders
    }
    fetch('/sigo-laravel/public/api/v1/operacional/getListagemLancamentosPorPrestador/{{ $referenciaSelecionada }}/' + cro + '/D', myInit).then(function(response) {
      response.json().then(function(dados) {
        if (response.status == 200) {
          let gridValorDesconto = ``;
          for (i = 0; i < dados.length; i++) {
            if (dados[i].lco_valor > 0 && dados[i].lan_desc.includes('INSS')) {
            valor(formataMoeda(dados[i].lco_valor));
              gridValorDesconto += `<tr>
                                                <td>${dados[i].lan_desc}</td>
                                                <td style="text-align: right;">${formataMoeda(dados[i].lco_valor)}</td>
                                              </tr>`;

            }

          }
          $('#gridValorDesconto').html(gridValorDesconto);


          $("#modalValorDesconto").modal();
        } else {
          notificacoes(dados.message, "erro");
        }
      });
    });


  }
</script>
@stop