<table class="grid" border="0" id="tablePagination">
    <thead>
        <tr>
            <th><input  type="checkbox" id="check-all"></th>
            <th>Nº da liquidação</th>
            <th>Proposta</th>
            <th>Apólice</th>
            <th>Segurado</th>
            <th>CPF/CNPJ do segurado</th>
            <th>Data base de pagamento</th>
            <th>Beneficiário</th>
            <th>CPF/CNPJ do beneficiário</th>
            <th>Valor da indenização</th>
        </tr>
    </thead>
    <tbody id="tbody-propostas">
        <?php foreach($this->paginatorPropostas as $p):?>
            <tr>
                <td style="text-align:center"><input data-id-liquidacao="<?= $p['id_liquidacao'] ?>" type="checkbox" name="id_liquidacao_indenizacao[]"></td>
                <td style="text-align:center;"><?= $p['id_liquidacao'] ?></td>
                <td style="text-align:center;"><?= $p['id_proposta_mae'] ?></td>
                <td style="text-align:center;"><?= $p['nr_apolice'] ?></td>
                <td style="text-align:center;"><?= $p['segurado'] ?></td>
                <td style="text-align:center;"><?= $p['cpf_cnpj_segurado'] ?></td>
                <td style="text-align:center;"><?= $p['dt_base_pagamento'] ?></td>
                <td style="text-align:center;"><?= $p['beneficiarios'] ?></td>
                <td style="text-align:center;"><?= $p['cpf_cnpj_beneficiarios'] ?></td>
                <td style="text-align:center;"><?= 'R$ ' . Agro_Util::formatDbCurrency($p['vl_indenizacao']) ?></td>
            </tr>
        <?php endforeach; ?>
    </tbody>
</table>

<script>
    $(document).ready(function() {
        document.querySelectorAll('.paginatorPropostas').forEach(el => {
            el.addEventListener('click', (event) => {
                event.preventDefault();
                $('#list-propostas').load(event.currentTarget.href);
            });
        });

        document.querySelector('#check-all').addEventListener('change', (event) => {
            if (event.currentTarget.checked) {
                document
                    .querySelectorAll('input[name="id_liquidacao_indenizacao[]"]')
                    .forEach(cb => cb.checked = true);
            } else {
                document
                    .querySelectorAll('input[name="id_liquidacao_indenizacao[]"]')
                    .forEach(cb => cb.checked = false);
            }
        });
    });
</script>

<?=$this->paginationControl(
    $this->paginatorPropostas,
    'Sliding',
    'paginator.phtml',
    [
        'paginationClass' => 'paginatorPropostas',
        'pageParamName' => 'pagePropostas',
        'additionalParams' => ['pagePropostas' => $this->paginatorPropostas->getCurrentPageNumber()]
    ]
);
?>