<?php
$participantes = (new Participante)->limite(300)->orderBy('participante_id DESC')->listar();
$mod = 'participante';
$titulo = 'Participantes';
?>
<div class="row g-4">
    <div class="col-12">
        <nav class=" bg-secondary rounded h-100 p-4 navbar bg-body-tertiary">
            <div class="container-fluid">
                <a class="navbar-brand"><i class="fa fa-users me-2"></i><?= $titulo ?></a>
                <div class="d-flex" role="search">
                    <a href="<?= __URLSITE__ ?><?= $mod ?>/formulario" type="button" class="btn btn-outline-primary">
                        <i class="fa-solid fa-user-plus fa-2x mt-2"></i><br>
                        Novo
                    </a>
                    <div class="d-flex" style="margin-left: 20px !important;">
                        <?php

                        use chillerlan\QRCode\QRCode;

                        $url = 'https://app.feneva.tec.br/inscricao.php';
                        $qrcode = (new QRCode())->render($url);
                        echo "<img src='$qrcode' width=70' height='70'>";
                        ?>
                    </div>
                </div>

            </div>
        </nav>
    </div>
    <div class="col-12">
        <div class="bg-secondary rounded h-100 p-4">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Nome</th>
                            <th scope="col">Empresa</th>
                            <th scope="col">Endereço</th>
                            <th scope="col">Telefone</th>
                            <th scope="col">Email</th>
                            <th scope="col">CPF</th>
                            <!-- <th scope="col">Senha de Acesso</th> -->
                            <th scope="col">Ação</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php foreach ($participantes as $participante) { ?>
                            <tr>
                                <td scope="row"><?= ($participante)->participante_id; ?></td>
                                <td><?= ($participante)->participante_nome; ?></td>
                                <td><?= ($participante)->participante_empresa; ?></td>
                                <td><?= ($participante)->participante_endereco ?></td>
                                <td><?= ($participante)->participante_telefone; ?></td>
                                <td><?= ($participante)->participante_email; ?></td>
                                <td><?= Funcao::mask(($participante)->participante_cpf, '###.###.###-##'); ?></td>
                                <!-- <td><?= ($participante)->participante_senha; ?></td> -->
                                <td>
                                    <div class="btn-group" role="group">
                                        <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                                            Ação
                                        </button>
                                        <ul class="dropdown-menu">
                                            <li><button class="dropdown-item btn-acao comprar" disabled data-id="<?= $participante->participante_id; ?>" type="button"><i class="fas fa-code me-2"></i>Comprar Ingresso</button></li>
                                            <li><a class="dropdown-item btn-acao" type="button" target="_blank" href="<?= __URLSITE__ ?>modulos/<?= $mod ?>/impressao.php?id=<?= ($participante)->participante_id; ?>"><i class="fas fa-print me-2"></i>Imprimir</a></li>
                                            <li><a class="dropdown-item btn-acao" type="button" href="<?= __URLSITE__ ?><?= $mod ?>/formulario/<?= ($participante)->participante_id; ?>"><i class="fas fa-edit me-2"></i>Editar</a></li>
                                            <li><a class="dropdown-item btn-acao" type="button" href="<?= __URLSITE__ ?><?= $mod ?>/excluir/<?= ($participante)->participante_id; ?>"><i class="far fa-trash-alt me-2"></i>Excluir</a></li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        <?php } ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalPagamento" tabindex="-1" aria-labelledby="modalPagamentoLabel" aria-hidden="true">
    <div class="modal-dialog  modal-fullscreen">
        <div class="modal-content">
            <div class="modal-header bg-dark">
                <h5 class="modal-title " id="modalIngressoPagamento">Ingresso: <span class="ingresso_selecionado"></span></h5>
                <button type="button" class="btn-close bg-white fecharModal" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">

                <div class="d-flex align-items-center justify-content-between mb-4 text-dark text-center">
                    <h6 class="mb-1 mt-1 text-dark text-center" style="width: 100%" ;>Escolha a Forma de Pagamento</h6>
                </div>
                <?php
                $pagamentos = (new FormaPagamento)->orderBy('forma_pagamento_id ASC')->listar();
                ?>
                <div class="offset-2 col-8">
                    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 forma-pagamento">
                        <?php foreach ($pagamentos as $pagamento): ?>
                            <div class="col">
                                <div class="card p-2">
                                    <img src="<?= base_url . 'img/' . ($pagamento->forma_pagamento_imagem != "" ? $pagamento->forma_pagamento_imagem : 'pagamento_padrao.png') ?>" class="card-img-top" alt="...">
                                    <div class="card-body">
                                        <div class="card-info-pagamento">
                                            <h3 class="card-title text-dark mt-2 mb-2"><?= $pagamento->forma_pagamento_nome ?></h3>
                                            <button class="btn btn-secondary escolher_pagamento" data-pagamento="<?= $pagamento->forma_pagamento_nome ?>">Escolher</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach ?>
                    </div>
                </div>

                <div class="pagamento_escolha p-3">

                </div>
            </div>
            <div class="modal-footer bg-dark">
                <button type="button" class="btn btn-secondary fecharModal" data-bs-dismiss="modal">Sair</button>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $('.comprar').on('click', function() {
            var participante_id = $(this).data('id');

            $('.fecharModal').on('click', function() {
                $('.forma-pagamento').show();
            });
            $('.escolher_pagamento').on('click', function() {
                $('.pagamento_escolha').html('');
                $('.forma-pagamento').hide();

                var tipo_pagamento = $(this).data('pagamento');
                var ingresso_selecionado = $('.ingresso_selecionado').text();

                $.ajax({
                    type: "POST",
                    url: "<?= __URLSITE__ ?>modulos/ingresso_participante/registrar_ingresso.php",
                    data: {
                        tipo_pagamento: tipo_pagamento,
                        ingresso_selecionado: ingresso_selecionado,
                        participante_id: participante_id
                    },
                    success: function(dados) {
                        $('.pagamento_escolha').html(dados);
                    }
                });
            });
            $('.comprar').on('click', function() {
                $('#modalPagamento').modal('show');
                $('#modalPagamento').find('.ingresso_selecionado').html($(this).data('ingresso'));
            });

        });

        var table = $('table').DataTable({
            order: [0, 'desc'],
            "language": {
                "paginate": {
                    "previous": "Anterior",
                    "next": "Próxima"
                },
                "sSearch": "Pesquisar",
            },
        });
    });
</script>