<?php
require_once "../../permission.php";
verifySession();
require_once "../../header.php";
$statusinsert = isset($_POST['statusinsert']) ? $_POST['statusinsert'] : false;
?>
<script src="../../dist/plugins/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js"></script>

<? if(array_intersect(array('6'), $_SESSION['codRole'])) { ?>
<div class="content-wrapper">
   <section class="content-header">
      <section class="content">
         <div class="row">
            <section class="col-lg-6">
               <div class="box">
                  <div class="box-header">
                     <div class="pull-left">
                        <h3 style= "margin-top: 0px;">
                        Lista de Ordens de Pagamento
                        <button type="button" class="btn btn-success" id="criarOp"> + Criar Op</button>
                        <div class="btn-group" data-toggle="buttons">
                           <label class="btn btn-primary  active  form-check-label">
                           <input class="form-check-input" name="opStatus" type="radio" id="exec_ativo" value="ativo" autocomplete="off"  checked="checked" >Ativo</label>
                           <label class="btn btn-primary  form-check-label">
                           <input class="form-check-input" name="opStatus" type="radio" id="exec_todos" value="todos" autocomplete="off"  >Todos</label>
                        </div>
                     </div>
                  </div>
                  <div class="box-body" id="producaoIndividual">
                     <table id="tabelaOpGeral" class="table table-bordered table-striped table-hover" data-order='[[0, "asc"]]' data-page-length="10">
                        <thead>
                           <tr>

                              <th>Op</th>
                              <th>Nome</th>
                              <th>Total</th>
                              <th>Ativo</th>
                           </tr>
                        </thead>
                     </table>
                  </div>
               </div>
            </section>
            <section class="col-lg-6">
               <div class="box">
                  <div class="box-header">
                     <div class="pull-left">
                        <h3 style= "margin-top: 0px;">Fornecedores com OS a serem pagas</h3>
                     </div>
                  </div>
                  <div class="box-body" id="producaoIndividual">
                     <table id="tabelaOp" class="table table-bordered table-striped table-hover" data-order='[[0, "asc"]]' data-page-length="10">
                        <thead>
                           <tr>
                              <th>Nome</th>
                              <th>Função</th>
                           </tr>
                        </thead>
                     </table>
                  </div>
               </div>
            </section>
            <div class="modal fade" id="pagamentosInfoMain" role="dialog">
               <div class="modal-dialog" style="width:70%;height:auto">
                  <div class="modal-content">
                     <div id="voucherContent">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
   </section>
</div>
<script>

var dataObject = {
    columns: [],
    stateSave: false,
    paging: true,
    lengthChange: true,
    searching: true,
    ordering: true,
    info: true,
    autoWidth: true,
    bRetrieve: true,
    language: {
        url: "/dist/plugins/datatables/i18n/Portuguese-Brasil.json"
    }
}

$(document).ready(function(e) {
    carregaTabelaOp();
    carregatabelaOpGeral ();
    $('#listMenuPagamento').css('color', 'white');


});

function carregaTabelaOp () {
    var status2 = $('input[name=opStatus]:checked').val();
    $.post("ordens_pagamento_select.php", {
        opStatus: status2,
    }, function(data, source) {
        //console.log(data);
        var response = JSON.parse(data);
        var aoColumnsDataTable = [];
        var arrayToTable = [];

        response.listaOp.forEach(function (element, index, array) {
            element.nome = '<a href="" onclick="pagamentos('+element.codFornecedor+')">'+element.nome+'</a>';
            delete element.codFornecedor;

            arrayToTable.push(element);
        });

        Object.keys(response.listaOp[0]).forEach(function(element, index, array) {
            aoColumnsDataTable.push({ "mDataProp" : element });
        });

        dataObject.aoColumns = aoColumnsDataTable;
        refreshTabela(arrayToTable);
    });
}

function carregatabelaOpGeral () {
    var status2 = $('input[name=opStatus]:checked').val();
    $.post("ordens_pagamento_select.php", {
        opStatus: status2,
    }, function(data, source) {
        var response = JSON.parse(data);
        var aoColumnsDataTable = [];
        var arrayToTable = [];

        response.listaOpGeral.forEach(function (element, index, array) {
            element.op = '<a href="" onclick="pagamentos3('+element.codOp+','+element.codFornecedor+')">'+element.op+'</a>';

           if(element.ativo ==1){
                element.ativo = '<input type="checkbox" name="ativo" onchange="atualizaOp('+element.codOp+','+element.ativo+');" checked>';
            } else {
                element.ativo = '<input type="checkbox" name="ativo" onchange="atualizaOp('+element.codOp+','+element.ativo+');" >';
            }
            delete element.codFornecedor;
            delete element.codOp;
            arrayToTable.push(element);
        });

        Object.keys(response.listaOpGeral[0]).forEach(function(element, index, array) {
            aoColumnsDataTable.push({ "mDataProp" : element });
        });

        dataObject.aoColumns = aoColumnsDataTable;
        refreshTabela2(arrayToTable);
    });
}


function atualizaOp(codOp, ativo) {
    if(ativo == 1){
        ativo = 0;
    } else if (ativo ==0){
        ativo = 1;
    }
    $.post("op_update.php", {
        codOp : codOp,
        ativo : ativo
    }, function(data, source) {
        try {
            carregatabelaOpGeral();
        } catch (e) {}
        //console.log(data);
    });
}


function refreshTabela(data) {
    $('#tabelaOp').DataTable(dataObject);
    $('#tabelaOp').dataTable().fnClearTable();
    $('#tabelaOp').dataTable().fnAddData(data);
    $('#tabelaOp').on('mouseover', function() {
        $('table a').on('click', function(e) {
            e.preventDefault();
        });
    });
}
 $("#exec_todos").change(function() {
        carregatabelaOpGeral($("#exec_todos").val());
    });
    $("#exec_ativo").change(function() {
        carregatabelaOpGeral($("#exec_ativo").val());
    });
    function refreshTabela2(data) {
    $('#tabelaOpGeral').DataTable(dataObject);
    $('#tabelaOpGeral').dataTable().fnClearTable();
    $('#tabelaOpGeral').dataTable().fnAddData(data);
    $('#tabelaOpGeral').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
    $('#tabelaOpGeral').on('mouseover', function() {
        $('table a').on('click', function(e) {
            e.preventDefault();
        });
    });
}

function pagamentos(codFornecedor) {
    $('#voucherContent').load("detalhesOp.php", {
            codFornecedor : codFornecedor,

    });
    $('#pagamentosInfoMain').modal("show");
}


function pagamentos3(codOp, codFornecedor) {
    $('#voucherContent').load("detalhesOp.php", {
        codOp : codOp,
        codFornecedor : codFornecedor
    });
    $('#pagamentosInfoMain').modal("show");
}

 $('#criarOp').click(function() {
    $("#voucherContent").load('detalhesOp.php', {acao: 'insert'},);
    $('#pagamentosInfoMain').modal("show");
});

</script>

<?php
require_once "../../footer.php";
?>
<? } else { ?>
    <div class="box col-sm-12">
    <label> Você não tem permissão para ver essa página </label>
</div>
<? } ?>